『MVC』 と『MVVM』の違いについて

今回は、Webサービスやアプリ開発をする時に基礎となってくる、設計思想（ソフトウェアアーキテクチャー)または設計モデルといわれる『MVC』と『MVVM』の違いについて比較しながら解説していきます。
※他にも「MVP」「VIPER」などありますが、今回は上記の2つだけにします。

最初に、それぞれの単語の意味と役割をみていきたいと思います。

MVCとは？

• 設計手法の1つで、実装を [Model] [View] [Controller] の３つに分けて行うこと
• 3つの頭文字をとって『MVC』という

各役割

「Model」：データの処理を行い、データの変更をViewに通知する役割
「View」：ModelからのデータをUIへ出力する役割
「Controller」：ViewとModelの橋渡し、データをコントロールする役割

MVVMとは？

• 設計手法の1つで、実装を「Model」「View」「ViewModel」の３つに分けて行うこと
• 3つの頭文字をとって『MVVM』という

各役割

「Model」:データの加工、取得、保存などが役割
「View」：ViewModelの情報を使用してUIに表示、ViewModelにアクションを送信
「ViewModel」：ModelからのUIに描画するための情報を変換保持する役割

それぞれのメリット・デメリット

MVC

MVVM

以上、『MVC』 と『MVVM』の違いについてでした。