【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