モダンすぎる静的サイトの作り方

1. モダンすぎる
静的サイトの作り方
yterajima
2013.02.09
Gunma.web#12@高崎市労使会館
13年2月10日日曜日

2. 自己紹介
•寺嶋祐也 / yterajima
•東吾妻町の個人事業主
•PHP, Ruby, JS, (X)HTML, CSS
•tmux + zsh + vim + git
13年2月10日日曜日

3. 今日は
非プログラマ向け
の
発表
13年2月10日日曜日

4. 静的サイト
の
製作どうしてます ?
13年2月10日日曜日

5. CSS
13年2月10日日曜日

6. HTMLは?
13年2月10日日曜日

7. もっと簡単に
管理したい
13年2月10日日曜日

8. Template Lang
13年2月10日日曜日

9. Slim
13年2月10日日曜日

10. オススメ:Slim + Sass
13年2月10日日曜日

11. でも、世の中
そんなにうまくいかない
13年2月10日日曜日

12. 作業フロー
Sass/Scss,
Less, Stylus
Haml
Slim
convert
to
HTML
convert
to
CSS
13年2月10日日曜日

13. めんどくさい。
13年2月10日日曜日

14. さらにオススメ
Static Site Generator
13年2月10日日曜日

15. 3つのコマンド
•middleman init
•middleman server
•middleman build
13年2月10日日曜日

16. Features
•沢山のテンプレートエンジンに対応
•build & minify & compression
•DirectoryIndex (Pretty URL)
•Layouts, Nested Layouts, Partial
•Frontmatter(YAML)
•Helpers(Padorino)
•LiveReload(Extension)
13年2月10日日曜日

17. 日本語情報
•middleman-guides 日本語版
http://middleman-guides.e2esound.com
•Slim README.md 日本語
https://github.com/yterajima/slim/tree/
README_ja
13年2月10日日曜日

18. まとめ
13年2月10日日曜日

19. おれのかんがえた
最強の組合せ
13年2月10日日曜日

20. agatsuma.survive#02
3月末 or 4月?
13年2月10日日曜日