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

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

3. 今日は
非プログラマ向け
の
発表

4. 静的サイト
の
製作どうしてます ?

5. CSS

6. HTMLは?

7. もっと簡単に
管理したい

8. Template Lang

9. Slim

10. オススメ:Slim + Sass

11. でも、世の中
そんなにうまくいかない

12. 作業フロー
Haml
Slim
convert convert
to to
CSS HTML
Sass/Scss,
Less, Stylus

13. めんどくさい。

14. さらにオススメ
Static Site Generator

15. 3つのコマンド
•
middleman init
•
middleman server
•
middleman build

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

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

18. まとめ

19. おれのかんがえた
最強の組合せ

20. agatsuma.survive#02
3月末 or 4月?