実践
hologramでカスタムスタイルガイド
5

hologramを使いこなし、自分好みのスタイルガイドを作る細かなカスタマイズ手法を解説します。トップページを作る、テンプレート用の変数を使うなど、スタイルガイドの使い勝手をよくします。

坂巻 翔大郎
坂巻 翔大郎 | フロントエンド・エンジニア

シリーズ連載中にhologramが1.1から1.2へとアップデートをしました。シンタックスハイライタが変更になるなど大きな変更を含むため、アップデート後の設定などを詳しく解説します。

坂巻 翔大郎
坂巻 翔大郎 | フロントエンド・エンジニア

hologramの基本的な使い方の解説は今回で最後となります。テンプレートの書き方、MarkdownのパーサーであるRedcarpetの拡張方法などを解説します。これで一通りの使い方を押さえられます。

高津戸 壮
高津戸 壮 | フロントエンド・エンジニア

hologramを実際にインストールします。configファイルの設定項目、またhologramが使うCSSファイル内のコメントの書き方とその結果など基本的な使い方を理解しましょう。

高津戸 壮
高津戸 壮 | フロントエンド・エンジニア

第1回目はhologramというRubyで書かれたスタイルガイドジェネレータの基本的な機能を概観します。シンプルでありながら高い拡張性をも持ち合わせ、柔軟にスタイルガイドを作成することができます。

高津戸 壮
高津戸 壮 | フロントエンド・エンジニア