【Kotlin】Compose Multiplatform 1

**デフォルトの名無しさん** · 2024/06/20(木) 23:47:17.52

iOS、Android、デスクトップ、Webに対応したUIフレームワークで手軽にアプリを作りましょう！

・各種プラットフォーム間でコードを共有可能
・宣言型UIによる最大100%のコードベース
・Kotlin Multiplatform (KMP) & Jetpack Composeベース

**デフォルトの名無しさん** · 2024/06/20(木) 23:47:44.97

公式
https://www.jetbrains.com/ja-jp/lp/compose-multiplatform/

**デフォルトの名無しさん** · 2024/06/20(木) 23:57:21.20

KMP対応Composeライブラリ一覧
ttps://github.com/terrakok/kmp-awesome

**デフォルトの名無しさん** · 2024/06/21(金) 04:25:54.59

これってなんなの？GUI部分しか作れないの？

**デフォルトの名無しさん** · 2024/06/21(金) 06:37:17.02

ビジネスロジック、GUIともにKotlinでコードを書けるよ

**デフォルトの名無しさん** · 2024/06/21(金) 07:04:42.89

Kotlinは書いてて楽しいからすき

**デフォルトの名無しさん** · 2024/06/21(金) 07:21:00.38

Jetpack Composeやってるけど特に状態まわりでFlutterより書きやすい

**デフォルトの名無しさん** · 2024/06/21(金) 07:34:20.22

お、ついにComposeのスレが立ったか！
みんなKotlinのComposeやろうぜ！！

**デフォルトの名無しさん** · 2024/06/21(金) 07:53:39.59

うおおおやるか

**デフォルトの名無しさん** · 2024/06/24(月) 02:08:16.72

Kotlin Fest 2024のメモまとめ
ttps://qiita.com/FalconFlat/items/7f802d95d6e1a686fb96

**デフォルトの名無しさん** · 2024/06/29(土) 11:04:50.57

久しぶりに調べたけど
DataStore,RoomやLifeCycleやViewModelもKMPいけるのか?
NavigationもJetbrainsから出るの?

そろそろ感じやな

**デフォルトの名無しさん** · 2024/06/29(土) 21:55:39.44

SQLiteに関してはSQLDelightはちょっと使いにくいと感じてたからRoomのKMP対応は素直に嬉しい
あと最新SQLite3.46.0バイナリを同梱したドライバを泥のRoomで使えるようになったからON CONFLICTとかを書けるようになって便利

**デフォルトの名無しさん** · 2024/06/30(日) 11:47:30.99

クライアントアプリのORMはRoomみたく
FlowみたくDBをwatchする機能ないとつらいよな
たいていリアクティブにつくってるからな
つか、最新のしたら大量アイテムのリストのスクロール
かなり速くなってるけど
デバッグ時はクソ重くてつらい
プロファイルリリースだと速いが

**デフォルトの名無しさん** · 2024/06/30(日) 12:16:20.73

ナビゲーションをまじめにやろうとしてるけど
どすればいいんだ?
Androidの場合、Activityと便利なサブコンポーネントFragment
でそろぞれ、バックスタックがあって作りやすいけど
Flutterの場合もナビゲーションをネストすれば画面とそのFragmentに
あたるWidgetそれぞれでバックスタックあってナビゲーヨンできるけど

**デフォルトの名無しさん** · 2024/06/30(日) 12:38:20.77

Androidの場合、ViewModelをActivityやFragmentにそれぞれ結びつけることで
UIの状態の管理が楽だったけど同じようにやりたい

まずActivityに相当するコンポーザブルにそれぞれViewModel結び付けて
さらにFragmentに相当するコンポーザブルにもそれぞれViewModel結び付けて
管理したい

でも例えば
https://zenn.dev/joo_hashi/books/f646fb076f58dc/viewer/42fdf7
だと、1Activity内で画面切り替えてるだけだからViewModelのスコープが望ましくない

**デフォルトの名無しさん** · 2024/06/30(日) 13:17:38.17

androidx.lifecycle.viewmodel.composeのviewModel()を使えばコンポーザブルの中でViewModelを宣言できるようになる

**デフォルトの名無しさん** · 2024/06/30(日) 13:32:40.23

コンポーザブルの中で画面ごとにViewModelを宣言しちゃうなんてライフライクル管理は大丈夫なの？っていう疑問はあると思うけど、ちゃんと
androidx.navigation:navigation-compose
がきっちり解決してくれてる

