viper アーキテクチャによる ios アプリの設計

Copyright © Classmethod, Inc.

VIPER アーキテクチャによる iOS アプリの設計

Classmethod Inc安達勇一

1


自己紹介

• iPhone アプリ・サービス事業部• iOS 開発歴 2.5 年• 最近は Swift で開発をしています

2


9月上旬…

3

F.T氏

私

北海道勉強会やるんだけど、なんか話さない？お題は未定ね

そうすね…Swift かなんかで話しましょうか…

F.T氏

Swift勉強会…いいよね…

Copyright © Classmethod, Inc. 4

月日は流れ…


9月下旬…

5

F.T氏

私

Swift勉強会改め、スマホアプリの設計的な話にしようかと思うんだけど、どう？

設計の話すかwwwwwwwwww

＿人人人人人人人人人＿＞　突然の仕様変更　＜‾Y^Y^Y^Y^Y^Y^Y^Y‾


🔍

6

　ios mobile archtecture


🔍

7

　ios mobile archtecture


💡


VIPERアーキテクチャ

• View Interactor Presenter Entity Routing

9


その前に…


MVCアーキテクチャ• ModelとViewとControllerにコードを分割• Model: ロジック• View: 表示• Controller: Modelを制御

12

View

Controller

Model

Event


MVP on iOS Application• Model View Presenter• ViewはModelを直接操作しない• Model : ロジック• Presenter : UIViewController• View : UIView

13

View

Presenter

Model


Massive ViewController• ModelとViewに置けなかったロジックは

ViewController(Presenter)へ• 扱うViewの量に合わせて　　　　　　　　コード量が増える

• Mediatorとしては正解だが…

14


Massive ViewController

15

• ModelとViewに置けなかったロジックはViewController(Presenter)へ

• 扱うViewの量に合わせて　　　　　　　　コード量が増える

• Mediatorとしては正解だが…


MVCで考えることの不満点

• Modelに様々な役割があるのにひとまとめにしてしまう

• Massive ViewControllerになりやすい• テスト可能なModelへの移行に役割を与えたい

16


Before VIPER

17

View

ModelController


Before VIPER

18

View

Model

Controller（Over 1000lines!!）


VIPER 再び



• フレームワークに依存しない• DB, APIに依存しない• UIに依存しない• テストしやすい

20

View Interactor Presenter Entity Routing



• コアの静的モデル• 内部ビジネスロジック• 外界とビジネスロジックの仲介

• 外界

21

DB

API

View

OSS

Presenter

Interactor

Entity

DataStore

Routing


View

PresenterRouting

Interactor

EntityDataStore


View

PresenterRouting

Interactor

EntityDataStore

Protocolによって疎結合に、互いに知らない状態にする


依存性を注入

DB,WebAPIを仲介

Businessロジック

UIロジック

UIView, UIViewController

静的データ


Interactor

• 単一のユースケースを動的なモデルで表現• ビジネスロジック部• UIに全く依存しない• テストしやすい

25


Entity

• Presenter以降のレイヤに直接渡されない• 静的なモデル• VIPERでは動的でない

26


Presenter• InteractorからのデータをView向けに送る• Viewからのインプットを受ける• Viewを直接知らない• Viewロジックに対する　　　　　　　　　テストを書ける

27


View• View, ViewController等• 主体的にPresenterにデータを要求しない• Presenterからの指示　　　　　　　　　待ち

28


Routing• UIWindowのインスタンスを保有• WindowにViewController（VC）を注入• VCにPresenterを注入• VCの遷移表示も管理

29


Before VIPER

30

View

Model

Controller


After VIPERView

PresenterRouting

Interactor

EntityDataStore


View

PresenterRouting

Interactor

EntityDataStore

After VIPER


https://github.com/UsrNameu1/VIPER-SWIFT

http://www.objc.io/issue-13/viper.html

http://blog.8thlight.com/uncle-bob/2012/08/13/the-clean-architecture.html

参考資料objc-io 13

Clean Architecture

Forked Sample Code

https://github.com/UsrNameu1/VIPER-SWIFT

http://www.objc.io/issue-13/viper.html

http://blog.8thlight.com/uncle-bob/2012/08/13/the-clean-architecture.html

viper アーキテクチャによる ios アプリの設計

Engineering