Loading article…
モデル - ビュー - ビューモデル( MVVM ) は、コンピュータ ソフトウェアのアーキテクチャ パターンであり、マークアップ言語または GUI コードを介してグラフィカル ユーザー インターフェイス(GUI、ビュー)の開発をビジネスロジックまたはバックエンドロジック (モデル) の開発から分離し、ビューが特定のモデル プラットフォームに依存しないようにします。
MVVMのビューモデルは値コンバーターです[1]。つまり、モデルからのデータオブジェクトを簡単に管理および表示できるように公開（変換）する役割を担っています。この点で、ビューモデルはビューというよりもモデルであり、ビューの表示ロジックのほとんど（すべてではないにしても）を処理します。[1]ビューモデルはメディエーターパターンを実装し、ビューでサポートされる 一連のユースケースを中心にバックエンドロジックへのアクセスを整理する場合があります。
MVVMは、マーティン・ファウラーのプレゼンテーションモデル設計パターンのバリエーションです。 [2] [3]これは、ユーザーインターフェイスのイベント駆動型プログラミングを簡素化するために、マイクロソフトのアーキテクトであるケン・クーパーとテッド・ピーターズによって発明されました。このパターンは、Windows Presentation Foundation (WPF) (マイクロソフトの.NETグラフィックシステム) とWPFのインターネットアプリケーション派生であるSilverlightに組み込まれました。 [3]マイクロソフトのWPFとSilverlightのアーキテクトであるジョン・ゴスマンは、2005年にブログでMVVMを発表しました。[3] [4]
モデル・ビュー・ビューモデルは、特に.NETプラットフォームを含まない実装では、モデル・ビュー・バインダーとも呼ばれます。Javaで書かれたWebアプリケーションフレームワークであるZKとJavaScriptライブラリKnockoutJSは、モデル・ビュー・バインダーを使用しています。[3] [5] [6]
MVVMパターンのコンポーネント
- モデル
- モデルとは、実際の状態コンテンツを表すドメイン モデル(オブジェクト指向アプローチ) か、コンテンツを表すデータ アクセス層(データ中心アプローチ)のいずれかを指します。 [要出典]
- ビュー
- モデル・ビュー・コントローラ（MVC）パターンやモデル・ビュー・プレゼンター（MVP）パターンと同様に、ビューはユーザーが画面上で見るものの構造、レイアウト、外観です。[7]ビューはモデルの表現を表示し、ユーザーのビューに対する操作（マウスのクリック、キーボード入力、画面のタップ操作など）を受け取り、ビューとビューモデルをリンクするために定義されたデータバインディング（プロパティ、イベントコールバックなど）を介してこれらの処理をビューモデルに転送します。
- モデルを表示
- ビューモデルは、パブリックプロパティとコマンドを公開するビューの抽象化です。MVCパターンのコントローラーやMVPパターンのプレゼンターの代わりに、MVVMにはバインダーがあり、ビューとビューモデル内のバインドされたプロパティ間の通信を自動化します。ビューモデルは、モデル内のデータの状態として説明されています。[8]
- MVP パターンにおけるビュー モデルとプレゼンターの主な違いは、プレゼンターにはビューへの参照があるのに対し、ビュー モデルにはそれがないことです。代わりに、ビューはビュー モデルのプロパティに直接バインドして更新を送受信します。これを効率的に機能させるには、バインディング テクノロジを使用するか、バインディングを行うための定型コードを生成する必要があります。 [7]
- オブジェクト指向プログラミングでは、ビューモデルはデータ転送オブジェクトと呼ばれることもあります。[9]
- バインダー
- 宣言型データとコマンドバインディングは、MVVMパターンに暗黙的に含まれています。Microsoftソリューションスタックでは、バインダーはXAMLと呼ばれるマークアップ言語です。[10]バインダーにより、開発者はビューモデルとビューを同期するための定型ロジックを記述する必要がなくなります。Microsoftスタックの外部で実装される場合、宣言型データバインディングテクノロジの存在がこのパターンを可能にします。[5] [11]バインダーがなければ、通常は代わりにMVPまたはMVCを使用し、より多くの定型文を記述する（または他のツールで生成する）必要があります。
根拠
MVVM は、ビュー レイヤーからほぼすべてのGUIコード (「コード ビハインド」) を削除するように設計されました。これは、WPF (Windows Presentation Foundation) のデータ バインディング機能を使用して、ビュー レイヤーの開発をパターンの残りの部分から分離しやすくするものです。[3]ユーザー エクスペリエンス(UX) 開発者に GUI コードを記述させる代わりに、フレームワーク マークアップ言語 ( XAMLなど) を使用して、アプリケーション開発者が記述および保守するビュー モデルへのデータ バインディングを作成できます。役割を分離することで、インタラクティブ デザイナーはビジネス ロジックのプログラミングではなく、UX のニーズに集中できます。このようにして、アプリケーションのレイヤーを複数の作業ストリームで開発して、生産性を高めることができます。1 人の開発者がコードベース全体に取り組む場合でも、ビューとモデルを適切に分離すると、ユーザー インターフェイスがエンド ユーザーのフィードバックに基づいて開発サイクルの後半で頻繁に変更されることが多いため、生産性が向上します。[要出典]
MVVM パターンは、できるだけ純粋なアプリケーション モデルに近い形でデータをバインドすることで、データ バインディングとフレームワークの利点を活用しながら、MVC によって提供される機能開発の分離という両方の利点を獲得しようとします。 [3] [4] [12] [明確化が必要]バインダー、ビュー モデル、およびビジネス レイヤーのデータ チェック機能を使用して、受信データを検証します。その結果、モデルとフレームワークが可能な限り多くの操作を実行し、ビューを直接操作するアプリケーション ロジック (コード ビハインドなど) を排除または最小限に抑えます。
批判
John Gossman は、MVVM パターンと特定の用途でのその適用を批判し、単純なユーザー インターフェイスを作成する場合、MVVM は「やりすぎ」になる可能性があると述べています。大規模なアプリケーションの場合、ビューモデルを事前に一般化することは困難であり、大規模なデータ バインディングはパフォーマンスの低下につながる可能性があると彼は考えています。[13]
実装
.NET フレームワーク
- .NET コミュニティ ツールキット
- アヴァロニア
- カリバーン、カリバーンマイクロ
- Chinook.DynamicMvvm オープンソース
- DevExpress MVVM
- DotVVM オープンソース プロジェクト
- フレッシュMvvm
- クラゲ
- Mugen MVVM ツールキット
- MVVMLight ツールキット
- クロス
- ゼロ
- プリズムライブラリ
- ラスクル
- リアクティブUI
- Uno プラットフォーム- オープンソース
Web コンポーネント ライブラリ
- マイクロソフト ファースト
- オミ
Javaフレームワーク
JavaScript フレームワーク
C++ および XAML のフレームワーク (Windows)
- Xamlcc
参照
参考文献
- ^ ab Smith, Josh; et al. 「考察: MVVM により ValueConverters の必要性が 99% 解消されます」。Googleグループ。
- ^ Martin Fowler (2004 年 7 月 19 日)。「プレゼンテーション モデル デザイン パターン」。Martin Fowler.com。
- ^ abcdef Smith, Josh (2009 年 2 月)。「Model-View-ViewModel デザイン パターンを使用した WPF アプリ」。MSDN マガジン。
- ^ ab Gossman, John (2005 年 10 月 8 日)。「スマート クライアントの物語: WPF アプリを構築するためのモデル/ビュー/ビューモデル パターンの紹介」。
- ^ ab Massey, Simon (2011年4月9日). 「ZKにおけるプレゼンテーションパターン」 . 2012年3月24日閲覧。
- ^ スティーブ・サンダーソン。「KnockoutJS」。
- ^ ab 「MVVM パターン」。msdn.microsoft.com。2012年 10 月 4 日。2016 年8 月 29 日に閲覧。
- ^ Pete Weissbrod. 「WPF のモデル - ビュー - ビューモデル パターン: もう 1 つのアプローチ」。2008 年 2 月 1 日時点のオリジナルよりアーカイブ。
- ^ Microsoft (2024 年 4 月 3 日)。「チュートリアル: ASP.NET Core を使用して Web API を作成する」。
- ^ Wildermuth, Shawn (2010 年 5 月 11 日)。「Windows Presentation Foundation データ バインディング: パート 1」。Microsoft。2012年3 月 24 日閲覧。
- ^ 「ZK MVVM」。Potix 。 2012年3月24日閲覧。
- ^ Karl Shifflett. 「WPF MV-VM を学ぶ」。2009 年 4 月 13 日時点のオリジナルよりアーカイブ。2009年6 月 5 日閲覧。
- ^ Gossman, John (2006 年 3 月 4 日)。「スマート クライアントの物語: MV-VM の利点と欠点」。AI スキル チャレンジ。