Save 37% off PRO during our Black Friday Sale! »

RIBs でのダイエット

345c78640c646c9c55083efd57fb6e54?s=47 TatsunoriKuri
February 13, 2020
Programming
1
310

RIBs でのダイエット

345c78640c646c9c55083efd57fb6e54?s=128

TatsunoriKuri

February 13, 2020
Tweet

More Decks by TatsunoriKuri

See All by TatsunoriKuri
345c78640c646c9c55083efd57fb6e54?s=48 kuritatu18
1
330

Other Decks in Programming

See All in Programming
91b03a57e0ef56fee59fbddc66a7f6fd?s=48 takasehideki
1
120
98b698d47526f827586a7f3946607ef4?s=48 skoji
0
270
023b04c98f39cc041293d780352432ff?s=48 koic
11
1k
B5c79b428fca86c70fd59d1c27a980d8?s=48 kkuchta
0
200
587223eccffb4d264fd18bb9d54cd1d9?s=48 webdevwithmatt
0
290
B7424f2bb6afd48c51cf88c2c15c395d?s=48 t2kob
0
100
2a195253a39691fe82d2f1b9d4dadb36?s=48 champon1020
0
450
Ddecbf99faa27ea6257856734fa6f9b8?s=48 whitegreen
0
170
Bd34d8c4bc464a2bec2792579c759cd1?s=48 b4tchkn
1
110
575ca492bac55e895d0e1c86f7d709fe?s=48 hschwentner
2
690
A12373843afc54857a845404bdd5f5cb?s=48 lighttiger2505
1
270
C400a6dc29b681f0284fd33c468e396e?s=48 shimotaroo
0
220

Featured

See All Featured
A0517b08532aec8ab2aae3f65d40ad86?s=48 hannesfritz
32
1.2k
766b9746b59e6f09e280cd33cf4ed419?s=48 skipperchong
14
1.1k
1b75d89772b7eea1f6c89fbf362607d9?s=48 moore
129
22k
96270e4c3e5e9806cf7245475c00b275?s=48 addyosmani
316
21k
91cefdf141106fa10674aae74ce05890?s=48 yeseniaperezcruz
307
33k
8081b26e05bb4354f7d65ffc34cbbd67?s=48 chriscoyier
780
240k
6804f1775cb4babfcc3851298566fbce?s=48 tanoku
91
8.9k
053e75a5b48b44d6dd0612795dfb326d?s=48 notwaldorf
55
3.5k
F68cb25ae3e5c2106997454b13b7737d?s=48 brad_frost
163
6.9k
Af6a12710770ad9a7cfd08c97efd40d3?s=48 pedronauck
655
120k
61857dafbd287b3027c4dcea9008ad3c?s=48 carmenhchung
43
2.2k
0bce06bd06ee7a2c4f5500f25dcf7f18?s=48 paulrobertlloyd
74
1.7k

