middlemanによる静的サイト作成術 その3

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

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

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を適用した画面を表示するところまでやります。


カテゴリー Ruby | タグ    | パーマリンク

コメント・トラックバック一覧

  1. Pingback: middlemanによる静的サイト作成術 その2 | 自転車で通勤しましょ♪ブログ

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です