Frontend Development Workflow

###ローカルでFabnaviを動かすには

• Rails Serverが立ち上がってること $rails s -b 0.0.0.0
• jsが $ npm build とかでビルドされて app/assets/javascripts/dist/client/bundle.js が生成されている事

#Livereload

LiveReload 2 proudly presents… The Web Developer Wonderland

Instal Livereload For Firefox

Download なんかいろいろ事故っててつらいけど, 上のリンクをたどれば大丈夫。

###Livereloadが発火するまで

1. app/assets/javascripts/client/ 以下にあるjsファイルが編集されて保存される
2. Gulpがjsファイルをwatchしていて, 変更があるとbrowserifyでbundle.jsにビルドし直す
3. Guardがbundle.jsをwatchしていて, 変更があるとLivereloadを発火する
4. Livereloadが発火すると, ブラウザがreloadされる
5. 幸せになれる（はず）

##Setup

• $ rails s -b 0.0.0.0 Rails Serverを起動
• $ npm start (gulpがキックされる)
• $ guard watchする対象を変えたりもできる

あとは, 好きなだけ app/assets/javascripts/client/**/*.js をいじるだけ！！