TCAってなに？ Swift愛好会 vol.91 @dely

Transcript

1. TCAを初心者が 使ってみた Swift愛好会 vol.91 @dely
2. ABOUT ME さき(細沼咲希) 🏫デジハリ一年生 👩‍💻CA TechLounge 💗開発/ネイル/ハッカソン/天月さん/ポケカ 😻ラブライブμ's→Aqours→Liella 約1ヶ月で全部見ました！ 👀ビンゴが下手です 💻Swift/Ruby on Rails/Flutter/php 　SwiftUI>UIKit 　Swift歴 2年ちょっと twitter(新X)
3. アプリの状態管理大変だなー
4. 初めて作ったSwi f tUI のアプリ
5. そんな時にはTCA！！！
6. Client T C A は 、 The Composable Architectureの略 Point-Free が 提 供 す る 、 Apple の プ ラ ッ ト フ ォ ー ム 向 け の ア プ リ ケ ー シ ョ ン ア ー キ テ ク チ ャ を 提 供 す る オ ー プ ン ソ ー ス フ レ ー ム ワーク。 TCAとは！ 一 貫 性 が あ り 、 明 確 で 、 再 利 用 可 能 か つ テ ス ト 可 能 な 設 計 を 目 指 しています
7. Client TCAとは！ State, Action, Reducer, Store の4つ！
8. Client TCAとは！ アプリの状態管理を簡単に見やすくシンプルに 行える！
9. 簡単なカウントアプリを作ってみよう！ ⚠️フォントは可愛いです
10. Client 簡単なカウントアプリを作ってみよう！ State 状態の管理をしてくれる変数の格納場所
11. Client 簡単なカウントアプリを作ってみよう！ Acti on アプリ全ての操作やイベントなどを 定義する
12. Client 簡単なカウントアプリを作ってみよう！ Reducer Viewから受け取ったアクションなどをも とに、アプリケーションの状態を変化さ せる方法を書いて新しい状態を返す 純粋関数
13. Client 簡単なカウントアプリを作ってみよう！
14. Client 簡単なカウントアプリを作ってみよう！
15. View Client 図 Action Reducer State ユーザーの操作 Action APIClientなど Viewの再描画 Effectを実行 結果に応じて、 Actionを発行 Stateを更新
16. Client 状態管理が見やすくどこで値が変わったのか わかりやすくなった！ 使ってみたメリット 🔥
17. Client 状態管理が見やすくどこで値が変わったのか わかりやすくなった！ MVVMと比較してViewModel が肥大化するのを防 げた！ 使ってみたメリット 🔥
18. Client 使ってみたメリット 🔥 状態管理が見やすくどこで値が変わったのか わかりやすくなった！ MVVMと比較してViewModel が肥大化するのを防 げた！ preview用にmockが挿入できたので、実際にAPI 通信を行うことなく表示できた！
19. 使ってみたメリット 🔥 依存関係を本番、テスト、プレビューで自動で 切り替えてくれるツール Dependency Key
20. 使ってみたメリット 🔥 preview用にmockが挿入できたので、実際にAPI 通信を行うことなく表示できた！
21. Client 使ってみたデメリット 💧 学習コストが高い！
22. Client 使ってみたデメリット 💧 学習コストが高い！ 常にアップデートされているので、気づいたら、 非推奨になっていた！ってことがよくある
23. Client 使ってみたデメリット 💧 学習コストが高い！ 常にアップデートされているので、気づいたら、 非推奨になっていた！ってことがよくある 個人の小さめなアプリでは書く量が多くなってし まう
24. まとめ 学習コスト高いし書き方の正解がわからなくて 困った！
25. まとめ 学習コスト高いし書き方の正解がわからなくて 困った！ CA TechLoungeでTCAを使った共同開発に入れ てもらった 公式のサンプルを見たり
26. まとめ 公式ドキュメントみたらなんとかなる
27. Thank You! zennの記事