MVVM
概è¦
Model-View-ViewModel
MVC(Model-View-Controller)ã®æ´¾ç”Ÿ
Controllerã®éƒ¨åˆ†ã‚’自動化ã—ã¦ã‚る。
(「ASP.NET MVC 概念ã€å‚ç…§)
Model
アプリケーションã®ãƒ‰ãƒ¡ã‚¤ãƒ³(å•é¡Œé ˜åŸŸ)ã‚’æ‹…ã†ã€‚
ドメイン≒æ¥å‹™ã€ãƒ“ジãƒã‚¹ãƒã‚¸ãƒƒã‚¯
計算やã€ã‚µãƒ¼ãƒãƒ¼ã¨ã®é€šä¿¡å‡¦ç†ç‰ã‚’記述ã™ã‚‹éƒ¨åˆ†
View
UIã¸ã®å‡ºåŠ›ã€UIã‹ã‚‰ã®å…¥åŠ›ã‚’æ‹…ã†ã€‚
MVVMã«ãŠã‘ã‚‹Viewã¯ViewModelã«ãŠã‘るデータを自動ãƒã‚¤ãƒ³ãƒ‰ã™ã‚‹
ViewModel
Viewã‚’æç”»ã™ã‚‹ç‚ºã®ãƒ‡ãƒ¼ã‚¿ä¿æŒã€Viewã‹ã‚‰å—ã‘å–ã£ãŸãƒ‡ãƒ¼ã‚¿ã‚’Modelã¸ä¼é”ã™ã‚‹å‡¦ç†ã‚’æ‹…ã†
JavaScriptフレームワーク
MVCフレームワークã€MVVCフレームワークã¨ã‚‚呼ã°ã‚Œã‚‹
ViewModelãŒæŒã¤ãƒ‡ãƒ¼ã‚¿ã‚’Viewã«è¨˜è¿°ã—ãŸå¤‰æ•°ã«è‡ªå‹•ãƒã‚¤ãƒ³ãƒ‰ã•ã›ã‚‹ç‚ºã«ã€
ä»¥ä¸‹ã®æ§˜ãªJavaScriptフレームワークを用ã„ã‚‹ã®ãŒä¸€èˆ¬çš„
Knockout.js
AngularJS
Vue.js