SwiftUIで単方向アーキテクチャを導入して得られた成果

potatotips #90 iOS/Android開発Tips共有会
https://potatotips.connpass.com/event/341264/

Counter-MVI
https://github.com/t-osawa-009/Counter-MVI

あすけんiOSでSwiftUI導入によるアーキテクチャ改善：効率化と学び
https://tech.asken.inc/entry/2024/10/25/170000

Transcript

1. © asken.inc SwiftUIで 単方向アーキテクチャを 導入して得られた成果 25/01/28 Takuya Osawa
2. © asken.inc 2 自己紹介 Takuya Osawa 株式会社asken モバイルテックリード 主な仕事 iOS版食事管理アプリの「あすけん」の開発を担当 趣味 野球観戦
3. © asken.inc アジェンダ 3 背景と課題 アーキテクチャの概要 実装例 成果
4. © asken.inc 4 背景と課題
5. © asken.inc 5 運用が長いサービス あすけんは10年以上運用されているサービスで既存資産が多い。 UIKitで実装されたUIが多数である。 MVC+SnapKitでの実装がメインである。 ユニットテストも充実していない。 開発人数の増加 SwiftUIでの開発がメインになっていくので複数人が開発可能なアー キテクチャの整理が必要になった。 整理する前は特にアーキテクチャは定めていないで状態である。
6. © asken.inc 6 アーキテクチャの概要
7. © asken.inc 7 アーキテクチャ選定フロー PoC チームで 議論 本番で影響のでな い画面で検証 本番投入
8. © asken.inc 8 MVIアーキテクチャ に決定 🎉
9. © asken.inc 9 MVIを知っている人 󰢨
10. © asken.inc 10 MVI = Model + View + Intent
11. © asken.inc 11
12. © asken.inc 12
13. © asken.inc 13 状態変更やデータフローを追いやすい。 テストがしやすい。 学習・導入コストが低い 選定理由
14. © asken.inc 14 実装例
15. © asken.inc 15 https://github.com/t-osawa-009/Counter-MVI
16. © asken.inc 16 DEMO
17. © asken.inc 17 成果
18. © asken.inc 18 複雑な状態変化のテストが容易になった ViewStateやIntent単体でテスト可能になった コードレビュー効率が向上 アーキテクチャ理解が進み、開発者間での認識齟齬が減り効率化 できた SwiftUIの割合が増えた 5%前後で推移していたが、4ヶ月で約10%前後まで上昇
19. © asken.inc 19 まとめと今後
20. © asken.inc 20 MVIアーキテクチャ導入により開発効率が上がりました アーキテクチャを定めることでチームで開発する体制が構築で き、 SwiftUIでの開発が進めやすくなりました。 今後の展望 不足しているユニットテストの拡充 スナップショットテストの導入を進める予定です。
21. © asken.inc 21 弊社tech blogにも記事化してます! あすけんiOSでSwiftUI導入によるアーキテクチャ改善：効率化と学び
22. © asken.inc 22 Thank you!