KMP / CMP 詳細解説 + ライブデモ（技育 CAMP アカデミア - KMP/CMP 勉強会）

Transcript

1. STORES 株式会社 2025年7月30日(水) 技育 CAMP アカデミア Kotlin Multiplatform / Compose Multiplatform を活用した モバイルアプリ開発の最前線 KMP/CMP 詳細解説 + ライブデモ
2. • 渡邊 亮 / naberyo (@error96num) • STORES 株式会社 • Android エンジニア • キッチンディスプレイ開発で KMP/CMP 活用！ • 先週モロッコへ行ってきました 󰏽 2 自己紹介 2
3. KMP/CMP開発に必要なもの Xcode JDK Android Studio + KMP Plugin 3
4. 開発に必要なもの 4
5. プロジェクト作成 5
6. プロジェクト作成 6
7. プロジェクト作成 7
8. デモ1
9. Source sets androidMain : Android のアプリでしか使わないコード iosMain　　 : iOS のアプリでしか使わないコード commonMain : すべてのプラットフォームで共有されるコード 9
10. デモ2
11. 宣言的UI - UIを「何をしたいか」で記述 11
12. 宣言的UI - UIを「何をしたいか」で記述 12
13. 宣言的UI - UIを「何をしたいか」で記述 13
14. 宣言的UI - UIを「何をしたいか」で記述 14
15. デモ3
16. Source sets と expect/actual androidMain iosMain commonMain expect fun（プラットフォーム非依存のI/F） actual fun actual fun Android 固有の API iOS 固有の API 16 実装 実装 参照 参照
17. Source sets と expect/actual - VideoPlayerの例 androidMain iosMain commonMain expect fun VideoPlayer actual fun VideoPlayer actual fun VideoPlayer ExoPlayer AVPlayer 17 実装 実装 参照 参照
18. KMP/CMP を使えば プラットフォーム間でコードを共有しつつ expect / actual で柔軟に実装を切り分けられる 18
19. 参考文献 • Kotlin Multiplatform quickstart | Kotlin Multiplatform Documentation • Create your Compose Multiplatform app | Kotlin Multiplatform Documentation 19