MVVMがいまいちどんなものか分からないという方向け。

僕はMVVM(Model-View-ViewModel)とはソフトウェアの実装パターンの一つくらいに考えていました。

MVVMについてわかりやすくこの記事でまとめていきたいと思います。

MVVMをこの記事でマスターしよう!

目次

前置き:ソフトウェアアーキテクチャパターンとは

これは簡単に言うと開発する際のルールのようなものです。

これまでソフトウェア開発で問題となっていたのが開発する際のフォルダ構成やファイル名等バラつきがあり、ソースコードが属人化してしまうことです。

作った本人しか分からないソースコードは良くないソースコードです。

開発者が変わるたびに引き継ぎに多くの時間を要してしまいます。

そこで登場したのがアーキテクチャパターンという考え方です。

アーキテクチャパターンの登場による恩恵とは?

このアーキテクチャパターンの登場により、実装方針がより統一化されるようになりました。

開発者間での実装のばらつきがなくなることで、より品質の高いソースコードを維持できるようになりました。

決められたルールを作ることで開発の時間短縮、結果開発コストの削減になります。

ただ動くものを作ればいいってことでは無いんですよね

MVVMとは?

MVVMとはViewViewModelModelという3つの要素を持った実装パターンのことです。

これにより、ビジネスロジック(DBとの連携、データの状態変化の役割部分)とプレゼンテーションロジック(UI、文字やデータを表示する部分)を分業化できます

まとめると、MVVMパターンの実装を採用することで以下のようなメリットが得られます。

Point

  • 役割をソースコードレベルで分けることで変更による影響を最小限に押さえられる
  • UI、ロジックを分業化することで、変更箇所が特定しやすくできる

MVVMの処理フロー

Tranquilpeak 上記の図は「View、ViewModel、Model」のそれぞれの役割を表しています。

Point - Viewは現在のデータの状態を表示する
- ViewModelはViewデータの紐付けとViewに関連するコマンドをModelに渡す
- ModelはViewModelからコマンドを受けDBに対して実際にクエリを実行する

MVVMを用いた場合のAPIの処理の例

例えば「会員登録をする」というボタンを押し、会員登録APIが実行される場合、MVVMパターンだと以下のような感じで分業されるかと思います。

Point

  • Viewから会員登録APIの命令を受け取る
  • ViewModelで対象となるユーザデータを変数に格納し、データの準備をする
  • Modelに登録対象となるユーザデータとコマンドを渡しクエリを実行する

MVVMのビジネス的なメリット

このように分業することで業務の分業化 => 作業の効率化に繋がるのです。

結果的に変更に強いソースコードとなり、お客さん側もより柔軟にアプリの仕様変更を考えられるようになります。

結果、プロジェクトの全員がみんなが幸せになると言うことですね。

さいごに

ここまでお読みいただきありがとうございました。

僕のブログサイト「kzy.tech〜日本脱出のための教科書〜」どのようなサービスで作られているかが気になる方は以下別記事にてご説明していますので、ご覧いただけますと小躍りして喜びます💃

【コピペOK】HUGOでアフィリエイト用ブログサイトを作ろう

手間暇かけずにサクッとアフィリエイト用のブログサイトを作りたいという方向け。

ある程度自由にカスタマイズできる、かつコマンド一つで 記事の自動生成ができる静的サイトジェネレータ「HUGO」についてまとめました。

また、海外移住の 英語とプログラミングを習得することを推奨しています。
これは私の経験則から言えることですが、上記二つのスキルがあれば海外移住は絶対に実現できます

以下に僕が実際に使って効率よくプログラミング学習ができるおすすめサービスを載せます😌

速習!おすすめプログラミング勉強法【Udemy】

いくつかプログラミング学習サービスを利用しましたが、一番効率よく勉強できると感じたのはUdemyでした。

Udemyでは動画での説明や解説等もあり親切で、学習教材も豊富にあることから プログラミング初学者の方が短期間でエンジニアを目指したいのであれば、非常に良い教材だと思います。

ちなみに私は文系卒で社会人になってから独学でudemyを使ってプログラミングの勉強をして、実際にエンジニアとして採用されました

Udemyのコースは1つ1,000円ほどなので、ITの参考本を一冊(3,000円)を買うよりもUdemyのコースを購入する方が安い上により効率的にプログラミングを勉強できると思います。
世界最大級のオンライン学習サイトUdemy

