JavaScriptのモジュール管理(CommonJSとかAMDとかBrowserifyとかwebpack) | tsuchikazu blog

昨年のAdvent Calendarを眺めたり、JS周りの記事を見ていると、RequireJSとか、CommonJSとか、AMD、Browserify、webpackあたりが、同じような文脈で登場するんですが、それぞれ何を指しているのかよくわからなかったため、今更ながらまとめてみます。 前提 小規模にしかJavaScriptを使っていないWebサイトでは、jQueryを使ってDomイベントで色んな処理をして、Domに反映させる。というような処理が、ごちゃっとまとめて書くことが多いかと思います。ごちゃっととは、特にDomにしか情報を保持していない状態を指していて、イメージとしてはこのようなコードです。 $(function() { # イベントハンドラ $("#btn").on("click", function(){ $.ajax({ url: "api/resources", dataT

[shgam]

超わかりやすい良記事だ

[takaken1123]

[2016-05-24 16:05]

[utwang]

恥ずかしながら、仕様と実装がごっちゃになってた。

[maito2m]

“Browserify”

[roshi]

なんでwebpackがあるのにgulp入れてるのかと調べてたらたどり着いた。webpackはモジュール管理が主な仕事だから、それ以外のファイルをコピーしたりする仕事は”webpackプラグイン”としてgulpを使っている感じ？

[bleu-bleut]

JavaScriptをサーバーサイドで動かすためにモジュール化が必要になった。

[inouetakuya]

browserify と webpack について調べていてこの記事にたどり着きました。きれいにまとまっている

[sadakoa]

“フロントエンドJavaScriptにおける設計とテスト”

[iR3]

ふむふむ

[shiba_yu36]

分かりやすい

[m_m3zono]

わかりやすかった

[efcl]

JavaScriptモジュールについて

[gayou]

モジュール管理しましょう

[takatoshiono]

勉強になる