Tips for VIPER Architecture using Japanese language. This Slide is for potatotips #43. What's potatotips? → You can see this wiki page: https://github.com/potatotips/potatotips/wiki/potatotips-43

1. VIPERアーキテクチャの
Routingに関してTIPS
potatotips #43 (iOS Tipis)
ヤマグチケイスケ

2. 自己紹介
• 名前：ヤマグチケイスケ
• Github： ykeisuke
• Qiita: YKEI_mrn
• MAIL: yamagutikeisuke@gmail.com
• 職業：フリーランス
– 出来る事
• Angular2, Android, iOS, CakePHP2and3, Symfony2
– 最近は、
• iOSアプリで出向したり、受託したAngular2案件
やったり
– 以前、Potatotipsで発表させてもらったときは
Androidで発表しました！

3. 閑話休題
質問: VIPER使ってる人いますか？

4. もくじ
1. VIPERに関してざっくりと説明
1. 構成
2. VIPERのそれぞれの役割
2. Routingに関して
3. Routingを実装するときのTIPS
4. まとめ

5. VIPERに関してざっくりと説明1
• VIPERとは
– V: View
• 画面、 UIViewControllerとかもってる
– I: Interactor
• ロジック
– P: Presenter
• 仲介するやつ
– E: Entity
• データとか、enumとかもってる
– R： Routing
• なにが、どこにあるか知ってる
• 基本的な考えは、Moduleと言う機能単位で、VIPERを持ってる

6. VIPERを使ってみる
• こちらに簡単な説明が書いてます：
– iOS開発で VIPER / Clean Architecture を使うなら、
ファイル自動生成の Generamba もどうぞ on
@Qiita
http://qiita.com/YKEI_mrn/items/d1f79ceddf6e00
9fdcd0

7. VIPERに関してざっくりと説明2
• どう実装するのか？
– Generambaという生成器つかってModuleを簡単
生成できます。
参考：
iOS開発で VIPER / Clean Architecture を使うなら、ファイル自動生成の
Generamba もどうぞ on @Qiita
http://qiita.com/YKEI_mrn/items/d1f79ceddf6e009fdcd0

8. VIPERに関してざっくりと説明3

9. VIPERに関してざっくりと説明3

10. つまり
• つまり、ViewInputにより、Viewが受け付けてる入力
(Method)をPresenterが知ることを強制されてる
• ViewOutputにより、Presenterが受け付けてるViewの
出力を知ることを強制されてる
• InteractorInputにより、Interactorが受け付けてる入力
をPresenterが知ることを強制されてる
• InteractorOutputにより、Presenterが受け付けてる入
力を知ることを強制されてる

11. VIPERに関してざっくりと説明3

12. そんな感じのModuleを
作ってアプリをつくっていくのが
VIPERだと思ってます

13. VIPERに関してざっくりと説明2

14. Routingに関して
• Routingは…
– 全Module(画面や機能)を知っている唯一の存在
では、どう実装するか？
– (独自の実装)

15. Routingに関して

16. Routingだけをする
Moduleを作りました

17. 実装イメージ

18. 実装イメージ

19. Routingを実装するときのTIPS
• hyperoslo/Compassを使うとすごくいい
• ViewControllerやStoryboardの管理にはこれを参
考にするとすごくいい
– KickStarter iOSアプリのStoryboardのenumでの管理
のしかたに感動した: keisei_1092さん
• http://qiita.com/keisei_1092/items/12230bb7ff9106224292

20. hyperoslo/Compass
• 何でもURLSchemeにできる
– 全画面が！全機能が！同じ呼び出し方法で呼び
出せる！

21. hyperoslo/Compass
• 例えば…
– com.hoge://login:test:pass
• testとpassを入力したログイン画面呼び出し
– com.hoge://devicetoken:asdfghjkl;qwertyuio
• DeviceTokenの更新処理呼び出し

22. hyperoslo/Compass
RoutingModuleだけが知っていれば良い！
=相性良い！

23. hyperoslo/Compass
RoutingModuleにURLを渡すだけで機能が特定できる

24. hyperoslo/Compass
Moduleは特定できた、
では、Viewはどうやってとればいいの？

25. KickStarter iOSアプリのStoryboardの
相性がいい理由
• VIPERを使うときの困った事
– Storyboardの数が爆発的に増える
• RoutingModuleだけが、これを知っていれば良い！
– =相性良い！
• 以下方法でそれに対応できる！
http://qiita.com/keisei_1092/items/12230bb7ff91062242
92

27. だいたい19個のStoryboardがこれ
だけでtypoすることなく取得でる

28. ふたつのTIPSを合わせて…

29. URLSchemeからViewがとれる

30. あとはUIViewControllerをゴニョゴ
ニョするだけです！
処理の流れは→

32. まとめ
Routerは一つのModuleにすると楽

33. Thank you !φ('ᴗ'」)