フロントエンド
2020.5.8 書いた人： おくだ
【VuePress】グローバルナビゲーションとサイドバーを表示する
VuePressでサイトを公開する時、 まず設定すべきなのがグローバルナビゲーションとサイドバーです。 グローバルナビゲーションはユーザーがサイトを回遊するのに役立ち、 サイドバーは目次などが表示でき、記事の内容がわかり…
triBlog 株式会社トリアナのブログ > フロントエンド
フロントエンド
2020.3.12 書いた人： おくだ
【VuePress】ゆる〜くインストールからHello VuePressを表示するまでをまとめてみた
個人でブログ書きたいなぁとか、技術メモをサイトとして公開したいなぁって方必見。 静的サイトジェネレーターのVuePressを使って爆速なサイトを作っていきましょう。 今回は初歩の初歩、インストールから画面に「Hello …
WEB制作
2020.1.10 書いた人： おくだ
【静的サイトジェネレータ】WordPress不要！2020年注目のVuePressの特徴をまとめてみた
みなさんは静的サイトジェネレーターって聞いたことありますか。 将来、WordPressに代わる存在になるのでは……とWEB業界で囁かれてる技術なんです。 今回はそんな静的サイトジェネレータの中でも、Vue.jsで構築する…
ツール
2019.11.20 書いた人： あべ
時短で簡単に！ストライプ・背景グラデーションをCSSで！
天の声「そろそろね、Webコーダーらしい話をしようね。 2.5舞台とかサブカルな話しかしてないからね。」 というわけで今回は、コーディングでよく利用しているサイトなどをご紹介しようと思います。 コピペでいけてしまうので、…
WEB制作
2019.11.1 書いた人： おくだ
もう「CSSが効かない」に悩まされない！詳細度を意識してクラスにスタイルを当てよう
みなさん、「CSSの詳細度」って聞いたことありますか？ 「CSSが効かない！」と悩まされがちな人は要チェック！ 今回はWEBサイトのスタイリングにまつわる技術ネタです✌️ CSSの詳細度とは 簡単に言うと「スタイルが適用…
WEB制作
2019.10.30 書いた人： つかざき
Adobe Dreamweaver CCでSCSS（SASS）を簡単に自動コンパイルする。
今回はAdobe Dreamweaver CCで書いたSCSSを自動でコンパイルしてくれる機能を社内共有も含め記事にします。 そもそもSCSS（SASS）ってなんぞ？コンパイルってなんぞ？ぷよぷよ？という方は奥田くんの記…
PICK UP
2019.9.5 書いた人： おくだ
サックサクなサイト制作には何が必要か〜ウェブサイト高速化Nightに行ってみた！〜
3秒で53%。 みなさんはこの数字がなんだかわかりますか。 これは「ウェブページの読み込みに3秒かかると53%もの人が離脱する」というGoogleの調査によるデータです。 って、さとペンさんが言ってました。 今回はウェブ…
WEB制作
2019.8.19 書いた人： おくだ
連休中にインターンがVue.jsをコード書きながら学んでみた
どうも！9連休明けの奥田です。 連休中はゆった〜り映画とGTOのドラマを観てたんですが、 やっぱりプログラミングをしないと落ち着かない…！ ということでVue.jsを学んでみました！ 今回はその概要をみなさんにお届けしま…
WEB制作
2019.8.6 書いた人： おくだ
【vol.3】有名な3つのCSS設計をまとめてみた〜BEM編〜
こんにちは！インターンの奥田です。 OOCSS編、SMACSS編に続いて、今回はBEM編です！(⌒▽⌒) ……。 サムネイルをフルーツで統一してたの、気づきました？ CSS設計とは（…
WEB制作
2019.8.1 書いた人： おくだ
【vol.2】有名な3つのCSS設計をまとめてみた〜SMACSS編〜
こにゃにゃちわ～（古い）（ケロちゃん）（伝われ） カードキャプターさくら世代の奥田です！ （よく調べたら私は再放送世代でした…！） 前回のOOCSS編に引き続き、今回はSMACSS編です(⌒▽⌒) CSSを快適に書くため…