蛇足だけど内部実装ロジックについては
「navigation-compose は ViewModel のライフサイクルをどう管理しているのか」
https://y-anz-m.blogspot.com/2021/08/navigation-compose-viewmodel.html
の解説記事が参考になる

**デフォルトの名無しさん** · 2024/06/30(日) 13:33:32.26

つか、そもそもなぜAAC ViewModelを使いたいのかというと画面回転などの構成変更
でもUIの状態を保持できるからなんだけどそれは基本従来のViewベースのときに
Activityを再作成するからだよね

Jetpack Composeベースの時は基本、画面回転でもActivity再作成しないから
別にViewModel使う必要ねぇのか..
壮大な勘違いをしていたかも

**デフォルトの名無しさん** · 2024/06/30(日) 13:35:59.53

>>17
解説記事読んでみます

**デフォルトの名無しさん** · 2024/06/30(日) 13:36:45.55

>>18
画面回転したら再生成されちゃう
rememberSaveable使えばいけるけど面倒くさいから結局ViewModel使うかってなる

**デフォルトの名無しさん** · 2024/06/30(日) 13:44:53.22

>LocalViewModelStoreOwner には MainActivity ではなく NavBackStackEntry が入っていることがわかりました。

あぁ、なるほど
navigation-compose使うとViewModelがMainActivityではなくNavBackStackEntryに紐づくのではないのですね
大変参考になりました

**デフォルトの名無しさん** · 2024/06/30(日) 13:49:03.15

>>20
ごめんなさい。間違ってました。
今、新規の空のCompose Empty Activity作ってマニュフェストのActivityの設定みたら
android:configChangesに何も設定されていませんでしたね
てっきり、ここにorientationとか設定されているのかと思いました

**デフォルトの名無しさん** · 2024/06/30(日) 14:27:03.12

>NavBackStackEntryに紐づくのではないのですね
NavBackStackEntryに紐づくのですね

**デフォルトの名無しさん** · 2024/07/05(金) 10:54:08.96

Room絡みのKMP対応が進んでるけど
それにあわせてSqlDriver?
これでBundledDriverみたいなのあるけど
これってKMPじゃなくて普通のAndroidプロジェクトでも使えるのかな?

普通のAndroidプロジェクトでも最新のSqlite使いたい

**デフォルトの名無しさん** · 2024/07/05(金) 14:41:50.48

>>24
使えるで
ttps://qiita.com/yuya2011/items/c3baea9a2fc4a6fce970
この記事はRoomでBundledSQLiteDriverしてUPSERT使っててGitHubに泥アプリのサンプルあげてるみたい

**デフォルトの名無しさん** · 2024/07/05(金) 20:29:17.42

>>25
おお、ありがとう
そのついでにBundled版だけでいいからSqliteのウンコ実装も治ってくれると
いいんだが
巨大なBlob挿入するとBlobTooBigExceptionみたいな例外でたり(2MBまで?)
CursorWindowとか勝手に内部でページングしてひどいことしてる
ほんとうにひどい実装になってるからな

これはandroidのプロセス間通信の制限かなんかでなってるのかしらんが

**デフォルトの名無しさん** · 2024/07/08(月) 20:01:44.64

Model層ではFlow使って、ViewModelではStateを使ってるけど
ViewModelのStateとFlowを合成したいんだけどStateってどうやってListenするの?
もしくはStateをFlowに変換できませんか?
class ViewModel {
　var state by mutableStateOf()
　fun watch() {
　　// stateの変化をリッスンしてモデル層のFlowと合成してcollectしたい
　}
最初からStateFlowを使えばいいのかもしれんが、なるべくViewModelではStateで統一したい

**デフォルトの名無しさん** · 2024/07/08(月) 20:22:25.79

つか、ちょっと気になった
class HogeViewModel {
　@set:JvmName("privateSetHogeState")
　var hogeState by mutableStateOf
　　private set //

　fun setHogeState(newValue)
　　// validationなどのロジック
　　hogeState = newValue
　}
}
名前がぶつかるんだな..
ということでアノテーションつけたけど
これJvm依存か?

**デフォルトの名無しさん** · 2024/09/23(月) 22:23:25.10

derivedStateOfに関する記事、オーバーヘッドが大きいことなど書かれてて興味深い

How derivedStateOf works: a deep d(er)ive
https://blog.zachklipp.com/how-derivedstateof-works-a-deep-d-er-ive/

