[WPF][Windows ストア アプリ][Windows Phone][Design Pattern] MVVM パターンを理解するための参考記事

2013年2月4日

WPF (や Silverlight、XAML による Windows ストア アプリ、Windows Phone アプリ) での View
周りの設計方法には、大きく分けて次の二種類がある。

• コードビハインド
  • XxxWindow.xaml – XAML で View を宣言的に書く 。
  • XxxWindow.xaml.cs – コードビハインド。View のロジック部分を書く。イベント ハンドラー等。
• MVVM (Model-View-ViewModel) パターン
  • XxxWindow.xaml – XAML で View を宣言的に書く 。ViewModel とはデータバインドで結び付ける。
  •  XxxViewModel.cs – View の状態や View のロジック部分のモデル。View のロジック。

このうち、MVVM パターンについて参考となる記事をご紹介する。

前提知識

• MVC (Model-View-Controller) パターン
• Observer パターン

MVVM パターンを理解するための参考記事

• Model View ViewModel – Wikipedia
• Model-View-ViewModel デザイン パターンによる WPF アプリケーション – MSDN マガジン February 2009
• MVVMパターンの常識 ― 「M」「V」「VM」の役割とは?
• MVVMパターンとは? WPF/Silverlight​の特徴と一般的な設計原則から導出する​MVVM​(Model/View/ViewModel) パターン – slideboom
• MVVMパターンで学ぶGUIアーキテクチャパターン – slideboom
• MVVMパターンと他のUIパターン – slideboom
• MVVM入門 その1「シンプル四則演算アプリケーションの作成」 – Windows デベロッパー センター
• MVVM入門 その2「入力値の検証」 – Windows デベロッパー センター
• MVVM入門 その3「ViewModelからViewを操作する」 – Windows デベロッパー センター