Introduction of The Composable Architecture - CyberAgent21卒内定者iOS輪読会 - Speaker Deck

Tweet

Tweet

Slide 1

Slide 1 text

第11回 CyberAgent21卒内定者iOS輪読会 CyberAgent21卒内定者iOS輪読会 - iOSアプリ設計パターン⼊⾨ by ＠ostk0069 1

Slide 2

Slide 2 text

今回は番外編です The Composable Architecture について⾏います CyberAgent21卒内定者iOS輪読会 - iOSアプリ設計パターン⼊⾨ by ＠ostk0069 2

Slide 3

Slide 3 text

今回の話では The Composable Architectureは⻑いので本家でもよく出てくるTCAとして記すこととします CyberAgent21卒内定者iOS輪読会 - iOSアプリ設計パターン⼊⾨ by ＠ostk0069 3

Slide 4

Slide 4 text

発表者はTCAについてプロジェクトととしての運⽤経験はないのでマサカリをする際には⼗分に配慮した上で⾏っていただけると助かります CyberAgent21卒内定者iOS輪読会 - iOSアプリ設計パターン⼊⾨ by ＠ostk0069 4

Slide 5

Slide 5 text

今回話すこと理解する上で必要な知識主な概要や誕⽣経緯 5つの特徴登場するClassの役割導⼊することのメリット・デメリットサンプルコードを⾒る CyberAgent21卒内定者iOS輪読会 - iOSアプリ設計パターン⼊⾨ by ＠ostk0069 5

Slide 6

Slide 6 text

今回話さないこと⻑期的に使うことのメリデメ細かい圏論的な話僕の経験はry-ittoとハッカソンの時に使ったことがあるぐらいです CyberAgent21卒内定者iOS輪読会 - iOSアプリ設計パターン⼊⾨ by ＠ostk0069 6

Slide 7

Slide 7 text

理解する上で必要な知識 CyberAgent21卒内定者iOS輪読会 - iOSアプリ設計パターン⼊⾨ by ＠ostk0069 7

Slide 8

Slide 8 text

必要な知識 Combine(UIKit+RxSwiftもある⼀応ある) DI iOSで⽤いる設計ほぼ全て特にReduxやFlux CyberAgent21卒内定者iOS輪読会 - iOSアプリ設計パターン⼊⾨ by ＠ostk0069 8

Slide 9

Slide 9 text

あると理解がはやいもの Elm Architecture Vuex ⽐較的考えが似ている、または開発者がそれにinspireされて作ってる CyberAgent21卒内定者iOS輪読会 - iOSアプリ設計パターン⼊⾨ by ＠ostk0069 9

Slide 10

Slide 10 text

主な概要 CyberAgent21卒内定者iOS輪読会 - iOSアプリ設計パターン⼊⾨ by ＠ostk0069 10

Slide 11

Slide 11 text

⼆⼈の有名な開発者によって作られた Brandon Williams Stephen Celis どちらもKick Starterのmain contributerとして有名。snapshot testingとかも作ってる。 CyberAgent21卒内定者iOS輪読会 - iOSアプリ設計パターン⼊⾨ by ＠ostk0069 11

Slide 12

Slide 12 text

動画が多数存在するのでとりあえず⾒てない⼈は⾒た⽅がいいかも https://www.pointfree.co/collections/composable-architecture/a-tour-of-the- composable-architecture/ep100-a-tour-of-the-composable-architecture-part-1 TCAの理解以外にも⾊々考え⽅を学べそうなコンテンツ(英語レベル⾼め) CyberAgent21卒内定者iOS輪読会 - iOSアプリ設計パターン⼊⾨ by ＠ostk0069 12

Slide 13

Slide 13 text

5つの特徴 CyberAgent21卒内定者iOS輪読会 - iOSアプリ設計パターン⼊⾨ by ＠ostk0069 13

Slide 14

Slide 14 text

State Management Composition Side Effect Testable Ergonomics CyberAgent21卒内定者iOS輪読会 - iOSアプリ設計パターン⼊⾨ by ＠ostk0069 14

Slide 15

Slide 15 text

State Management 状態管理をReduxやFluxのように⾏う CyberAgent21卒内定者iOS輪読会 - iOSアプリ設計パターン⼊⾨ by ＠ostk0069 15

Slide 16

Slide 16 text

Composition コンポーネント思考 FatなReducerが作成されない(Reducerの分割) CyberAgent21卒内定者iOS輪読会 - iOSアプリ設計パターン⼊⾨ by ＠ostk0069 16

Slide 17

Slide 17 text