また、別記事にてダナンでの生活やIT関連についても記事を書いていますのでクリックいただけると嬉しくて踊ります💃

【Udemy】未経験から始める格安プログラミング講座4選

未経験だけどプログラミングを学んでエンジニアになりたい、社会人だから時間もそれほど多く無いので効率よく勉強したい。 私もその内の一人でした。今回の記事で最短でエンジニアになるためのおすすめUdemy講座4選をご紹介したいと思います。

【IT資格は無意味】未経験エンジニアがIT資格の勉強をおすすめしない4つの理由とは?

プログラミングを勉強し始めてIT資格を取ろうか悩んでいる方向け。 プログラミング未経験の方が資格勉強をされることは僕の経験上おすすめしません。 なぜ資格の勉強がプログラミング学習において、エンジニアの就活においてNGかこの記事で解説します。

【個人開発】副業でアプリを作りたいならサーバーは契約しない方がいい理由

個人で副業のためにアプリ開発をしてみたいと考えている方向け。 iOS/Androidの個人アプリ開発の場合データのやりとりを行うため、サーバを契約する人が多いです。 しかし、考えなしにサーバを契約するのは非常に大きなデメリットがあるため、私はあまりオススメしません。 ではどの様にしてお金をかけずにアプリ作りができるか、なぜFirebaseを使うべきなのかこの記事で解説していきます。

【海外にもある!?】海外就活でブラック企業を回避する方法

海外での就活を考えている方向けの記事です。 ブラック企業は日本企業のイメージがありますが、そんなことはありません。 日本の就活とは違う点、また海外の就活で失敗しないために事前に知っておいた方が良い情報を本記事にてまとめていきます。

【ダナンの物価】ダナン在住者が伝える2020年ベトナム最新状況!

最近観光地として人気が高まっているダナンですが、近年物価の変動が大きくなっていっているように感じます。 2019年〜2020年でのダナンの物価はどのようなものなのか、ダナン在住者として現地の声をお届けできればと思います

【残業大国】日本の異常な労働環境をベトナムで働いてみて実感した件

日本ってやっぱり「働く」ことに関しては異常ですよ。 「お客様は神様」精神、残業を美徳とする文化、過労死という言葉を作り出してしまう労働環境。 今回は日本の異常な労働環境をベトナムの労働環境と比較しながら説明したいと思います😱

【海外移住】ベトナムに移住したら日本の8億倍住みやすかった件

海外移住を始めて2年ほどが経過しました、日本に住んでいた時と今ベトナムに移住してからとでどのように生活が変わったのかをこちらの記事にまとめていこうと思います。

【ダナンの家賃】日本相場の半額以下!?ベトナム家賃相場調査!

ベトナム・ダナンへ移住を考えている方向け。 海外移住をする上で家賃相場を事前に知っておくことは生活費がどれくらいかかるのか計算ができるので非常に重要です。 こちらの記事で家賃相場、賃貸契約の流れ、賃貸契約時のトラブルについて解説していきます。

【おすすめ】Udemy講座でAWS ソリューションアーキテクト アソシエイトを一発合格できた件

AWS ソリューションアーキテクトの勉強をしている方向け。
Udemyでのおすすめ講座、一発合格のための勉強方法から受験の手順まで本記事でまとめました。
認定試験の受験を考えている方には必見です。

【python】文字認識で画像からテキストを出力するやり方をわかりやすく【Tesseract&PyOCR】

こんにちはkzyです。 今回は文字認識ライブラリのPyOCRとTesseractを使って画像からテキストを抽出したいと思います。 環境構築含めpythonでの文字認識のやり方を簡潔に説明できればと思います。

【コピペOK】flutterのSizedBoxとExpandedの違いをわかりやすく

flutterでオブジェクトのサイズ調整の理解が曖昧な方向け。 flutterでアプリ開発を行う際に頻出する項目の一つのため、この記事でなるべくわかりやすく解説します。

【python】文字認識したテキストをエクセルに出力するやり方をわかりやすく【PyOCR + XlsxWriter】

こんにちはkzyです。 今回はPyOCRで文字認識したテキストをエクセルに出力する方法を解説します。 具体的にはXlsxWriterというライブラリを使用してPythonスクリプトからエクセル操作を行います。