Knockout + ContainerJS でテスタブルにToDoリストを作るチュートリアル - うなの日記

Knockout + ContainerJS + Require.js で テスタブル にToDoリストを作るチュートリアルです。 ポイント MVVMアーキテクチャでテスタブルに MVVMアーキテクチャを採用し、View(HTML/CSS)とViewModel,Modelを分離。 ViewModel、Modelは HTMLに非依存となるため、単体テストが可能になります。 オブジェクトの生成と依存関係を、DIコンテナで一元管理 DIコンテナを利用して、ViewModel、Modelの生成と関連付けを自動化。 コンポーネント間の結合を疎にでき、テスト時のモックへの差し替えも簡単にできるようになります。 JavaScriptソースはクラスごとに分割管理 1ファイル200行超えたらメンテナンスとか無理ですよね! ということで、ソースファイルはクラスごとに分割管理します。 ソース間の依存関係解決と読

[unageanu]

セルクマ

[efcl]

KnockoutでMVVM、ContainerJSでDIをしてテストしやすい状態にしてアプリを作る。 UI独自の状態や処理を管理するオブジェクトViewModelを作って、HTMLから分離してテストしやすくしている