Side Effect サービスにおける副作⽤に耐えうる設計になってる副作⽤(apiのfetch, 遅延処理とか) (PublisheのPublisherが内部で作成されてる) CombineのPublisherに準拠してるため実現できてる CyberAgent21卒内定者iOS輪読会 - iOSアプリ設計パターン⼊⾨ by ＠ostk0069 17

Slide 18

Slide 18 text

Testable 書くべきテストコードの明確化 Action -> Reducerをテストすることがメインになるサンプルコードも豊富 CyberAgent21卒内定者iOS輪読会 - iOSアプリ設計パターン⼊⾨ by ＠ostk0069 18

Slide 19

Slide 19 text

Ergonomics 簡略化(?) 僕はまだこれを実感できてない CyberAgent21卒内定者iOS輪読会 - iOSアプリ設計パターン⼊⾨ by ＠ostk0069 19

Slide 20

Slide 20 text

登場するClassの役割 CyberAgent21卒内定者iOS輪読会 - iOSアプリ設計パターン⼊⾨ by ＠ostk0069 20

Slide 21

Slide 21 text

Action enumで定義されたユーザーのアクション Reducer Actionを受け取りEffectを呼び出すorStateに流す役割 Effect CombineのPublisher Actionへ接続する State 受け取った値をViewに反映させる Store Action, Reducer, Effect, Stateの集合体 Environment Dependencyを保持する CyberAgent21卒内定者iOS輪読会 - iOSアプリ設計パターン⼊⾨ by ＠ostk0069 21

Slide 22

Slide 22 text

CyberAgent21卒内定者iOS輪読会 - iOSアプリ設計パターン⼊⾨ by ＠ostk0069 22

Slide 23

Slide 23 text

導⼊することのメリット・デメリット CyberAgent21卒内定者iOS輪読会 - iOSアプリ設計パターン⼊⾨ by ＠ostk0069 23

Slide 24

Slide 24 text

メリット状態管理の明確な責務の切り分け設計に関する議論がチームで⾏いやすくなる modular architectureの適⽤のしやすさ採⽤につながる Combine理解してなくてもなんとなくで書き始められるテストを書くことの難易度が下がる CyberAgent21卒内定者iOS輪読会 - iOSアプリ設計パターン⼊⾨ by ＠ostk0069 24

Slide 25

Slide 25 text

デメリット設計として制約が多いライブラリとしての依存をしないといけない(⾃作でも問題ない) CombineをラップしてるのでCombineへの理解とiOS13以上ではないと使えない UIKitのサンプルも存在する実務でやるのであればCombineの理解(ソースコードの理解)は必須別の設計への乗り換えはそこそこしんどそう⻑期プロジェクトになることが決まってないサービスチームのレベル感次第では崩壊する特性を理解せずに導⼊するにはむしろマイナスが発⽣する可能性も CyberAgent21卒内定者iOS輪読会 - iOSアプリ設計パターン⼊⾨ by ＠ostk0069 25

Slide 26

Slide 26 text

サンプルコードを⾒る CyberAgent21卒内定者iOS輪読会 - iOSアプリ設計パターン⼊⾨ by ＠ostk0069 26

Slide 27

Slide 27 text

Basic Usage https://github.com/pointfreeco/swift-composable-architecture#basic-usage Effectがどんな感じか理解しやすい TestStoreも⾒てみると良さそう Todos https://github.com/pointfreeco/swift-composable- architecture/tree/main/Examples/Todos 親コンポーネントと⼦コンポーネントの関係性が⾒れるので良さそう CyberAgent21卒内定者iOS輪読会 - iOSアプリ設計パターン⼊⾨ by ＠ostk0069 27

Slide 28

Slide 28 text

WithViewStore SwiftUIのView storeを初期値に持ち、viewStoreに変換する ViewStore Observed Object ViewStoreを購読してViewを変更できる CyberAgent21卒内定者iOS輪読会 - iOSアプリ設計パターン⼊⾨ by ＠ostk0069 28

Slide 29

Slide 29 text

その他 CyberAgent21卒内定者iOS輪読会 - iOSアプリ設計パターン⼊⾨ by ＠ostk0069 29

Slide 30

Slide 30 text

結構他にも似たような設計を提唱しているものはある Harvest bow-arch VueFlux CyberAgent21卒内定者iOS輪読会 - iOSアプリ設計パターン⼊⾨ by ＠ostk0069 30

Slide 31

Slide 31 text

質問 & 議論 CyberAgent21卒内定者iOS輪読会 - iOSアプリ設計パターン⼊⾨ by ＠ostk0069 31

Slide 32

Slide 32 text

次回は第13章 & CAの設計です！ CyberAgent21卒内定者iOS輪読会 - iOSアプリ設計パターン⼊⾨ by ＠ostk0069 32