not good but great

プログラミング、アート、映画・本の感想について書きます。

middleman serverができるまでの手順

Sinatrahaml,slimを使いたい

SinatraでSCSS使いたいなーとか、htmlを書くの大変だからhaml使ってみたいなーと思ってやり方を探していました。
昨今の自分用Webアプリケーションひな形 - naoyaのはてなダイアリー
これを読んでSlimの方がタグがいらないから簡単に書けそうだと思いました。

grunt,gulpは?

GruntやGulpはSinatraで使えるのかと思い、
昨今のWebアプリケーションのひな形その2 - Grunt - naoyaのはてなダイアリー
このへんを読んだりしましたが、よくわかりませんでした。

Middlemanなら簡単にできそう?

そう思いながら探していると、
それmiddlemanでできるよ? -Sinatra(をベースにしたツール)とSlimとSassとCoffeeScriptでモダンなWeb制作環境を構築する- | e2esound.com業務日誌
この記事を発見。middlemanというものがあるらしい。やってみよう。

Middleman

f:id:naoyashiga:20140721212643p:plain

Middlemanとは?

Middleman is a static site generator using all the shortcuts and tools in modern web development.
モダンなweb開発を実現する静的サイトジェネレータです。

と書いてありました。静的サイトと書いてあるので、掲示板のようなWebアプリケーションを作ることはできないのかな?と思いましたが、Slimをやってみたかったので、ドキュメントを読んで進めることにしました。


・公式サイト
Middleman: はじめに

middleman init

プロジェクトを生成するために「middleman init」を実行しました。

An error occurred while installing i18n (0.6.11), and Bundler cannot continue.
Make sure that `gem install i18n -v '0.6.11'` succeeds before bundling.

エラーが出ました。

gem update --system
gem install bundler

アップデートすると良いみたいです。
・参考
http://stackoverflow.com/questions/15205933/nomethoderror-private-method-open-called-for-gempackageclass-an-error-occu

An error occurred while installing http_parser.rb (0.6.0), and Bundler cannot continue.
Make sure that `gem install http_parser.rb -v '0.6.0'` succeeds before bundling.

これが出たらsudoつけてinstallすればいけました。

middleman server

f:id:naoyashiga:20140721211345p:plain

$middleman server

上のコマンドを打つと「http://localhost:4567/」でWebサーバが立ち上がりました。

広告を非表示にする