iOSでMVVM（バインディングを使わない）

# はじめに
iOSでMVVMアーキテクチャを採用した開発に取り組んでいます。
MVVMと言っても、[RxSwift](https://github.com/ReactiveX/RxSwift)や[ReactiveKit](https://github.com/ReactiveKit/ReactiveKit)のようにReactive Programmingを実現するためのフレームワークは用いずに、単純な形にすることを目標に考えた方法について記載します。

こちらの記事 [MVVM: A non-reactive introduction] (https://medium.com/@IanKeen/mvvm-a-non-reactive-introduction-5a1f33402a32#.kok2bhglh)の内容を参考にさせていただいております。

# iOSはMVC

iOSのアプリケーションアーキテクチャには、MVCが採用されています。
[Model-View-Controller - Apple Developer](https://developer.apple.com/library/content/documentation/General/Conceptual/DevPedia-CocoaCore/MVC.html)

そのため、特殊なことをしなければ、それぞれのクラスはModel, View, Controller層に分かれアプリケーションが構成されます。

しかし、MVCでアプリを開発していると、次第にViewControllerが肥大化していくという問題は、誰もが通る道かと思います。
その問題を解決すべく、様々なアーキテクチャが提案されています。

[iOS Architecture Patterns](https://medium.com/ios-os-x-development/ios-architecture-patterns-ecba4c38de52#.6iu7zwl2q)
[まだMVC,MVP,MVVMで消耗してるの？ iOS Clean Architectureについて](http://qiita.com/koutalou/items/07a4f9cf51a2d13e4cdc)

# MVVM

MVVMについての説明は省略しますが、もともとはWPFやSilverlight, Windows Store AppなどMicrosoft系の開発において採用されているアーキテクチャです。
[MVVM (Model-View-ViewModel) - Wikipedia](https://en.wikipedia.org/wiki/Model–view–viewmodel)

MVVMで重要になるのが、データバインディングですが、XAMLによってデータバインディングがプラットフォームレベルで可能になっているため、Microsoft系の開発ではMVVMを採用しやすくなっています。

iOSにMVVMを導入すると、ViewControllerの肥大化を防げたり、Viewの操作とビジネスロジック部分をわけやすくなるため、全体の構成がわかりやすくなります。
しかし、最初に述べたように、iOSはそもそもMVCアーキテクチャなので、単純にはMVVMアーキテクチャにできません。


# フレームワーク？

iOSでMVVMを実現するには、先に述べた[RxSwift](https://github.com/ReactiveX/RxSwift)や[ReactiveKit](https://github.com/ReactiveKit/ReactiveKit)などのフレームワークを導入したり、バインディング機構を自作するという方法があります。

個人的には、独特な記述が要求される、このようなフレームワークの導入にはあまり気がのりません。
独特な記述によって余計に複雑になったり、ロックインされてしまってもしもの時に移行しにくいというリクスもあると思うからです。

Cocoaだと、Cocoa-Bindingがサポートされていますが、残念ながらiOSにはCocoa-Bindingがサポートされていません。

# バインディングを捨てる、単純にViewModel層を導入する

MVVMは、データバインディングによってデータとビューを宣言的に結び付けられるところが良いところの一つですが、バインディングしなくともViewModelは導入できます。

値の更新は、自分で記述する必要がありますが、ViewControllerの肥大化を防げたり、Viewの操作とビジネスロジック部分をわけやすくなるなどのメリットは十分にあります。また今から述べる方法だとアプリケーション全体をMVVMにする必要はなく、一部の分離したいところを分離するといったこともやりやすいと考えています。

## 全体像

<img width="774" alt="Screen Shot 2016-12-10 at 15.45.39.png" src="https://qiita-image-store.s3.amazonaws.com/0/9563/a2323c71-a908-db93-3dbb-bf551fb7861f.png">

View, ViewModel, ViewModelStateを使います。ViewControllerは、Viewに含みます。

### ViewModelState
ViewModelが取り得る状態を表します。

```swift
enum **ViewModelState {
    case state1, state2, ...
}
```

### ViewModel
`stateDidUpdate`というプロパティを持ち、ViewModelStateを渡して、Viewに更新を通知します。

ViewModelというプロトコルを作り、各種ViewModelクラスを定義します。

```swift:ViewModel.swift
protocol ViewModel {
    associatedtype State
    var stateDidUpdate: ((State) -> Void)? { get set }
}
```

```swift:**ViewModel.swift
class **ViewModel: ViewModel {

    var stateDidUpdate: ((**ViewModelState) -> Void)?
    
    ...

    func updateToState1() {
        ....
        self.stateDidUpdate?(.state1)
    }
}
```

### View
ViewModelを持っていて、`viewDidLoad`で`viewModel`の`stateDidUpdate`を設定し、`viewModel`の更新を受け取ります。

```swift:**ViewController.swift
class **ViewController: UIViewController {

    var viewModel: **ViewModel!
    
    ...
    override func viewDidLoad() {
        super.viewDidLoad()

        self.viewModel.stateDidUpdate = { [unowned self] state in
            switch state {
            case .state1:
                ....
            case .state2:
                ....
            }
        }
    }
}
```

# サンプル

サンプルプロジェクトをGitHubに作成しています。
[NoBindingMVVMSample](https://github.com/micchyboy1023/NoBindingMVVMSample)
一度見てみてください。