Transcript

  1. Proprietary and Confidential ©2017 JapanTaxi, Inc. All Rights Reserved RIBs

    でのダイエット

  2. Proprietary and Confidential ©2017 JapanTaxi, Inc. All Rights Reserved ⾃⼰紹介

    2 • Tatsunori Kuri (@kuritatu18) • iOS app Developer • JapanTaxi (2018.9 ~)

  3. Proprietary and Confidential ©2017 JapanTaxi, Inc. All Rights Reserved 今⽇話すこと

    3 - 1．RIBsとは - 2. 画⾯ が複雑なときのダイエット⽅法 - 3．ロジックが複雑なときのダイエット⽅法 - 4．まとめ

  4. Proprietary and Confidential ©2017 JapanTaxi, Inc. All Rights Reserved RIBs

    との出会い 4 応募 2018.4 2018.6 内定 2018.9.12 2018.9.16 ⼊社 v4リニューアル RIBs 採⽤

  5. Proprietary and Confidential ©2017 JapanTaxi, Inc. All Rights Reserved RIBs

    とは 5

  6. Proprietary and Confidential ©2017 JapanTaxi, Inc. All Rights Reserved RIBs

    とは 6 （https://github.com/uber/RIBs/wiki より）

  7. Proprietary and Confidential ©2017 JapanTaxi, Inc. All Rights Reserved RIBs

    のコンポーネント 7 - Router - RIB のルーティング - Interactor - ビジネスロジックを持つ - View(Presenter) - レイアウト、ユーザー操作の処理

  8. Proprietary and Confidential ©2017 JapanTaxi, Inc. All Rights Reserved RIBs

    のコンポーネント 8 - Builder - RIB内の構成要素 Router, Interactor, ViewController と  ⼦RIB Builderのインスタンス化 - RIB 内部への依存性の注⼊と、RIB 間の依存関係の解決

  9. Proprietary and Confidential ©2017 JapanTaxi, Inc. All Rights Reserved RIB

    内のコミュニケーション 9 Router Interactor View Controller Builder Routing Presentable PresentableListener Build()

  10. Proprietary and Confidential ©2017 JapanTaxi, Inc. All Rights Reserved RIB

    のルーティングとライフサイクル 10 Child RIB Router Interactor View Controller Builder Parent RIB Router Interactor View Controller Builder Child RIB の Router を attach

  11. Proprietary and Confidential ©2017 JapanTaxi, Inc. All Rights Reserved RIB

    のルーティングとライフサイクル 11 Child RIB Router load() Interactor View Controller Builder Parent RIB Router Interactor View Controller Builder Child RIB の Router を attach

  12. Proprietary and Confidential ©2017 JapanTaxi, Inc. All Rights Reserved RIB

    のルーティングとライフサイクル 12 Child RIB Router load() Interactor activate() View Controller Builder Parent RIB Router Interactor View Controller Builder Child RIB の Router を attach

  13. Proprietary and Confidential ©2017 JapanTaxi, Inc. All Rights Reserved RIB

    のルーティングとライフサイクル 13 Child RIB Router Interactor View Controller Builder Parent RIB Router Interactor View Controller Builder Child RIB の Router を detach

  14. Proprietary and Confidential ©2017 JapanTaxi, Inc. All Rights Reserved RIB

    のルーティングとライフサイクル 14 Child RIB Router Interactor deactivate() View Controller Builder Parent RIB Router Interactor View Controller Builder Child RIB の Router を detach

  15. Proprietary and Confidential ©2017 JapanTaxi, Inc. All Rights Reserved RIB間のコミュニケーション

    15 Child RIB Router Interactor View Controller Builder Parent RIB Router Interactor View Controller Builder Listener経由で 親RIBの処理を呼ぶ

  16. Proprietary and Confidential ©2017 JapanTaxi, Inc. All Rights Reserved 16

    https://blog.japantaxi.co.jp/2018/12/09/1991

  17. Proprietary and Confidential ©2017 JapanTaxi, Inc. All Rights Reserved RIBs

    の特徴：ツリー構造 17 ※注⽂導線の⼀部抜粋：2020年2⽉6⽇時点

  18. Proprietary and Confidential ©2017 JapanTaxi, Inc. All Rights Reserved 18

    https://github.com/srea/RIBsTreeViewerClient

  19. Proprietary and Confidential ©2017 JapanTaxi, Inc. All Rights Reserved 画⾯が複雑になってきたとき

    19

  20. Proprietary and Confidential ©2017 JapanTaxi, Inc. All Rights Reserved RIBs

    × MicroViewController 20

  21. Proprietary and Confidential ©2017 JapanTaxi, Inc. All Rights Reserved MicroViewControllerとは

    21 https://www.icloud.com/keynote/0vgTYDXyHQTd0l1FKTiF1jT7g#MicroViewController-en

  22. Proprietary and Confidential ©2017 JapanTaxi, Inc. All Rights Reserved ⼦ViewController

    の追加 22 - View - StackView

  23. Proprietary and Confidential ©2017 JapanTaxi, Inc. All Rights Reserved 利⽤例

    23

  24. Proprietary and Confidential ©2017 JapanTaxi, Inc. All Rights Reserved 注⽂詳細画⾯

    24

  25. Proprietary and Confidential ©2017 JapanTaxi, Inc. All Rights Reserved 注⽂詳細画⾯のViewHierarchy

    25

  26. Proprietary and Confidential ©2017 JapanTaxi, Inc. All Rights Reserved 注⽂詳細画⾯のViewHierarchy

    26

  27. Proprietary and Confidential ©2017 JapanTaxi, Inc. All Rights Reserved RIBs

    × MicroViewController 27 - Builder.build()

  28. Proprietary and Confidential ©2017 JapanTaxi, Inc. All Rights Reserved RIBs

    × MicroViewController 28 - Builder.build()

  29. Proprietary and Confidential ©2017 JapanTaxi, Inc. All Rights Reserved RIBs

    × MicroViewController 29 - Builder.build()

  30. Proprietary and Confidential ©2017 JapanTaxi, Inc. All Rights Reserved RIBs

    × MicroViewController 30 - ViewControllable - Router.Init()

  31. Proprietary and Confidential ©2017 JapanTaxi, Inc. All Rights Reserved RIBs

    × MicroViewController 31 - Router.didLoad()

  32. Proprietary and Confidential ©2017 JapanTaxi, Inc. All Rights Reserved RIBs

    × MicroViewController 32 - Router.didLoad()

  33. Proprietary and Confidential ©2017 JapanTaxi, Inc. All Rights Reserved ViewHierarchy

    と RIBsツリー 33

  34. Proprietary and Confidential ©2017 JapanTaxi, Inc. All Rights Reserved 画⾯全体は複雑でも

    １つ１つはスリムになった 34

  35. Proprietary and Confidential ©2017 JapanTaxi, Inc. All Rights Reserved ロジックが複雑になってきたとき

    35

  36. Proprietary and Confidential ©2017 JapanTaxi, Inc. All Rights Reserved View

    の無い RIB に切り出す 36

  37. Proprietary and Confidential ©2017 JapanTaxi, Inc. All Rights Reserved View

    の無いRIB 37

  38. Proprietary and Confidential ©2017 JapanTaxi, Inc. All Rights Reserved View

    の無いRIB の追加 38 Owns corresponding view の チェックを外す ViewController の無い RIB が作成される Templete から RIB を選択

  39. Proprietary and Confidential ©2017 JapanTaxi, Inc. All Rights Reserved RIB

    の分割前 39 Parent RIB Router Interactor ・処理A ・処理B ・処理C View Controller Builder

  40. Proprietary and Confidential ©2017 JapanTaxi, Inc. All Rights Reserved RIB

    の分割後 40 Parent RIB Router Interactor ・処理A View Controller Builder B Child RIB Router Builder Interactor ・処理B C Child RIB Router Builder Interactor ・処理C B Child Listener C Child Listener

  41. Proprietary and Confidential ©2017 JapanTaxi, Inc. All Rights Reserved 利⽤例

    41

  42. Proprietary and Confidential ©2017 JapanTaxi, Inc. All Rights Reserved 乗⾞地選択画⾯

    42

  43. Proprietary and Confidential ©2017 JapanTaxi, Inc. All Rights Reserved 乗⾞地選択画⾯の下の部分

    43

  44. Proprietary and Confidential ©2017 JapanTaxi, Inc. All Rights Reserved View

    の無い RIB 44

  45. Proprietary and Confidential ©2017 JapanTaxi, Inc. All Rights Reserved View

    の無い RIB 45 地図を動かした際の緯度/経度でAPI から住所を取得するRIB

  46. Proprietary and Confidential ©2017 JapanTaxi, Inc. All Rights Reserved View

    の無い RIB 46 APIから乗⾞の禁⽌エリア取得と禁⽌ エリア内かの判定をするRIB

  47. Proprietary and Confidential ©2017 JapanTaxi, Inc. All Rights Reserved View

    の無い RIB 47 次の画⾯に必要な情報をAPIから取得 するRIB

  48. Proprietary and Confidential ©2017 JapanTaxi, Inc. All Rights Reserved View

    の無い RIB 48 View の無いRIBから別のViewのある RIB にルーティングすることもある

  49. Proprietary and Confidential ©2017 JapanTaxi, Inc. All Rights Reserved 複雑なロジックを分散することで

    １つ１つはスリムになった 49

  50. Proprietary and Confidential ©2017 JapanTaxi, Inc. All Rights Reserved まとめ

    50 - 画⾯とロジックの両⾯からダイエットをすることが可能 - ViewController の平均⾏数：154、500⾏超え1つ - Interactorの平均⾏数：141、500⾏超え2つ - １つ１つの RIB がスリムになる - 責務が明確になる - 追加、修正による影響が最⼩限に - テストが書きやすい

  51. Proprietary and Confidential ©2017 JapanTaxi, Inc. All Rights Reserved RIBs

    とっても良いですよ 51

  52. จষɾը૾౳ͷ಺༰ͷແஅసࡌٴͼෳ੡౳ͷߦҝ͸͝ԕྀ͍ͩ͘͞ɻ Proprietary and Confidential ©2020 JapanTaxi, Inc. All Rights Reserved

    ˟102-0094ɹ౦ژ౎ઍ୅ా۠لඌҪொ3-12 3-12 Kioicho Chiyoda-ku, Tokyo 102-0094 Japan TEL 03-6265-6265ɹFAX 03-3239-8115 www.japantaxi.co.jp