GitHub Pagesでサイト作ってみる（Middlemanで）

フロントエンドエンジニアがどうやって作ってる？って話になるとだいたいGrunt使ってる？Gulpどう？ってなる。
SassだのCoffeescriptをコンパイルしてローカルサーバーたてながら自動でリロードして確認しながら作れるのが効率いいというか余分なこと考えなくて済むというかで前はどうやって作ってたっけ？

• Grunt
• Gulp

でも最近のお気に入りはMiddlemanだったりする。

Middleman

でMiddlemanの何がいいっていうとこれらのことを自動でやってくれるか、もしくは少しのコードを書くことでできるようになる。

• Sass、Compassのコンパイルと複数ファイルの結合と圧縮
• CoffeeScriptのコンパイルと複数ファイルの結合と圧縮
• Livereload
• ローカルサーバー
• slimやerb、hamlの変換
• 共通部分のインクルード
• GitHubへのコミットとGitHub Pagesへのデプロイ
• Amazon S3へのファイルアップロード

GruntやGulpってJavaScriptですがMiddlemanはRubyで記述すればいい。
JavaScriptよりもずっと簡潔なコードで設定できるのが気に入っている。

これまでブログをずっとWordpressでやってきたんだけどSass、CompassやCoffeeScriptなんかでさくっとデザイン変えたりしたいんだけどあんまり相性がよくない。
ならどんな環境がいいんだろうと調べたらGitHub PagesをMiddlemanで運用するのが良さそうってなってざくっと変えたわけです。

GitHub Pages

実際にどうやってかというのは次回以降に書こうと思う。