Swiftアプリ開発でよく使うデザインパターン（MVC・MVVM）を徹底解説！初心者向け入門

1. デザインパターンとは？

1. デザインパターンとは？

デザインパターンとは、アプリを作るときの「設計の型」のようなものです。いきなり全部を覚える必要はありませんが、よく使われるパターンを知っておくとアプリを整理して作れるようになります。

特にSwiftを使ったiOSアプリ開発ではMVCとMVVMが代表的です。どちらも「役割分担」をする考え方です。

2. MVCとは？

2. MVCとは？

MVCは「Model」「View」「Controller」の略です。

• Model（モデル）：データや処理の部分。アプリの「頭脳」。
• View（ビュー）：画面の見た目。ユーザーに見える部分。
• Controller（コントローラ）：ModelとViewをつなぐ役割。指揮者のような存在。

例えば「天気アプリ」を作る場合：

• Model：天気のデータ（気温や湿度など）。
• View：画面に表示される数字やイラスト。
• Controller：ボタンを押したらデータを取りに行き、画面に反映させる部分。

このように分けることで、どこに何を書けばいいかがわかりやすくなります。

3. SwiftでMVCを使った例

3. SwiftでMVCを使った例

簡単な「カウンターアプリ」を例にしましょう。ボタンを押すと数字が増えるアプリです。

// Model
class Counter {
    var value = 0
    func increment() {
        value += 1
    }
}

// Controller
import UIKit
class ViewController: UIViewController {
    let counter = Counter()
    @IBOutlet weak var label: UILabel!

    @IBAction func tapButton(_ sender: Any) {
        counter.increment()
        label.text = "\(counter.value)"
    }
}

この例では、CounterがModel、ラベルがView、そしてViewControllerがControllerです。

4. MVVMとは？

4. MVVMとは？

MVVMは「Model」「View」「ViewModel」の略です。MVCと似ていますが、Controllerの代わりにViewModelを使います。

• Model：データや処理。
• View：画面の見た目。
• ViewModel：View専用のModelのような役割。画面に表示するための準備をする。

例えるなら、レストランの料理に近いです。

• Model：冷蔵庫にある食材。
• View：お客さんに出す料理。
• ViewModel：料理を作るシェフ。食材を料理に変えて出す。

ViewModelがあることで、画面に表示する処理が整理され、コードが読みやすくなります。

5. SwiftでMVVMを使った例

5. SwiftでMVVMを使った例

同じ「カウンターアプリ」をMVVMで書いてみます。

// Model
class Counter {
    var value = 0
    func increment() {
        value += 1
    }
}

// ViewModel
class CounterViewModel {
    private let counter = Counter()
    var displayText: String {
        return "カウント: \(counter.value)"
    }
    func increment() {
        counter.increment()
    }
}

// View（Controllerを含む）
import UIKit
class ViewController: UIViewController {
    let viewModel = CounterViewModel()
    @IBOutlet weak var label: UILabel!

    @IBAction func tapButton(_ sender: Any) {
        viewModel.increment()
        label.text = viewModel.displayText
    }
}

この場合、ViewModelが「画面用の文字列」を用意してくれるので、Controllerがシンプルになります。

6. MVCとMVVMの違いと使い分け

6. MVCとMVVMの違いと使い分け

MVCとMVVMにはそれぞれの特徴があります。

• MVC：シンプルでわかりやすいが、画面が増えるとControllerが複雑になりやすい。
• MVVM：コードが整理されやすいが、初心者には少し抽象的で難しく感じるかもしれない。

小さなアプリや学習中ならMVC、大きなアプリや複雑な画面を扱うならMVVMを選ぶのが一般的です。

7. 実際のアプリ開発での活用例

7. 実際のアプリ開発での活用例

実際にiOSアプリではこんな使われ方をします。

• TODOアプリ：MVCで簡単に作ることができる。
• ニュースアプリ：MVVMで記事データを整理し、複数画面に表示。
• SNSアプリ：MVVMでユーザー情報を扱い、画面ごとにViewModelを分ける。

アプリの規模や目的に応じて、MVCとMVVMを使い分けることが大切です。