compose-hot-reload を試そうとした話

Transcript

1. compose-hot-reload を試そうとした話 関西モバイルアプリ研究会 A #8 @takuji31
2. 自己紹介 西林 拓志( にしばやし たくじ) Twitter/GitHub takuji31 株式会社 TRAILBLAZER (6/1~) Android (2009 〜) Kotlin (2014 〜) 1
3. Compose 使ってますか？ 2
4. Flutter 使ってますか？ 3
5. Flutter の利点でよく言われるのが 4
6. Hot Reload 5
7. Dart ファイルを書き換えて保存すると即反映 6
8. Compose でもできるようになったよ 7
9. JetBrains/compose-hot-reload 8
10. compose-hot-reload Compose Multiplatform 上で動作 Desktop target が必要 Kotlin 2.10.20 以上 9
11. セットアップ 10
12. build.gradle.kts plugins { kotlin("multiplatform") version "2.1.21" kotlin("plugin.compose") version "2.1.21" id("org.jetbrains.compose") id("org.jetbrains.compose.hot-reload") version "1.0.0-alpha10" } 11
13. settings.gradle.kts plugins { id("org.gradle.toolchains.foojay-resolver-convention") version "0.10.0" } 12
14. 起動方法 13
15. IDE から Run 14
16. ./gradlew jvmRunHot --mainClass "MainClassName" 15
17. Desktop target が必要 16
18. → 試せるアプリがない 17
19. 仕方ないので新規プロジェクトを作る 18
20. IntelliJ IDEA に Kotlin Multiplatform プラグインを入 れる 19
24. 仕方ないので公式ドキュメントを眺める 23
25. App fun main() = application { Window( onCloseRequest = ::exitApplication, alwaysOnTop = true, title = "composedemo", ) { App() } } 24
26. Greeter Button(onClick = { showContent = !showContent }) { Column { Text(Greeting().greet()) } } 25
27. commonMain の Greeting.kt fun greet(): String { return "Hello!" } 26
28. # 27
29. https://www.jetbrains.com/help/kotlin- multiplatform-dev/compose-hot-reload.html 28
30. Thank you 29