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

yterajima2013.02.09

Gunma.web#12@高崎市労使会館

自己紹介

•寺嶋祐也 / yterajima

•東吾妻町の個人事業主

• PHP, Ruby, JS, (X)HTML, CSS

• tmux + zsh + vim + git

今日は非プログラマ向け

の発表

静的サイトの

製作どうしてます ?

CSS

HTMLは?

もっと簡単に管理したい

Template Lang

Slim

オススメ:Slim + Sass

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

作業フロー

Sass/Scss, Less, Stylus

HamlSlim

convertto

HTML

converttoCSS

めんどくさい。

さらにオススメ

Static Site Generator

3つのコマンド

•middleman init•middleman server•middleman build

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

日本語情報

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

まとめ

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

agatsuma.survive#023月末 or 4月?