DXその他 MVVMとは?UI開発を変革する設計思想の解説
MVVMは、構造、表現、表現構造という三つの要素で構成される設計手法です。構造は、アプリケーションの基となる情報と処理を担います。表現は、利用者が目にする画面であり、情報の提示と操作の窓口です。表現構造は、構造から必要な情報を取得し、表現に適した形に変換して提供します。また、表現からの操作を受け付け、構造を更新する役割も担います。この分担により、表現は情報の表示に専念し、構造は基幹処理に集中できます。表現構造は、表現と構造の橋渡し役として、両者の結びつきを弱め、試験の容易性と維持のしやすさを高めます。例えば、電子商取引サイトでは、構造は商品情報や在庫情報、顧客情報を管理します。表現は、商品一覧や詳細、買い物かごなどを表示します。表現構造は、構造から必要な商品情報を取得し、表現に適した形(税込み価格表示や在庫数表示など)に変換して表現に提供します。利用者が商品を買い物かごに入れる操作を受け、構造の在庫情報を更新します。このように、MVVMは画面を持つアプリケーションにおいて、整理と保守性を向上させる設計手法です。
