モダンJavaScript開発環境 on Rails - クックパッド開発者ブログ

投稿推進部の外村（@hokaccha）です。 クックパッドブログの開発でRails上にECMAScript6などのモダンなJavaScript開発環境を導入した経験を元にノウハウを紹介したいと思います。 RailsはSprocketsというgemでJavaScriptやCSSをコンパイルする仕組みが提供されています。Sprocketsによるasset管理の仕組みは非常によくできており、AltJSのトランスパイルやファイルの結合、minifyなど、assetのコンパイルに必要な機能を一通り備えています。 しかし、JavaScriptにおけるモジュールの依存関係の解決や、ライブラリの管理などについてはモダンなJavaScript開発と乖離してきているのが現状です。そこで、Railsでも以下のようなことを実現できることを目標に環境を作りました。 ECMAScript6のシンタックスを使う モジュ

[wordi]

自分はビルド中はtmpに吐き完了後にpublicにコピーしてビルド途中ファイルが使われるの回避してる。ビルド時間はbundleファイルを分けて再バンドルをアプリロジックbundleのみにすると数十～数百msになるのでオヌヌメ

[teppeis]

asset pipeline信者によるbrowserify-railsを使った解法

[tsuwatch]

んーbrowserify-railsでは厳しいので、gulpで良しなに吐いてsprocketsが食べるようにしています。gulpがオーバースペックで例えばクソ重いとかデメリットがあればわかるけどオーバースペックが直接の理由にはならない気が

[yo_waka]

おっgulp-sprocketsが載ってた

[ymkjp]

"Railsのレールをできるだけ外れずにモダンなJavaScript開発環境が作れる" これ大事

[labocho]

browserify -> bundle.js -> //= require bundle.js または browserify-rails

[rochefort]

cookpadさんはbrowserify-rails。37signalsはどうしてんだろうか。

[joe-re]

cookpadはbrowserify-rails使ってるのか

[delphinus35]

やっぱ速度がなー。gulp + browserify + watchify から離れられない。

[okatom33]

railsとgulp

[TokyoIncidents]

Rails のレールから外れずに非エンジニアの事まで考えられている堅実な構成ですよね。gulp-sprockets には期待しているけど

[nazoking]

javascriptのエコシステムをjavascript以外に寄せるの、将来性なさそうで怖いわ

[ebo-c]

どこでもぶち当たるRailsとNodeの二大エコシステムの相剋

[EnnuimaZ]

みてる #sendagayarb

[yatmsu]

なかなかこれってのが決まらんよなぁ・・。

[kattton]

あとでちゃんと読まなきゃ

[yosuke_furukawa]

hokaccha パイセン！

[harv-tech]

gulpなかなか導入するに至っていない...

[hamichamp]

メモ

[neotag]

やっぱり rails に寄せる感じにしてるかー。。。 / ク社が browserify-rails を高速化したるぜ宣言と受け取りました。

[ledsun]

クックパッドさんがやってくれると影響力あるなー

[d_animal141]

モダンJavaScript開発環境 on Rails

[iR3]

ふむふむ

[makimain0]

モダンJavaScript開発環境 on Rails - クックパッド開発者ブログ: 2015 - 12 - 14 モダンJavaScript開発環境 on Rails…

[june29]

知見だ！

[kozo002]

ユニットテストはどうしてるんですかね

[InoHiro]

最近読みたかった内容だ

[willnet]

超需要ある記事だ

[u1tnk]

ふむふむ。タイムリーな話題だ！

[andoshin11]

わかりやすかった

[tkawa]

「速度以外で困ることはほとんどなく、Railsのレールをできるだけ外れずにモダンなJavaScript開発環境が作れるので、browserify-railsのような仕組みを高速化していくというのは一つの方向性としてはよいのでは」