node.jsでWebアプリケーションの開発を行うまでの環境構築についてまとめてみた.
nvm
nvmはnode.jsのバージョンの管理ツール(rvm, perlbrew, 〜env的な)
複数バージョンのnodeを共存させることができる.
nvmのインストール
$ git clone git://github.com/creationix/nvm.git ~/.nvm
$ source ~/.nvm/nvm.sh
// この行を~rcに追記する.
node.jsのインストール
$ nvm ls-remote
// 使用可能なバージョンがずらっと表示される.
$ nvm install v0.10.21
// バージョンを指定してインストール
$ nvm use v0.10.21
// バージョン指定
$ node -v
v0.10.21
ログアウト後もnodeのデフォルトバージョン指定を有効にするためには, 〜rc
にnvm use v0.10.21
と記述しておけばよい.
(バージョンを新しくする時に, いちいち書き換えるのめんどくさいので, きっと他にいい方法ありそう...)
npm
npmはnodejsのライブラリ管理ツール(rubygem, cpan的な)
nvmからnode.jsをインストールすると, npmもセットでインストールされる.
使い方
詳細はnpm -h
を参照
$ npm install mysql -g
-g
オプションをつけると.nvm/v0.10.21/lib/node_modules以下に, つけないとカレントディレクトリにインストールされる.
bower
Twitter社製のJavaScript,CSSのパッケージマネージャ
新しいアプリを作製する度にJQueryとかを手動で複製しなくてもよくなる.
インストール
$ npm install bower -g
// npmでOK
$ bower -v
1.2.7
使い方
$ bower install bootstrap
// bower_componentsにインストールされる.
// boostrapをインストールすると依存関係のあるJQueryも自動でインストールされる.
bowerでインストールしたライブラリは./bower_components
下に配置されるので, 使用する時はそこまでのパスを引っ張ってくる必要がある.
express
node.js用のWebアプリケーションフレームワーク.
Sinatraっぽい.
$ express ExpressSample
// ファイルが生成される
// オプションでlessやstylusなどの指定も可能
$ cd ExpressSample && npm install
// ライブラリのインストール
$ npm start
// アプリケーションの起動
// デフォルトのポートは3000
start
の他にもpackege.json
の"scripts"にコマンドを設定が可能.
grunt
JS用のタスクランナー
とりあえずインストール方法のみ記載.
インストール
npm install grunt -g
npm install grunt-contrib -g
// 便利なプラグイン達をインストール
npm install grunt-cli -g
grunt-contribをインストールすると以下のURLに記載されている様々なプラグインが利用可能になる.
参考URL
http://codedehitokoto.blogspot.jp/2012/03/sudo-npm-install-g.html
http://d.hatena.ne.jp/Yudoufu/20111010/1318252162
http://gihyo.jp/dev/serial/01/nodejs/0003
http://yosuke-furukawa.hatenablog.com/entry/2013/06/01/173308
http://tech4403.hatenablog.com/entry/2013/02/02/170957