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行超ãˆãŸã‚‰ãƒ¡ãƒ³ãƒ†ãƒŠãƒ³ã‚¹ã¨ã‹ç„¡ç†ã§ã™ã‚ˆã! ã¨ã„ã†ã“ã¨ã§ã€ã‚½ãƒ¼ã‚¹ãƒ•ã‚¡ã‚¤ãƒ«ã¯ã‚¯ãƒ©ã‚¹ã”ã¨ã«åˆ†å‰²ç®¡ç†ã—ã¾ã™ã€‚ ソース間ã®ä¾å˜é–¢ä¿‚解決ã¨èª
ï¼»Knockoutï¼½MVVMパターンã§ã‚¢ãƒ—リケーションを構築ã™ã‚‹
{{#tags}}- {{label}}
{{/tags}}