「Flight試してみたい！」でWindowsにBowerをインストールする

こんにちは。クラスメソッドの稲毛です。

Twitterから「Flight」と呼ばれるJavaScriptフレームワークが公開されました。
早速試してみようと思ったのですが、同じくTwitterの「Bower」によってパッケージ管理されているということなのでまずはBowerをインストールしました。

Bowerについて詳しくは、ちょうど先日公開されました弊社中村の記事をご覧ください。

用意したもの

OS

Windows 7 Enterprise 64bit SP1

Node.js

node-v0.8.18-x64.msi

Git for Windows

Git-1.8.1.2-preview20130201.exe

Node.jsのインストール

早速、Node.jsをインストールします。インストーラの指示通りに進めるだけで特別な設定は必要ありませんでした。（Bowerのインストールに必要なNPMも同時にインストールされます。）

インストーラを起動し、「Next」ボタンを押下します。

ライセンス条項を確認して……

同意したらチェックボックスにチェックを入れて「Next」ボタンを押下します。

インストールが開始します。

「Finish」ボタンを押下してインストーラを終了します。

コマンドプロンプトで「node」コマンドが有効になっていればインストール成功です。

C:\Users\inage.toru>node --version
v0.8.18

Gitのインストール

現在Windows用のGitには「Git for Windows」と「msysGit」があるようです。ここでは「Git for Windows」を使用しました。

インストーラを起動し、「Next」ボタンを押下します。

こちらもライセンス条項を確認して……

同意したら「Next」ボタンを押下します。

インストール場所を指定して「Next」ボタンを押下します。デフォルトで問題ありませんでした。

オプションもデフォルトのまま「Next」ボタンを押下します。

スタートメニューの設定もそのままで「Next」ボタン。

PATHの設定では「Run Git from the Windows Command Prompt」を選択します。Bowerがコマンドプロンプト上でGitを使用する為です。

改行コードについてはデフォルトのままとしました。

「Finish」ボタンを押下します。

コマンドプロンプトで「git」コマンドが有効になっていればインストール成功です。

C:\Users\inage.toru>git --version
git version 1.8.1.msysgit.1

msysGit

「msysGit」を利用する場合はmsysGitのbinを環境変数PATHに手動で設定します。さらに、環境によっては「libiconv-2.dll」が無いと言われることがありますので別途用意し、binに配置する必要があります。

Gitを利用するだけであれば「Git for Windows」をインストールした方が楽ちんですね。

Bowerのインストール

Bowerは「NPM」を利用してインストールします。

C:\Users\inage.toru>npm install bower -g
npm http GET https://registry.npmjs.org/bower
npm http 304 https://registry.npmjs.org/bower
npm http GET https://registry.npmjs.org/tmp
npm http GET https://registry.npmjs.org/archy
                    ：

下記のように表示されればインストールは完了です。

                    ：
C:\Users\inage.toru\AppData\Roaming\npm\bower -> C:\Users\inage.toru\AppData\Roaming\npm\node_modules\bower\bin\bower

> [email protected] postinstall C:\Users\inage.toru\AppData\Roaming\npm\node_modules\bower
> node cleanup

[email protected] C:\Users\inage.toru\AppData\Roaming\npm\node_modules\bower
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected] ([email protected])
├── [email protected] ([email protected])
├── [email protected] ([email protected], [email protected])
├── [email protected] ([email protected], [email protected])
├── [email protected] ([email protected], [email protected])
├── [email protected] ([email protected], [email protected])
├── [email protected] ([email protected], [email protected], [email protected], [email protected])
├── [email protected] ([email protected], [email protected], [email protected])
└── [email protected] ([email protected], [email protected])

コマンドプロンプトで「bower」コマンドが有効になっていればインストール成功です。

C:\Users\inage.toru>bower --version
0.7.0

まとめ

意外とWindowsでのBowerインストール情報が無かったので記事にしてみました。次回は本編である「Flight」を試してみます！

参照

• node.js
• Git for Windows
• Bower