フロントエンド開発のメモ

最近のフロントエンド開発ではビルドランナーを使うのが常識になってきてるみたいなので。
jspm的なもっと進んだやり方でも良いんだけど、pluginが少ない、文献が少ない、自身の技術力不足、ということでビルドランナーなやり方でやる。

gulpを導入したい

nodebrewを導入

io.jsなんてモノも出てきたけど。nodejsでおｋ。

https://github.com/hokaccha/nodebrew

nodeのバージョンを使い分けたくなる日がくるはず、なので導入する。

gulpを導入

npm install -g glup

sassを書きたい

sassはcssをイイカンジに書けるシンタックスシュガー的なヤツ。
jsで言うところのcoffeeと同じポジション、かな。

gulpのプラグインを導入

npm install --save-dev gulp-sass

使い方

slimを書きたい

npm install --save-dev gulp-slim

AngularJSでtemplate-cacheしたい

npm install --save-dev gulp-template-cache

slimやsassなどのファイル変更を監視してタスクを実行したい

watchというメソッドを使う。
gulpfile.jsに下記のようなタスクを定義する。

コマンドラインでgulp watchを実行すればOK。

package.jsonでプロジェクトに依存するライブラリを管理する

簡単なHTTPサーバが欲しい

手元のPCでhtmlを表示したいときがある。
pythonがアレば簡単にサーバを立てられる。