YEOMAN Advent Calendar 15日目：generator-zf5 を紹介します

ジェネレータ generator-zf5 を紹介します。このエントリーは「YEOMAN Advent Calendar 2014」12月15日の記事です。

YEOMAN Advent Calendar 2014 - Adventar

zf5とは「Zurb Foundation 5」の略です。Zurb は1998年からプロダクトデザインを行っている企業です。

ZURB — Product Design, Interaction Design & Design Strategy

Foundation 5 は Zurb が提供するレスポンシブデザインが手軽にできるCSS フレームワークです。

Foundation | The Most Advanced Responsive Front-end Framework from ZURB

インストールから実行まで

インストール

$ npm install -g generator-zf5
$ mkdir zf5 && cd $_
$ yo zf5
$ grunt

特に込み入ったオプションはありません。

実行

実行すると次の通りです。CSS フレームワークですので出来上がった画面を見るといいと思います。どちらかというとテンプレートというよりも紹介的なジェネレータです。CSS フレームワークなのでとにかく見ろということだと思います。使い方もサンプルからどうぞといった雰囲気です。

最後に

CSS フレームワークとしては Bootstrap が有名ですが、それ以外にも多くCSS フレームワークがあります。選択肢がひとつというのはあまり良くない状況かと思います。YEOMANを使ってサクっと CSSフレームワークを評価し使ってみるのもよいかと思います。