前回までで、middlemanの設定を終えました。今回は、bowerの話です。
前回までの内容をチェックしていない人は以下のリンクからどうぞ。

1. middlemanによる静的サイト作成術　その１
2. middlemanによる静的サイト作成術　その２

bowerを使う

bowerは、JSのライブラリを管理するためのツールです。node.jsをインストールして、npmからインストールしましょう。
node.jsのインストールはnvmを使うといいんではないかと思います。
まだの人はnvmのインストール後、node.jsをインストールしましょう。

ここでは、node.jsはインストール済みとします。

インストール

以下のコマンドを実行しましょう。

npm install bower -g

プロジェクトでbowerを使えるようにする

プロジェクトのディレクトリで、以下のコマンドを実行します。

bower init

bower経由でライブラリをインストールする

あとは、bower経由でライブラリをインストールするだけです。
今回は、jquery, bootstrap-sassをインストールします。

bower install jquery
bower install bootstrap-sass

これで、JavaScriptのライブラリもさっくりとインストールすることができました。便利ですね。
なお、デフォルトではbower_componentsディレクトリ以下にインストールされます。

次回は、bootstrap-sassを適用した画面を表示するところまでやります。