Middlemanによる静的サイト作成術

1,906 views

Published on

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

Published in: Technology
0 Comments
6 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,906
On SlideShare
0
From Embeds
0
Number of Embeds
39
Actions
Shares
0
Downloads
5
Comments
0
Likes
6
Embeds 0
No embeds

No notes for slide

Middlemanによる静的サイト作成術

  1. 1. Middlemanによる 静的サイト作成術 2014/02/18 @patorash
  2. 2. 堕落したRailsエンジニアの悩み
  3. 3. 素のHTML, JavaScript,CSSを 書きたくないでござる
  4. 4. でも静的サイトを作るときもあるよね
  5. 5. そこでYEOMANですよ!
  6. 6. 世間ではYEOMANが大人気 ● Node.jsで作られている。 ● Yo, Grunt, Bowerの組み合わせで サクサク作れます的な。 ● SASSもCoffeeScriptも自動コンパイルしてくれ るよー(設定すれば) ● HamlやSlimも自動コンパイルしてくれるよー (設定すれば)
  7. 7. _人人人人人人人人人_ > (設定すれば) <  ̄Y^Y^Y^Y^Y^Y^Y^Y ̄
  8. 8. そもそもSassもSlimもRuby製だし なんでNode.jsを通すのよ。
  9. 9. ここからが本題
  10. 10. Railsエンジニアが 楽に静的サイトを作る場合には Middleman がオススメです。
  11. 11. Middleman
  12. 12. Middlemanとは? ● 一言で言うと、Ruby製Yeoman ● gem入れるだけでCoffeeScript, Sass, テンプ レートエンジン(Haml, Slimなど)を自動コンパイ ルしてくれる ● Sinatraベースなので、Rackアプリにもなる(らし い) ● LiveRelead。保存したら逐次コンパイル。 ● assets pipelineに対応。複数のcss, jsが1つの ファイルにまとめられる。 ● テンプレートヘルパーがある 例: = link_to ‘SelfieGirl’, ‘http://selfiegirl.net’
  13. 13. Middleman vs Yeoman ● 自動コンパイルに慣れたRailsエンジニアには Yeomanは辛すぎる(Grunt?なにそれ?) ● 導入が楽。gem middlemanだけ。 ● 設定が楽。config.rbを修正するだけ。 ● Coffee, Sass, Slim, Hamlの導入が楽。 Gemfileに書いてbundle installするだけ。 ● 唯一、Bowerに変わるものがないのが弱点。
  14. 14. Bower
  15. 15. Middleman vs Yeoman ● 自動コンパイルに慣れたRailsエンジニアには Yeomanは辛すぎる(Grunt?なにそれ?) ● 導入が楽。gem middlemanだけ。 ● 設定が楽。config.rbを修正するだけ。 ● Coffee, Sass, Slim, Hamlの導入が楽。 Gemfileに書いてbundle installするだけ。 ● 唯一、Bowerに変わるものがないのが弱点。 ● Bowerだけ借りましょう!
  16. 16. デモやります。

×