**デフォルトの名無しさん** · 2024/09/25(水) 22:51:12.35

Composeの動画みるとクリーンアーキテクチャばかりつかってるけど
クリーンアーキテクチャがそんなおすすめなの？

**デフォルトの名無しさん** · 2024/09/26(木) 11:43:08.40

>>30
クリーンアーキテクチャは
・テストしやすい
・認知されていて誰が見てもわかりやすい
からチーム開発のプロジェクトで人気のアーキテクチャだね
ComposeならクリーンアーキテクチャのMVVMが主流、最近はMVVMのViewModelをPresenterに置き換えたMVPも注目されてる
参考
・クリーンアーキテクチャMVVMのアプリ
https://github.com/DroidKaigi/conference-app-2023
・クリーンアーキテクチャMVPのアプリ
https://github.com/DroidKaigi/conference-app-2024

**デフォルトの名無しさん** · 2024/09/26(木) 21:37:18.69

https://qiita.com/Nabe1216/items/3c321eb04dc396f1579d
ほう

**デフォルトの名無しさん** · 2024/09/26(木) 22:10:51.19

>>32
いい感じね

**デフォルトの名無しさん** · 2024/10/16(水) 20:52:08.67

CMP 1.7.0きたね

**デフォルトの名無しさん** · 2024/10/18(金) 22:21:01.68

デスクトップのドラッグアンドドロップできるようになるのか

**デフォルトの名無しさん** · 2024/10/19(土) 09:36:06.80

デスクトップ向け配布ってどうなるのこれ
Javaが必要なんだろ
巨大でいいから.netみたく1パッケージでできるのかな

**デフォルトの名無しさん** · 2024/10/19(土) 10:43:52.14

デスクトップアプリなら、
CMPで用意されてるgradleコマンドのpackageDistributionForCurrentOS、
あるいはJava標準のjpackageでいけるで
ちゃんとJavaランタイムを同梱した実行可能形式でビルドしてくれる

**デフォルトの名無しさん** · 2024/10/19(土) 11:00:27.57

できるのか
ありがとう
デスクトップアプリを作りたいんだがずっと漂流してて
Flutterはマルチウインドウがまだだし、キーボードフォーカスとか微妙というか変というか
その点Composeの方が新しいからもっと微妙かもしれんけど

**デフォルトの名無しさん** · 2024/10/19(土) 13:33:04.37

>>38
Flutterのことはよく知らないけど、
ComposeのデスクトップはJavaのSwingの上にComposeをグラフィックする仕組みで動いてるから、
ウィンドウまわりはかなり安定してるよ

JavaのSwingはJavaで昔からよく使われてきたデスクトップアプリ向けフレームワークね

**デフォルトの名無しさん** · 2025/01/17(金) 22:39:39.55

これは期待

Support multiplatform BackHandler/PredictiveBackHandler. #1771
https://github.com/JetBrains/compose-multiplatform-core/pull/1771

**デフォルトの名無しさん** · 2025/01/25(土) 16:23:27.78

マルチプラットホームで予測型戻るジェスチャが使えるようになるんけ

**デフォルトの名無しさん** · 2025/02/14(金) 07:40:09.72

アルファ版きちゃー

compose multiplatform 1.8.0-alpha03

**デフォルトの名無しさん** · 2025/02/14(金) 07:40:45.00

>>42一応リンク
https://github.com/JetBrains/compose-multiplatform/releases/tag/v1.8.0-alpha03

**デフォルトの名無しさん** · 2025/02/14(金) 11:17:50.64

ロードマップからなんか遅れてるよな

**デフォルトの名無しさん** · 2025/02/14(金) 13:36:34.18

予測型戻るジェスチャ機能の追加されたバージョンが出たのか

**デフォルトの名無しさん** · 2025/02/21(金) 14:59:59.28

iOS向けで、
CMPにおいて戻るジェスチャーが標準でiOSネイティブライクな感じになるようだ
着々とiOSへの対応が公式側で進んでる

Implement iOS default NavHost transition animation close to native. #1861
https://github.com/JetBrains/compose-multiplatform-core/pull/1861

**デフォルトの名無しさん** · 2025/02/22(土) 09:43:36.74

CMPでホットリロードを可能にするツールを開発中とのこと
すばらしい

https://github.com/JetBrains/compose-hot-reload
https://github.com/JetBrains/compose-hot-reload/releases/tag/v1.0.0-dev-62

**デフォルトの名無しさん** · 2025/02/22(土) 10:26:57.78

