モダンすぎる静的サイトの作り方      yterajima        2013.02.09 Gunma.web#12@高崎市労使会館
自己紹介• 寺嶋祐也 / yterajima• 東吾妻町の個人事業主• PHP, Ruby, JS, (X)HTML, CSS• tmux + zsh + vim + git
今日は非プログラマ向け     の    発表
静的サイト    の製作どうしてます ?
CSS
HTMLは?
もっと簡単に 管理したい
Template Lang
Slim
オススメ:Slim + Sass
でも、世の中そんなにうまくいかない
作業フロー             Haml             Slimconvert                   convert  to                        to CSS                ...
めんどくさい。
さらにオススメStatic Site Generator
3つのコマンド•middleman init•middleman server•middleman build
Features• 沢山のテンプレートエンジンに対応• build & minify & compression• DirectoryIndex (Pretty URL)• Layouts, Nested Layouts, Partial• F...
日本語情報• middleman-guides 日本語版 http://middleman-guides.e2esound.com• Slim README.md 日本語 https://github.com/yterajima/slim/tr...
まとめ
おれのかんがえた 最強の組合せ
agatsuma.survive#02   3月末 or 4月?
Upcoming SlideShare
Loading in …5
×

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

2,356 views

Published on

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

Published in: Design
0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
2,356
On SlideShare
0
From Embeds
0
Number of Embeds
731
Actions
Shares
0
Downloads
3
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide

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

  1. 1. モダンすぎる静的サイトの作り方 yterajima 2013.02.09 Gunma.web#12@高崎市労使会館
  2. 2. 自己紹介• 寺嶋祐也 / yterajima• 東吾妻町の個人事業主• PHP, Ruby, JS, (X)HTML, CSS• tmux + zsh + vim + git
  3. 3. 今日は非プログラマ向け の 発表
  4. 4. 静的サイト の製作どうしてます ?
  5. 5. CSS
  6. 6. HTMLは?
  7. 7. もっと簡単に 管理したい
  8. 8. Template Lang
  9. 9. Slim
  10. 10. オススメ:Slim + Sass
  11. 11. でも、世の中そんなにうまくいかない
  12. 12. 作業フロー Haml Slimconvert convert to to CSS HTML Sass/Scss, Less, Stylus
  13. 13. めんどくさい。
  14. 14. さらにオススメStatic Site Generator
  15. 15. 3つのコマンド•middleman init•middleman server•middleman build
  16. 16. Features• 沢山のテンプレートエンジンに対応• build & minify & compression• DirectoryIndex (Pretty URL)• Layouts, Nested Layouts, Partial• Frontmatter(YAML)• Helpers(Padorino)• LiveReload(Extension)
  17. 17. 日本語情報• middleman-guides 日本語版 http://middleman-guides.e2esound.com• Slim README.md 日本語 https://github.com/yterajima/slim/tree/ README_ja
  18. 18. まとめ
  19. 19. おれのかんがえた 最強の組合せ
  20. 20. agatsuma.survive#02 3月末 or 4月?

×