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

Follow me!