超期待

**デフォルトの名無しさん** · 2025/02/22(土) 14:22:25.72

flutterはmacrosでズッコケたからな

**デフォルトの名無しさん** · 2025/04/26(土) 11:36:35.34

地味アップグレードきたな

**デフォルトの名無しさん** · 2025/07/01(火) 10:15:12.87

JetbrainsのCompose MultiplatformとAndroidX Jetpack Composeの統合がついに開始されたね
例えばJetpack Composeのruntimeは統合が完了してクロスプラットフォーム対応になった

**デフォルトの名無しさん** · 2025/07/01(火) 19:20:22.36

具体的に何するの?

**デフォルトの名無しさん** · 2025/07/01(火) 19:21:56.74

ごめん。例えばって書いてあったね。

**デフォルトの名無しさん** · 2025/08/08(金) 06:52:11.68

ComposeにRetainScopesっていうViewModelのライフサイクルを継承したremember関数が実装されるもよう

https://android-review.googlesource.com/c/platform/frameworks/support/+/3452915
`retain { }` API を追加
このCLは、Composeランタイムに`retain { ... }を追加します。
再コンポジションをまたいで値を保持するという点でRememberに似ていますが、保持された値はコンポジション階層の破棄と再作成後も保持できます。これにより、ViewModelやFragmentと同様のスコープが実現されます。

**デフォルトの名無しさん** · 2025/08/08(金) 11:21:09.01

これはQtの対抗馬になりうるの？　まだ発展段階だよね
これじゃなくてKotlin/nativeでGUI使うのに成功した人いる？

**デフォルトの名無しさん** · 2025/08/08(金) 19:12:05.27

QtはUIライブラリがショボいからな

**デフォルトの名無しさん** · 2025/08/13(水) 09:41:09.21

Kotlin/NativeでComposeのGUIを作製できる対象プラットフォームはいまのところiOSのみで先日安定版に到達した
ComposeのGUIの各プラットフォームでのKotlin/Nativeへの対応はiOSを除けばJVMベースで対応可能ということで後回しになっている

一応、ComposeのGUIを描画するSkiaのKotlinラッパーライブラリのskikoの各プラットフォームでのKotlin/Nativeへの対応はAndroidを除いて完了しているからComposeのGUIは脱JVMへの舵をきれる状態ではある

そのうえで、クロスプラットフォーム対応のGUIフレームワークはどれも一長一短なので、Qt、Compose、Flutter、ウェブ系など好みのものを使えば良い

ただしKotlinで開発するうえで直面していたIDEの選択肢が少ない問題はKotlin LSPのVSCode対応により解決する見込みである

**デフォルトの名無しさん** · 2025/08/13(水) 14:04:11.88

KMPはNativeで今のところ共有できないやろ?

Flutterなら例えば複数のOSで同じ共有ライブラリ使えるならFFI経由で共通に出きるけど

**デフォルトの名無しさん** · 2025/08/13(水) 14:34:25.64

>>58
JNIを経由すればよい
公式のSQLiteのKMP実装が参考になる
https://github.com/androidx/androidx/tree/androidx-main/sqlite/sqlite-bundled

**デフォルトの名無しさん** · 2025/08/13(水) 15:38:02.61

JNIってJVM環境でないiOSでつかえるのかね..

Flutterならandroidだとうがiosだろうが直接ネいティブの共有ライブラリ呼べるし楽

**デフォルトの名無しさん** · 2025/08/13(水) 15:44:50.61

もちろんそんなケース稀かもしれんが
dartならFFIで直接共有ライブラリ関数にバインドできて
c言語介さず呼べるし(osごとのライブラリ名ぐらいは調整して)

dartで最大の不満だった共有メモリマルチスレッドできないのも実験が進んでるっぽいし

**デフォルトの名無しさん** · 2025/08/13(水) 15:51:08.49

UIフレームワーク自体はComposeのほうがいいけど
デフォルトでstateクラスがあって、極力
状態の管理を外だしと徹底してる(例えばメニューの表示/非表示も自分で制御)

**デフォルトの名無しさん** · 2025/08/13(水) 15:58:07.01

>Kotlin/Nativeへの対応はAndroidを除いて完了しているからComposeのGUIは脱JVMへの舵をきれる状態ではある
ここは期待したいけど
そもそもandroidアプリはデフォルトがJVM環境だから脱しなくてもいいけど
デスクトップ向けでJVM要求されるのがうっとおしい