Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
モダンすぎる静的サイトの作り方      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,414 views

Published on

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

Published in: Design
  • Be the first to comment

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

  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月?

×