手続き的に書いたjQueryのコードをどのようにリファクタリングするか考えてみました - Qiita

※分割したファイルを読み込む処理の説明が一部漏れていたため追記してます。（2014年12月25日 15時35分 はじめに jQueryをメインに開発を進めていて、それをベースに機能追加していき、気づいたら肥大化・・・ こんな状況を改善するために 別のライブラリを導入したいし必要に応じて最近主流のJavaScriptライブラリやフルスタックなフレームワークに移行したい けど、テストも書かれてないからいきなり手を付けるのは怖い まずは内部構造を把握しながらリファクタリング という結論になったのはいいけど、どこから着手すればいいんだろっていうので困ってるという環境って少なからずあるのかなと思ってます。 テキスト要素をクリックすると、編集画面に切り替わり、編集後にその内容が反映されるようなこのような↓サンプルアプリを題材にしてどのようにリファクタリングするのかをまとめてみました。 フロントエンドJ

[efcl]

jQueryで手続き的に書かれたものを、BackboneでModelとViewに分割する

[h5y1m141]

最近jQueryなコードをリファクタリングしていたのでついでにQiitaにまとめてみた。