2014/02/19に株式会社リゾームの新商品開発チームのチーム勉強会で発表した資料

1. Middlemanによる
静的サイト作成術
2014/02/18
@patorash

2. 堕落したRailsエンジニアの悩み

3. 素のHTML, JavaScript,CSSを
書きたくないでござる

4. でも静的サイトを作るときもあるよね

5. そこでYEOMANですよ！

6. 世間ではYEOMANが大人気
● Node.jsで作られている。
● Yo, Grunt, Bowerの組み合わせで
サクサク作れます的な。
● SASSもCoffeeScriptも自動コンパイルしてくれ
るよー（設定すれば）
● HamlやSlimも自動コンパイルしてくれるよー
（設定すれば）

7. ＿人人人人人人人人人＿
＞ （設定すれば） ＜
￣Y^Y^Y^Y^Y^Y^Y^Y￣

8. そもそもSassもSlimもRuby製だし
なんでNode.jsを通すのよ。

9. ここからが本題

10. Railsエンジニアが
楽に静的サイトを作る場合には
Middleman
がオススメです。

11. Middleman

12. Middlemanとは？
● 一言で言うと、Ruby製Yeoman
● gem入れるだけでCoffeeScript, Sass, テンプ
レートエンジン(Haml, Slimなど)を自動コンパイ
ルしてくれる
● Sinatraベースなので、Rackアプリにもなる（らし
い）
● LiveRelead。保存したら逐次コンパイル。
● assets pipelineに対応。複数のcss, jsが1つの
ファイルにまとめられる。
● テンプレートヘルパーがある
例: = link_to ‘SelfieGirl’, ‘http://selfiegirl.net’

13. Middleman vs Yeoman
● 自動コンパイルに慣れたRailsエンジニアには
Yeomanは辛すぎる(Grunt?なにそれ?)
● 導入が楽。gem middlemanだけ。
● 設定が楽。config.rbを修正するだけ。
● Coffee, Sass, Slim, Hamlの導入が楽。
Gemfileに書いてbundle installするだけ。
● 唯一、Bowerに変わるものがないのが弱点。

14. Bower

17. Middleman vs Yeoman
● 自動コンパイルに慣れたRailsエンジニアには
Yeomanは辛すぎる(Grunt?なにそれ?)
● 導入が楽。gem middlemanだけ。
● 設定が楽。config.rbを修正するだけ。
● Coffee, Sass, Slim, Hamlの導入が楽。
Gemfileに書いてbundle installするだけ。
● 唯一、Bowerに変わるものがないのが弱点。
● Bowerだけ借りましょう！

18. デモやります。