そこそこ規模が大きくても何とかなるjavascriptの設計（URL dispatcherの薦め） | tech.kayac.com - KAYAC engineers' blog

弁当生活始めました。agoです。 以前のjavascriptの開発はサーバサイドと同じPGが開発することが多く、機能をファイル単位で分割してそのページで必要なファイルのみを読み込むと言うことが行われていました。 ただ、最近はサーバサイドとクライアントサイドの分業が進んだことや表示速度の兼ね合いもあり、単一ファイルに全体を記述しサーバサイドでは全ページでその一ファイルのみを読み込むような形になることが多いです。 単一ファイルの利点としてはサーバサイドの実装に依存せずに任意の機能を追加できることがありますが、欠点として機能毎の切り分けが難しくなると言う点があります。 jQueryを使用して$('.selector')で切り出す方法もありますが、マークアップの全体像を正確に把握できていないと不要なページで間違って実行されてしまう危険性もあります。 そこで、以下のようなJSを先に読み込み、各URL

[d_animal141]

そこそこ規模が大きくても何とかなるjavascriptの設計（URL dispatcherの薦め）

[srmtyj]

[]

[uchida75cm]

ページごとに読み込むJavaScriptの内容を定義する

[site159]

このアイデア　おもしろい

[labocho]

js で routes みたいなのを書いて、同一のjsでページごとに実行する内容を変える

[okeke1101]

メモメモ

[a2ikm]

jsをひとつのファイルにまとめて、特定のURLでのみ機能を有効にする方法

[kanemu1117nc]

あとで。ぱっと理解できない…。

[hysa]

URL Dispatcher

[sakef]

URL Dispatcher

[nully]

該当URLでのみディスパッチするための仕組み　これはすごい便利そう

[tomoya]

URLによる処理の分岐

[efcl]

URLごとに行う動作を書いていくことで、ある程度の規模に耐えうるJavaScriptを書いていく。

[hideki_a]

ディレクトリ別に機能をdispatchすることが可能に。

[hisasann]

1つのJSファイルを全体で使用して、URLごとにロードする処理を分割する

[samurai20000]

あーなるほど

[kasshin]

[for:@twitter]

[hitode909]

よさそう

[yanbow]

javascript jquery

[coppieee]

ステキ。あと一日早ければ、この実装使ってた。

[jdg]

なるほど。このテクニックは素敵。

[JHashimoto]

"この方法であれば「このコードはどのページで実行されているのか」がJS本体に記述されるため、後々機能追加する場合対象のページ以外への影響を最小に抑えることが出来ます。"

[Rewish]

dispatcherを作ってURLで振り分ける

[handlename]

単一ファイル内で、URLをもとにきりわける

[hokaccha]

なるほど。

[ago_kyo]

MEの方とかにおすすめ

[pipehead]

> 各URL毎に機能を切り出して実装する