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

先生と生徒の会話形式で理解しよう

生徒

「先生、iPhoneアプリの開発でよく聞くMVCとかMVVMって何ですか？」

先生

「それはアプリの設計を整理するためのデザインパターンという考え方です。プログラムの役割を分けることで、わかりやすく作れるようになります。」

生徒

「デザインパターンって難しそうですが、初心者でも理解できますか？」

先生

「例えを使って説明するので安心してください。アプリを家や会社に例えるとイメージしやすくなりますよ。」

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

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

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

2. MVCとは？

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

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

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

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

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

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です。

Swiftを基礎から実践レベルまで学びたい人や、 iOSアプリ開発を本格的に始めたい人には、定番の入門＋実践書がこちらです。

Swift実践入門をAmazonで見る

※ Amazon広告リンク

4. MVVMとは？

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

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

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

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

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

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がシンプルになります。