JetpackCompose移行、はじめました

DroidKaigi.collect { #11@Sapporo }で発表した資料です。

Transcript

1. JetpackCompose移⾏、 はじめました 2024/08/18 DroidKaigi.collect { #11@Sapporo } トリ（chicken05）
2. トリ（chicken05） ⿃モチーフのものが好きです（焼き⿃も好きです） • note株式会社 / Androidエンジニア • Javaユーザーグループ北海道（JavaDo） スタッフ
3. 会社で JetpackCompose 移⾏、はじめました • 進め⽅はずっと⼿探り • 今⽇はこんな流れで進めています！という⼀例を 話します
4. JetpackCompose移⾏の流れ
5. 2023年11-12⽉にやったこと 移⾏⽅針の検討 - 各メンバーでシンプルな画⾯を試しに移⾏ - 相互レビュー ↔ 調整の繰り返しでブラッシュアップ - MVP から公式アーキテクチャ（MVVM etc..）への移⾏
6. 2023年11-12⽉にやったこと カスタムテーマ実装 - プロダクトのシステムカラーとMaterial3が相性悪いので Colorはフルカスタムで - Typography や Shapes は拡張関数を増やす⽅針
7. 2024年1-2⽉にやったこと ⼀覧画⾯の⼀部移⾏ - もう少し複雑な画⾯（アクセス少なめ）で移⾏してみる - Tab + Pager + LazyColumn構成の画⾯など
8. 2024年1-2⽉にやったこと Composableカスタマイズ - Composableを組み合わせてUIを作る - カスタムDialog、リンク‧画像付きテキストなど
9. 2024年3⽉にやったこと 画⾯単位から、コンポーネント単位で作成する ⽅針にシフト - マージコンフリクトを避ける - 無⽤なdiffを増やさない - メンバー参⼊時に共有しやすいように
10. 2024年4-5⽉にやったこと 新規画⾯をJetpackComposeで実装 - ⼀部タブ切り替えの新規FragmentをJetpackComposeで - 完全新規画⾯ではAndroidViewでの実装を試した
11. 2024年4-5⽉にやったこと コンポーネント単位の実装が70%完了 - スプレッドシートで進捗管理 - PRではできる限りコメントを書いてメンバーに知⾒共有
12. 2024年6-7⽉にやったこと NavigationComposeの⼀部導⼊ - 公式の実装を参考に試した（拡張関数を作る） - TypeSafe対応はStable版への反映待ち
13. 2024年6-7⽉にやったこと 画像ライブラリCoilの導⼊ - KotlinファーストでJetpackComposeでも使いやすい - glideからの移⾏は簡単だった
14. 2024年8⽉にやっていること アクセスが多い画⾯の移⾏ - 現⾏の実装だと悩みのある画⾯の改善
15. 2024年8⽉にやっていること パフォーマンス計測の準備 - Macrobenchmarkの導⼊とテスト作成
16. 2024年8⽉にやっていること コンポーネント、もうすぐ90%実装完了 - ⼀覧のRowコンポーネントが数件残っている
17. ふりかえり：やってよかったこと Good!! コンポーネント単位で実装のほうが楽だった - コンポーネントごとにファイルを分けたので管理が楽 - フルカスタムのカラーシステムなので修正が楽 - UIパーツのComposeMultiplatform化を試しやすかった
18. ふりかえり：やれたらよかったこと Bad... パフォーマンス計測できていない - 元々⽂化がなさそうなので整備が必要 - 移⾏前後での計測、実装のチューニングなど
19. 皆さんはどんな進め⽅をした or していますか？ 移⾏の話に限らず、 JetpackComposeの話ができたら嬉しいです （Androidの話はなんでも嬉しいです）
20. おわり アプリエンジニア募集してます！