常連

### 実現したいこと
androidのJetpackのライブラリ media3内のtransformerクラスを使い、media3が対応している動画を独自形式の動画に変換しようとしています。
独自形式ですのでエンコーダー用Codecと、そのCodecのインスタンスを生成するEncoderFactory自作の物です。
とりあえず実験として、エンコーダーに来た映像データをJPEG化しています。

### 発生している問題・分からないこと
どうやらTransformerのデコーダ内部で動いているMediaCodecが同期モードになっているようで、変換処理が重いとフレームドロップしますし、スレッドにわけまくると普通に胴切れを起こします。
Transformer内部で動いているデコーダーのMediaCodecを非同期モードで動かせれば良いはずなのですが、なにか手は無いでしょうか？



### 該当のソースコード

```Java Transformer起動部分
//Transformer起動部分
//変換先Codecがmp4になっていますが、ここは無視してください。関係無くなります。
		EditedMediaItem	srcItem ;
		MediaItem srcMediaItem = new MediaItem.Builder()
				.setUri(uri)
				.build() ;

		srcItem = new EditedMediaItem.Builder(srcMediaItem)
				.build() ;

		Codec.EncoderFactory encoderFactory = new mjpegEncoderFactory(this) ;

		Transformer transform = new Transformer.Builder(this)
				.setVideoMimeType(MimeTypes.VIDEO_H264)
				.setAudioMimeType(MimeTypes.AUDIO_AAC)
				.setEncoderFactory(encoderFactory)
				.addListener(new Transformer.Listener() {
					@Override
					public void onCompleted(Composition composition, ExportResult exportResult) {
						Log.i("mjpegMakeTransMainActivity:Transformer.Builder", "onCompleted") ;
						Transformer.Listener.super.onCompleted(composition, exportResult);
					}

					@Override
					public void onError(Composition composition, ExportResult exportResult, ExportException exportException) {
						Log.i("mjpegMakeTransMainActivity:Transformer.Builder", "onError") ;
						Transformer.Listener.super.onError(composition, exportResult, exportException);
					}

					@Override
					public void onFallbackApplied(Composition composition, TransformationRequest originalTransformationRequest, TransformationRequest fallbackTransformationRequest) {
						Log.i("mjpegMakeTransMainActivity:Transformer.Builder", "onFallbackApplied") ;
						Transformer.Listener.super.onFallbackApplied(composition, originalTransformationRequest, fallbackTransformationRequest);
					}
				})
				.build() ;

		File file = getExternalFilesDir(null) ;

		transform.start(srcItem, file.getPath() + "/tmpout.mp4");

```

```Java Codecクラスとりあえず全部
// getOutputBufferで返すoutputBuffer は未設定です。ここは無視してください

package com.tmptest.jpegmaketest;

import static androidx.media3.common.Format.NO_VALUE;

import android.graphics.Bitmap;
import android.graphics.Canvas;
import android.graphics.ImageFormat;
import android.graphics.Rect;
import android.graphics.YuvImage;
import android.media.Image;
import android.media.ImageReader;
import android.media.MediaCodec;
import android.os.Environment;
import android.os.Handler;
import android.os.HandlerThread;
import android.os.Looper;
import android.util.Log;
import android.view.PixelCopy;
import android.view.Surface;
import android.widget.FrameLayout;

import androidx.annotation.Nullable;
import androidx.media3.common.Format;
import androidx.media3.common.MimeTypes;
import androidx.media3.common.util.UnstableApi;
import androidx.media3.decoder.DecoderInputBuffer;
import androidx.media3.transformer.Codec;
import androidx.media3.transformer.ExportException;

import java.io.File;
import java.io.FileNotFoundException;
import java.io.FileOutputStream;
import java.io.IOException;
import java.nio.ByteBuffer;

@UnstableApi
public class jpegMakeCodec implements Codec {
	MainActivity activity ;
	Format	configurationFormat ;
	Format	outputFormat ;
	Surface		inputSurface ;
	ByteBuffer	outputBuffer ;
	MediaCodec.BufferInfo	outputBufferInfo ;
	ImageReader		iReader ;
	HandlerThread	outputThread ;
	HandlerThread	fileSaveThread ;
	Rect copyRect ;
	Bitmap drawBase ;
	int			frameNo ;
	int no ;

	public jpegMakeCodec(MainActivity useAct, Format configurationBaseFormat) {
		activity = useAct ;

		configurationFormat = configurationBaseFormat ;

		outputFormat = configurationFormat.buildUpon()
				.build() ;

		iReader = ImageReader.newInstance(configurationBaseFormat.width, configurationFormat.height, ImageFormat.YUY2, 1) ;
		inputSurface = iReader.getSurface() ;

		outputBuffer = ByteBuffer.allocate(outputFormat.width*outputFormat.height*4*2) ;
		outputBufferInfo = new MediaCodec.BufferInfo() ;
		outputBufferInfo.set(0, outputBuffer.remaining(), 0, 0);

		outputThread = new HandlerThread("OutputThread") ;
		outputThread.start() ;

		fileSaveThread = new HandlerThread("FileSave") ;
		fileSaveThread.start() ;

		copyRect = new Rect(0, 0, configurationFormat.width, configurationFormat.height) ;
		drawBase = Bitmap.createBitmap(configurationFormat.width, configurationFormat.height, Bitmap.Config.ARGB_8888) ;

		no = 0 ;
		frameNo = 0 ;
	}

	@Override
	public Format getConfigurationFormat() {
		return configurationFormat;
	}

	@Override
	public String getName() {
		return "testEncoder";
	}

	@Override
	public Surface getInputSurface() {
		return inputSurface;
	}

	@Override
	public boolean maybeDequeueInputBuffer(DecoderInputBuffer inputBuffer) throws ExportException {
		return false;
	}

	@Override
	public void queueInputBuffer(DecoderInputBuffer inputBuffer) throws ExportException {

	}

	@Override
	public void signalEndOfInputStream() throws ExportException {

	}

	@Override
	public Format getInputFormat() throws ExportException {
		return configurationFormat;
	}

	@Nullable
	@Override
	public Format getOutputFormat() throws ExportException {
		return outputFormat;
	}

	@Nullable
	@Override
	public ByteBuffer getOutputBuffer() throws ExportException {
		{
			PixelCopy.request(inputSurface, copyRect, drawBase, (int result) -> {
				if (result != PixelCopy.SUCCESS) {
					return;
				}
				Handler handle = new Handler(fileSaveThread.getLooper()) ;
				handle.post(new Runnable() {
					@Override
					public void run() {
						try {
							File file = activity.getExternalFilesDir(null) ;
							FileOutputStream tmpOut ;
							try {
								tmpOut = new FileOutputStream(file.getAbsolutePath()+String.format("/tmp%03d.jpg", no)) ;
								drawBase.compress(Bitmap.CompressFormat.JPEG, 100, tmpOut) ;
								tmpOut.close();
								no ++ ;
								frameNo ++ ;
							} catch(FileNotFoundException e) {
								throw new RuntimeException(e);
							} catch(IOException e) {
								throw new RuntimeException(e);
							}
						} catch (Exception e) {
						}
					}
				}) ;
			}, new Handler(Looper.getMainLooper()));

//			int [] pixels = new int[1920*1080] ;
//			drawBase.getPixels(pixels, 0, 0, 0, 0, 1920, 1080);
//			if(pixels != null) {

//			}
		}

		ByteBuffer returnValue = outputBuffer ;
		outputBuffer = null ;
		return returnValue;
	}

	@Nullable
	@Override
	public MediaCodec.BufferInfo getOutputBufferInfo() throws ExportException {
		MediaCodec.BufferInfo returnInfo = outputBufferInfo ;
		long sampleTime = (long)((1000 / configurationFormat.frameRate) * frameNo) ;

		outputBufferInfo.set(0, outputBufferInfo.size, sampleTime, 0);
		return returnInfo;
	}

	@Override
	public void releaseOutputBuffer(boolean render) throws ExportException {
		outputBuffer = ByteBuffer.allocate(outputFormat.width*outputFormat.height*4*2) ;
	}

	@Override
	public void releaseOutputBuffer(long renderPresentationTimeUs) throws ExportException {
		outputBuffer = ByteBuffer.allocate(outputFormat.width*outputFormat.height*4*2) ;
	}

	@Override
	public boolean isEnded() {
		return false;
	}

	@Override
	public void release() {

	}
}

```

### 試したこと・調べたこと
- [x] teratailやGoogle等で検索した
- [x] ソースコードを自分なりに変更した
- [ ] 知人に聞いた
- [ ] その他

##### 上記の詳細・結果
PixelCopyの実行スレッドをoutputThreadにすると胴切れします。
メインスレッドでやると胴切れしませんがフレームドロップします。

### 補足
特になし

androidx.media3.transformerでの動画変換で、独自のEncoderFactoryを実装した時に、MediaCodecを非同期モードで動かしたい

### 実現したいこと
マルチプラットフォームアプリを作成する際に関数型UIというXMLとは違う方法でUIを作ると思いますが、従来の方法と異なっており良いやり方がわからずにいます。
自分はkotlinのjetpackを使用していますが、flutter/dartに影響を受けているようなので、一般的な考え方で大丈夫なのでよい方法があれば教えていただきたいと思っています。
Reactなどもバインディングを扱うと思いますが、それらの開発経験がないので助言をいただけると幸いです。

### 考え方について
オブジェクト指向と関数型プログラミング双方とも完璧にできるわけではないのと、
従来のネイティブアプリやHTMLではnameのようなidが各入力要素に紐づけられておりそこから値をとるという方式をとっていて、私はこれにもメリットを感じていましたが、関数型UIは完全に入力要素とレイアウト要素が埋め込まれており更新ロジックをUI側に書かなければならない状態にある種困惑しています。(入力要素って関数じゃなくてオブジェクトじゃないの。。。と)
ただ、関数型のメリットとしてもわかっているつもりで、引数に取った値から常に同じ状況を再現できるということでこの長所を生かした設計にしたいです。(例えば状態をログに書き込み再現しやすくするなど)
また、レイアウトと入力要素を分離するのが当面の目標になっています。

### 前提
まず、初めに入力要素を定義し従来のnameのようなアクセス方法に近いやり方でやりたいと思いまして、下記のようなコードを作りました。

ベースクラス
```kt
// 共通のベースクラス
open class InputState {

    private var _inputValue = mutableStateOf("")
    val inputValue: State<String> = _inputValue

    // 値を更新する共通のメソッド
    open fun updateInputValue(value: String) {
        _inputValue.value = value
    }
}
```

入力要素の紐づけ
```kt
// バリデーションが必要であれば継承とインタフェースを用いて拡張してください
class LoginIdState : InputState() {
    // ここに特別なロジックが必要な場合は追加できますが、現状はそのままです
}

// 引数の型を強要する
@Composable
fun LoginIdTextField(state: LoginIdState ) {
    Column(modifier = Modifier.padding(16.dp)) {
        TextField(
            value = state.inputValue.value,
            onValueChange = { state.updateInputValue(it) },
            label = { Text("Login ID") }
        )
    }
}

class LoginPasswordState : InputState() {
}

@Composable
fun PasswordTextField(state: LoginPasswordState) {
    Column(modifier = Modifier.padding(16.dp)) {
        TextField(
            value = state.inputValue.value,
            onValueChange = { state.updateInputValue(it) },
            label = { Text("Password") },
            visualTransformation = PasswordVisualTransformation()  // パスワードを隠す
        )
    }
}
```

uiのパーツとしては一旦としてログイン画面として、ログインIDとログインパスワードがあると仮定しています。
また質問にさしあたりコメントにて拡張方法を補足しています。

それぞれのパーツは様々な画面で様々な方法で扱われると思うので、画面事にグループ化し管理しやすくしたいと思っており、最終的には以下のような構成要素を定義しています。

そのほかの構成要素

グループ化
```kt
// TODO: この画面特有の処理を実装する
// info: あるパーツが別の画面で意味としては同じでも機能としては違うケースを考慮してください
class Screen1State(){
    val loginIdState = LoginIdState()
    val loginPasswordTextField = LoginPasswordState()
}
```

UI
```kt
@Composable
fun TestScreen1(
    screenState: Screen1State = viewModel<MyViewModel>().screen1State
) {
    Column(modifier = Modifier.padding(16.dp)) {
        LoginIdTextField(screenState.loginIdState)
        PasswordTextField(screenState.loginPasswordTextField)
    }
}
```

ViewModel
```kt
class MyViewModel : ViewModel() {
    val screen1State = Screen1State()
}
```

### 発生している問題
単刀直入に言って、皆さまはこの関数型UIという制約の中でどのように開発を進めているのでしょうか？
また、私のやり方だと致命的な弱点があったりしますか？
パフォーマンスの影響や拡張性の観点から言って、どのようにコーディングしていくのが正しいのでしょうか。

また、具体的な質問としてもう一つ
これらのUI要素は
TestScreen1とあるように実際にはUIとクラスの紐づけだけをして
別のスクリーンで定義されているであろうレイアウトに単に埋め込む方法として使いたいです。
その場合、コンポーザブルな要素(TestScreen1)はmapなどを返すようにするしかないのでしょうか？

また、各要素は
UIの拡張性などを考えるとそれぞれの具体的な実装は書かずにカリー化すべきなのでしょうか？
(オブジェクト指向の考えに強く引っ張られている。。。)

カリー化の例
```kt
// 引数の型を強要する
@Composable
fun LoginIdTextField(
    state: LoginIdState
): @Composable (callback:  @Composable (LoginIdState) -> Unit) -> Unit {

    return { callback ->
        callback(state) 
    }
}

@Composable
fun TestScreen1(
    screenState: Screen1State = viewModel<MyViewModel>().screen1State
) {

    val loginIdTextField = LoginIdTextField(screenState.loginIdState)

    Column(modifier = Modifier.padding(16.dp)) {
        loginIdTextField{ state ->
            // 分けたことで柔軟にパディング調整などをできる
            Column(modifier = Modifier.padding(16.dp)) {
                TextField(
                    value = state.inputValue.value,
                    onValueChange = { state.updateInputValue(it) },
                    label = { Text("Login ID") },
                )
            }
        }
    }
}

```

すみません。それともう一つなのですが、
Stateの公開方法についても皆様がどうしているのかを伺いたいです。
現状のソース例であれば先に挙げたようにしてあり、カプセル化の観点からmutableStateofが別のstateに指し変わっても公開可能なようにStatenにしていますが、正直に言うとmutableState一択で問題ないのではないかと思っています。

```kt
// 共通のベースクラス
open class InputState {

    private var inputValue by mutableStateOf("")
        private set

    // 値を更新する共通のメソッド
    open fun updateInputValue(value: String) {
        inputValue = value
    }
}
```

最終的にはInputState以外にもCheckBoxStateやButtonState(Command?Action?)も適宜追加する必要はあると思っています。


### 試したこと
時間をかけて解決することもありますので、かれこれずっと考えています。(調べてもピンとくるものが正直ない気がします。。。)
その中でファイルごとにパーツを管理してクラス定義とUI要素をその中に固めて書いて、バリデーションように継承したクラスなどをそこに記述していけば整理がつくのでは？という発想が出てきたのでこれが問題なさそうか知識の共有をしたいと思い至りました。

### 補足情報（FW/ツールのバージョンなど）

Kotlin 
jetpack compose for multplatform

# 最後に質問を整理します

1. 今までのXMLやHTML、ネイティブアプリではnameのような一つの要素に紐づいたキーワードを使って、値の取得やセットを行っていました。ボタンであればクリックイベントの処理などもそこで行っていました。そのような感覚に近いやり方として、皆さまはどのように開発しているのでしょうか。

2. 各入力要素は変数との紐づけをする処理と、レイアウトに埋め込む処理の二つのことをしなければなりません。これらを分離する方法はあるのでしょうか。mapを使うのであれば、直接レイアウトに埋め込むほうがマシだと思っています。

3. UIの各要素をパーツ化すると、TextFieldのようなコンポーザブル関数が自由に引数をとれるとしてもそこにアクセスする手段がありません。これはカリー化などで状態を変更できるようにすべきなのでしょうか。(オブジェクトの考えに引っ張られているのでよくなさそう)

4. 入力の管理に使うStateに関して、StateやMutableStateの基本挙動とベストな設計が正直にいうとよくわかりません。いったんはStateとして公開しておいたほうが安全そうではありますが、これは本当に必要なのでしょうか。皆さんはどうしているのでしょうか。


質問が複雑になっており大変申し訳ございませんが、情報交換お力添えいただけると幸いです。
内容が不足していましたら、追記等致しますのでよろしくお願いいたします。

---
情報の追記

junerさんよりコメントをいただきました。
以下、ツールの詳細に記載した内容の補足及びやり取りとなります

> 関数型UI はどこ由来の用語でしょうか……？

すみません。コメント意図が今分かりました。用語の由来というか、要は私の開発体制が何から発せられているのかという話を聞きたいという意図ですね。
以下にルーツとなるリンクを貼ります。

Androidデベロッパー
(最も役に立たない、今回コメント返信に差し当たり参照)
https://developer.android.com/kotlin/multiplatform?hl=ja

Jet Brains ブログ
(次に役に立たない、今回コメント返信に差し当たり参照)
https://blog.jetbrains.com/ja/kotlin/2023/11/kotlin-multiplatform-stable/

Compose For Multiplatform
(最も有益だが、Web上のコミュニティの動向(ナレッジシェア)が追えない)
https://www.jetbrains.com/ja-jp/compose-multiplatform/

もっと詳細
https://www.jetbrains.com/help/kotlin-multiplatform-dev/compose-multiplatform-explore-composables.html


宣言的UIの入力要素の考え方について知りたい

### 実現したいこと
Basic認証のWebViewの実装

### 発生している問題・分からないこと
lodaUrlが使用できず、エラーとなる。
WebView4だと使えないのかと思っているが、変更方法がわからない。

### エラーメッセージ
```error
Launching lib/main.dart on sdk gphone64 arm64 in debug mode...
lib/main.dart:56:17: Error: The method 'lodaUrl' isn't defined for the class 'WebViewController'.
 - 'WebViewController' is from 'package:webview_flutter/src/webview_controller.dart' ('../../../.pub-cache/hosted/pub.dev/webview_flutter-4.8.0/lib/src/webview_controller.dart').
Try correcting the name to the name of an existing method, or defining a method named 'lodaUrl'.
    _controller.lodaUrl(
                ^^^^^^^
Target kernel_snapshot_program failed: Exception
2

```

### 該当のソースコード

```Flutter
import 'dart:convert';
import 'package:flutter/material.dart';
import 'package:webview_flutter/webview_flutter.dart';

void main() {
  runApp(
    const MaterialApp(
      home: WebViewApp(),
    ),
  );
}

class WebViewApp extends StatefulWidget {
  const WebViewApp({Key? key}) : super(key: key);

  @override
  State<WebViewApp> createState() => _WebViewAppState();
}

class _WebViewAppState extends State<WebViewApp> {
  late final WebViewController _controller;

  @override
  void initState() {
    super.initState();

    // WebViewControllerの初期化と設定
    _controller = WebViewController()
      ..setJavaScriptMode(JavaScriptMode.unrestricted) // JavaScriptの実行を許可
      ..setNavigationDelegate(
        NavigationDelegate(
          onPageStarted: (String url) {
            print('Page loading: $url');
          },
          onPageFinished: (String url) {
            print('Page loaded: $url');
          },
          onWebResourceError: (WebResourceError error) {
            print('Error: ${error.description}');
          },
        ),
      );

    _loadBasicAuthPage(); // Basic認証ページを読み込む
  }

  void _loadBasicAuthPage() {
    const String username = '***';
    const String password = '***';
    const String url = 'https://stg.*******/';

    // Basic認証情報をBase64でエンコード
    String basicAuth = 'Basic ' + base64Encode(utf8.encode('$username:$password'));

    // 認証情報付きでページをロード
    _controller.lodaUrl( ←ここでエラーが起きている。
      url,
      headers: <String, String>{
        'Authorization': basicAuth,
      },
    );
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: const Text('Flutter WebView with Basic Auth'),
      ),
      body: WebViewWidget(controller: _controller), // WebViewを表示
    );
  }
}

```

### 試したこと・調べたこと
- [ ] teratailやGoogle等で検索した
- [x] ソースコードを自分なりに変更した
- [ ] 知人に聞いた
- [ ] その他

##### 上記の詳細・結果
色々と調べたが情報が少なく解決できなかった。

### 補足
Flutterを使用したのは今回が初めてで、WebViewの実装だけした形です。


Flutterを使用した、Basic認証のWebViewの実装が上手くいかない。

### 実現したいこと
先日、アラームアプリを制作し始めました。

アラーム時間を設定する画面で、保存ボタンを押すとホーム画面に遷移して、カードで表示させたいと考えています。そのために、MutableStateFlowを使用して、HomeScreen.ktにカードデータを表示させたいです。

### 発生している問題・分からないこと
HomeScreenで値が取れません。実行されません。
ログはこちらです。

```Log
2024-02-20 12:22:21.725  5815-5838  EGL_emulation           com.example.alarm_clock_kotlin       D  app_time_stats: avg=1842.82ms min=1842.82ms max=1842.82ms count=1
2024-02-20 12:22:21.761  5815-5827  rm_clock_kotlin         com.example.alarm_clock_kotlin       W  Cleared Reference was only reachable from finalizer (only reported once)
2024-02-20 12:22:21.815  5815-5815  AlarmViewModel          com.example.alarm_clock_kotlin       D  addCard: カード追加後のリストサイズ: 1
2024-02-20 12:22:21.815  5815-5815  AlarmViewModel          com.example.alarm_clock_kotlin       D  addCard: カード追加: [CardData(id=993fb05f-26cc-43ea-84d7-afd3c22eb63e, isParent=true, childId=null, alarmTime=12:22, switchValue=false)]
2024-02-20 12:22:21.815  5815-5815  AlarmViewModel          com.example.alarm_clock_kotlin       D  addCard: newListはこちら: [CardData(id=993fb05f-26cc-43ea-84d7-afd3c22eb63e, isParent=true, childId=null, alarmTime=12:22, switchValue=false)]
```




### 該当のソースコード

```MainActivity.kt
class MainActivity : AppCompatActivity() {
    @RequiresApi(Build.VERSION_CODES.O)
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContent {
            Alarm_clock_kotlinTheme {
                val navController = rememberNavController()
                NavHost(navController = navController, startDestination = "homeScreen") {
                    composable("homeScreen") { HomeScreen(navController) }
                    composable("alarmTimePicker") { AlarmTimePicker(navController) }
                }
            }
        }
    }
}
```

```AlarmViewModel.kt
class AlarmViewModel : ViewModel() {
    private val _cards = MutableStateFlow<List<CardData>>(emptyList())
    val cards = _cards.asStateFlow()

    companion object {
        const val TAG = "AlarmViewModel"
    }
    fun addCard(card: CardData) {
        viewModelScope.launch {
            val newList = _cards.value.toMutableList()
            newList.add(card)
            _cards.value = newList
            Log.d(TAG, "addCard: カード追加後のリストサイズ: ${_cards.value.size}")
            Log.d(TAG, "addCard: カード追加: ${_cards.value}")
            Log.d(TAG, "addCard: newListはこちら: ${newList}")
        }
    }

```

```AlarmSetScreen.kt
        Button(
            onClick = {
                val newCard = CardData(
                    id = UUID.randomUUID().toString(),
                    isParent = true,
                    childId = null,
                    alarmTime = time,
                    switchValue = false
                )
                viewModel.addCard(newCard)
//                navController.navigate("homeScreen")
            },
            modifier = Modifier
                .padding(16.dp)
                .height(60.dp)
                .fillMaxWidth(),
            colors = ButtonDefaults.buttonColors(backgroundColor = Color.Cyan),
        ) {
            Text(
                "セットする",
                style = TextStyle(
                    fontSize = 20.sp,
                    fontWeight = FontWeight.Bold
                )
            )
        }
```

```HomeScreen.kt
@RequiresApi(Build.VERSION_CODES.O)
@Composable
fun HomeScreen(navController: NavController, alarmViewModel: AlarmViewModel = viewModel()) {
    val cards = alarmViewModel.cards.collectAsState()
    Log.d(TAG, "受け取れてるかカード情報$cards")
    
    LazyColumn(
        modifier = Modifier
            .background(color = Color.Black)
            .fillMaxSize()
    ) {
        items(cards.value) { card ->
            Log.d(TAG, "きているのか$cards")
            AlarmCard(navController = navController, cardData = card, viewModel = alarmViewModel)
        }
    }

```

### 試したこと・調べたこと
- [x] teratailやGoogle等で検索した
- [x] ソースコードを自分なりに変更した
- [ ] 知人に聞いた
- [x] その他

##### 上記の詳細・結果
デバッグしてHomeScreenが実行されていないことを確認しました。
公式サイトや他の人のgithubのコードを見たりしましたが、解決しませんでした。


### 補足
Android Studio Giraffe | 2022.3.1 Patch 2
Kotlin version 1.9.255-SNAPSHOT (JRE 21.0.1)

compileSdk 34
minSdk 21
targetSdk 33


Jetpack ComposeでMutableStateFlowで値を渡してUI更新したい

ViewModelのことで質問させてください。該当箇所のソースを念のため載せさせて頂きます。長文で申し訳ありません
RequestDocumentsForm1Activity画面で次へボタンを押下すると、「Cannot create an instance of class」のエラーが出て画面が落ちてしまいます。

エラー全文は以下になります。
```
java.lang.RuntimeException: Cannot create an instance of class com.example.rworksample00025.RequestDocumentsViewModel
        at androidx.lifecycle.ViewModelProvider$AndroidViewModelFactory.create(ViewModelProvider.java:275)
        at androidx.lifecycle.SavedStateViewModelFactory.create(SavedStateViewModelFactory.java:112)
        at androidx.lifecycle.ViewModelProvider.get(ViewModelProvider.java:185)
        at androidx.lifecycle.ViewModelProvider.get(ViewModelProvider.java:150)
        at androidx.lifecycle.ViewModelLazy.getValue(ViewModelProvider.kt:54)
        at androidx.lifecycle.ViewModelLazy.getValue(ViewModelProvider.kt:41)
        at com.example.rworksample00025.RequestDocumentsForm1Activity$onCreate$1.onClick(RequestDocumentsForm1Activity.kt:34)
        at android.view.View.performClick(View.java:7448)
        at com.google.android.material.button.MaterialButton.performClick(MaterialButton.java:1119)
        at android.view.View.performClickInternal(View.java:7425)
        at android.view.View.access$3600(View.java:810)
        at android.view.View$PerformClick.run(View.java:28305)
        at android.os.Handler.handleCallback(Handler.java:938)
        at android.os.Handler.dispatchMessage(Handler.java:99)
        at android.os.Looper.loop(Looper.java:223)
        at android.app.ActivityThread.main(ActivityThread.java:7660)
        at java.lang.reflect.Method.invoke(Native Method)
        at com.android.internal.os.RuntimeInit$MethodAndArgsCaller.run(RuntimeInit.java:592)
        at com.android.internal.os.ZygoteInit.main(ZygoteInit.java:947)
     Caused by: java.lang.reflect.InvocationTargetException
        at java.lang.reflect.Constructor.newInstance0(Native Method)
        at java.lang.reflect.Constructor.newInstance(Constructor.java:343)
        at androidx.lifecycle.ViewModelProvider$AndroidViewModelFactory.create(ViewModelProvider.java:267)
        at androidx.lifecycle.SavedStateViewModelFactory.create(SavedStateViewModelFactory.java:112) 
        at androidx.lifecycle.ViewModelProvider.get(ViewModelProvider.java:185) 
        at androidx.lifecycle.ViewModelProvider.get(ViewModelProvider.java:150) 
        at androidx.lifecycle.ViewModelLazy.getValue(ViewModelProvider.kt:54) 
        at androidx.lifecycle.ViewModelLazy.getValue(ViewModelProvider.kt:41) 
        at com.example.rworksample00025.RequestDocumentsForm1Activity$onCreate$1.onClick(RequestDocumentsForm1Activity.kt:34) 
        at android.view.View.performClick(View.java:7448) 
        at com.google.android.material.button.MaterialButton.performClick(MaterialButton.java:1119) 
        at android.view.View.performClickInternal(View.java:7425) 
        at android.view.View.access$3600(View.java:810) 
        at android.view.View$PerformClick.run(View.java:28305) 
        at android.os.Handler.handleCallback(Handler.java:938) 
        at android.os.Handler.dispatchMessage(Handler.java:99) 
        at android.os.Looper.loop(Looper.java:223) 
        at android.app.ActivityThread.main(ActivityThread.java:7660) 
        at java.lang.reflect.Method.invoke(Native Method) 
        at com.android.internal.os.RuntimeInit$MethodAndArgsCaller.run(RuntimeInit.java:592) 
        at com.android.internal.os.ZygoteInit.main(ZygoteInit.java:947) 
     Caused by: java.lang.IllegalStateException: Cannot access database on the main thread since it may potentially lock the UI for a long period of time.
        at androidx.room.RoomDatabase.assertNotMainThread(RoomDatabase.java:267)
        at androidx.room.RoomDatabase.query(RoomDatabase.java:323)
        at androidx.room.util.DBUtil.query(DBUtil.java:83)
        at com.example.rworksample00025.RequestDocumentsPersonInfoDao_Impl.loadAllRequestDocumentsPersonInfo(RequestDocumentsPersonInfoDao_Impl.java:229)
        at com.example.rworksample00025.RequestDocumentsViewModel.<init>(RequestDocumentsViewModel.kt:19)
        at java.lang.reflect.Constructor.newInstance0(Native Method) 
        at java.lang.reflect.Constructor.newInstance(Constructor.java:343) 
        at androidx.lifecycle.ViewModelProvider$AndroidViewModelFactory.create(ViewModelProvider.java:267) 
        at androidx.lifecycle.SavedStateViewModelFactory.create(SavedStateViewModelFactory.java:112) 
        at androidx.lifecycle.ViewModelProvider.get(ViewModelProvider.java:185) 
        at androidx.lifecycle.ViewModelProvider.get(ViewModelProvider.java:150) 
        at androidx.lifecycle.ViewModelLazy.getValue(ViewModelProvider.kt:54) 
        at androidx.lifecycle.ViewModelLazy.getValue(ViewModelProvider.kt:41) 
        at com.example.rworksample00025.RequestDocumentsForm1Activity$onCreate$1.onClick(RequestDocumentsForm1Activity.kt:34) 
        at android.view.View.performClick(View.java:7448) 
        at (略)
```

全体のソースコード

ViewModelが以下です。
```kotlin
package com.example.rworksample00025

import android.app.Application
import androidx.lifecycle.AndroidViewModel
import androidx.lifecycle.ViewModel
import androidx.lifecycle.viewModelScope
import kotlinx.coroutines.Dispatchers
import kotlinx.coroutines.launch

class RequestDocumentsViewModel(application: Application): AndroidViewModel(application) {

    private val requestDocumentsPersonInfoDao: RequestDocumentsPersonInfoDao

    init {
        val db = RequestDocumentsPersonInfoDatabase.buildDatabase(application)
        requestDocumentsPersonInfoDao = db.requestDocumentsPersonInfoDao()
    }

    val personData = requestDocumentsPersonInfoDao.loadAllRequestDocumentsPersonInfo()
    val personDataAll = requestDocumentsPersonInfoDao.loadAllRequestDocumentsPersonInfoLiveData()

    fun insert(name: String, phoneticGuides: String, birthday: String, mailAddress: String, phoneNumber: String) {
        viewModelScope.launch(Dispatchers.IO) {
            requestDocumentsPersonInfoDao.saveRequestDocumentsPersonInfo(
                RequestDocumentsPersonInfo(
                    id = 0,
                    name = name,
                    phoneticGuides = phoneticGuides,
                    birthday = birthday,
                    mailAddress = mailAddress,
                    phoneNumber = phoneNumber,
                    zipStr = "",
                    prefecture = "",
                    city = "",
                    address = "",
                    disableCertifidate = "",
                    sendingMaterials = "",
                    remarks = ""
                )
            )
        }
    }

    (略)
}
```

ViewModelを呼び出している該当の箇所のActivityです。
```kotlin
package com.example.rworksample00025

import android.app.DatePickerDialog
import android.content.Intent
import androidx.appcompat.app.AppCompatActivity
import android.os.Bundle
import android.util.Log
import android.util.Patterns
import android.view.View
import android.widget.DatePicker
import android.widget.EditText
import android.widget.Toast
import androidx.activity.viewModels
import com.example.rworksample00025.databinding.ActivityRequestDocumentsForm1Binding
import java.util.*

class RequestDocumentsForm1Activity : AppCompatActivity(), DatePickerDialog.OnDateSetListener {

    private lateinit var binding: ActivityRequestDocumentsForm1Binding


    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        binding = ActivityRequestDocumentsForm1Binding.inflate(layoutInflater)
        setContentView(binding.root)

        val viewModel: RequestDocumentsViewModel by viewModels()

        binding.nextPageBtn.setOnClickListener (object: View.OnClickListener {
            override fun onClick(v: View?) {
                val check = validationCheck(binding.name, binding.mailAddress, binding.phoneNumber)
                if (check) {
                    viewModel.insert(binding.name.text.toString(), binding.phoneticGuides.text.toString(), binding.birthday.text.toString(), binding.mailAddress.text.toString(), binding.phoneNumber.text.toString())
                    val intent = Intent(this@RequestDocumentsForm1Activity, RequestDocumentsForm2Activity::class.java)
                    startActivity(intent)
                }
            }
        })


    }

    fun validationCheck(name: EditText, mail: EditText, phone: EditText) : Boolean {
        
        if (binding.name.text.toString().length == 0) {
            
            binding.name.requestFocus()
            
            Toast.makeText(applicationContext, "名前が未入力です。", Toast.LENGTH_SHORT).show()
            return false
        }

        if (binding.mailAddress.text.toString().length == 0 && !Patterns.EMAIL_ADDRESS.matcher(mail.text.toString()).matches()){
            binding.mailAddress.requestFocus()
            Toast.makeText(applicationContext, "メールアドレスが未入力または不正です。", Toast.LENGTH_SHORT).show()
            return false
        }

        if (binding.phoneNumber.text.toString().length == 0) {
            binding.phoneNumber.requestFocus()
            Toast.makeText(applicationContext, "電話番号が未入力です。", Toast.LENGTH_SHORT).show()
            return false
        }
        return true
    }
    (略)
```
**環境情報**
OS: Windows10
Android Studio 4.1.2
Kotlin 1.4.30
使用したライブラリ:
SQLCipher

ViewModel作成時に「java.lang.RuntimeException: Cannot create an instance of class 」のエラーになる

### わからないこと、回答してほしいこと
AndroidアプリをKotlinで開発する際、DB接続やIO処理のような一般的に重い処理は非同期で行うような設計思想になっていると思うのですが、仮にinsertが失敗したとか、DBにおいて重複禁止項目のバリデーションエラーに引っかかったなどは、どのようにユーザーに伝えるのが一般的なのかわからないのですが、
こういったアプリの基本的な処理についてのサンプル(入門)プログラムなどは公式から提供されていないのでしょうか？

# 補足、前提
(そもそもDBサーバーに接続に行くのがスマホからだと微妙でAPIサーバーを立てろみたいな意見もありそうですが、すでに利用しているソフトウェアについて、モバイル対応とかもあるとは思うので。。。)

## 関連してUIのトーストについて
以前自分は、トーストは非推奨で、スナックバーを利用すべきというのを見た記憶があり、今回質問の際に再検索してみたところ、以下の内容がヒットしました。
https://developer.android.com/reference/android/widget/Toast

内容からして私が以前確認した、トーストは非推奨というのは誤訳かなにかを確認しただけなのかなと思うのですが、特に理由なくトーストを利用してよいのでしょうか？

## 質問内容のおさらい
非同期処理の実行結果に対してUIに伝えるためのサンプルなどはあるでしょうか？
ユーザーエクスペリエンスのために、UIを思うように動かせないような処理(例えばポップアップによる選択)なども極力してはいけないという認識ですが、
サーバーとの処理はどのくらいかかるかわからず、画面遷移や応答の確認を待たず、即アプリを終了するなどのユーザー操作が考えられますが。

こういうアーキテクチャというか、スマホアプリの設計をする上で必須レベルの情報ってどこで参照すればよいのでしょう？

# お詫び
※話したいことが多すぎてまとまりがないと感じるかもしれませんが、これでも一つの議題に絞ってそれ以外の内容は省いているつもりです。
恐縮ですがよろしくお願いします。

AndroidアプリにおけるDB処理のインタラクティブな

### 実現したいこと
以下のすべてを解決、またはバランスよく実装したい。

1. 入力要素が3つ以上あるとき、状態管理用の変数が2重、3重、4重管理になることを防ぎたい(あるいはグループ化して管理したい)。
2. 入力要素のかくつきをなくしたい(あるいは抑えたい)

### 前提
KMP(Kotlin Multiplatform)を使用しています。
まずはWindows(デスクトップ向け)のUI要素を作成しているのですが、Android向けのjetpack composeの際に遭遇した問題に再び差し当たっています。
その際はxmlで回避できましたが、今回はUIフレームワークがCompose一択で困っています。

### 質問の内容を詳しく書いてください。

1の問題について
愚直にやるのであれば、以下のような状態になるかと思います。
```kotlin
@Composable
fun TestScreen() {
    val viewModel = remember { MyViewModel() }

    val nameState by viewModel.nameFlow.collectAsState()
    val emailState by viewModel.emailFlow.collectAsState()

    Column {
        Text(text = nameState)
        TextField(
            value = nameState,
            onValueChange = { newValue -> 
                viewModel.updateName(newValue) 
            }
        )

        TextField(
            value = emailState,
            onValueChange = { newValue -> 
                viewModel.updateEmail(newValue) 
            }
        )
    }
}

class MyViewModel {
    private val _nameFlow = MutableStateFlow("")
    val nameFlow: StateFlow<String> = _nameFlow.asStateFlow()

    private val _emailFlow = MutableStateFlow("")
    val emailFlow: StateFlow<String> = _emailFlow.asStateFlow()

    fun updateName(newName: String) {
        _nameFlow.value = newName
    }

    fun updateEmail(newEmail: String) {
        _emailFlow.value = newEmail
    }
}
```
この状態ですと、
```kotlin
    private val _nameFlow = MutableStateFlow("")
    val nameFlow: StateFlow<String> = _nameFlow.asStateFlow()
```
の様な部分に関してTextFieldが増えるたびにこの記述が1つ増え、さらには@Composable内での変数も追加しなければならず、今後、ロジックが増えるごとにそのロジックにも同じ記述が増えることを懸念しておりこれを可能な限り回避または共通化したいです。

2の問題について。
1の問題を回避するプラス、入力フォームのグループ化の意味合いを強めるためにDataClassを追加しMutableStateFlowでラップするとすると以下のようなコードになるかと思います。
```Kotlin

@Composable
fun TestScreen() {
    val viewModel = remember { MyViewModel() }


    val uiState by viewModel.uiState.collectAsState()

    // remember or derivedStateOf
    val nameState = remember(uiState) { uiState.name }
    val emailState = remember(uiState) {  uiState.email }

    Column {
        Text(text = nameState)
        TextField(
            value = nameState,
            onValueChange = { newValue ->
                viewModel.updateName (newValue)
            }
        )

        TextField(
            value = emailState,
            onValueChange = { newValue ->
                viewModel.updateEmail (newValue)
            }
        )
    }
}

data class TestForm(
    val name: String,
    val email: String,
)

class MyViewModel {
    private val _uiState = MutableStateFlow(TestForm(name = "", email = ""))
    val uiState: StateFlow<TestForm> = _uiState.asStateFlow()

    fun updateName(newName: String) {
        _uiState.value = _uiState.value.copy(name = newName)
    }

    fun updateEmail(newEmail: String) {
        _uiState.value = _uiState.value.copy(email = newEmail)
    }
}
```
しかしこの方法ですと、composeが再コンポーズされる、またはその判定の計算のせいか操作のかくつきが若干増えることがネックになります。

### 発生している問題

以上の状態をどのように回避すればよいのでしょうか？
TextFieldがたくさんあるという状態をそもそも想定していなかったりするのでしょうか。
よろしくお願いいたします。

### 調べた内容

Stateはcomposable関数内でしか意味をなさないようで、viewModelにコールバック関数を仕込み共通化するのは不可能でした。
多数の入力がある際のサンプルが見つかりませんでした。
compose for desktopのプラグインを導入し、実施している都合からかIDEからサンプルなどは参照できなそうでした。

再コンポーズの条件に関しては以下の内容を確認しました。
https://qiita.com/wcaokaze/items/a066ab81b69578390992

### 補足情報

不足があれば追記致します。
またこれらの問題に関してコミュニティなどがあれば、


Composeの入力要素

金田著「はじめてのAndroidプログラミング第4版」でAndroidプログラミングを勉強しています。

本書の二つの目アプリ、第５章「最強！？　じゃんけんアプリ」のコードをAndroidStudioで入力していると、次の写真のように21行目のPreferenceManagerの行で取消線が引かれ、「‘PrefernceManager’ is deprecated(非推奨）.Deprecated in Java」を表示されます。（AndroidOSの改変が早いとは言え、初心者としては、評判の高い入門書を使って初めて入力したアプリで非推奨の文字を見ると、内心、この先この本を使って大丈夫か？と、不安を覚えてしまいます。）


![イメージ説明](a2018eb46157982d3239b8797127e329.png)

取り消し線が表示されたままでも、appは正常に動くのですが、気持ち悪いので、色々資料をあたり、トライ＆エラーを繰り返し、以下の方法で取り消し線が出ないようにしましたが、この方法で正しいでしょうか？
ご指導をお願いします。

```kotlin
package com.example.janken

import android.content.Intent
import android.os.Bundle
import android.preference.PreferenceManager
import androidx.core.content.edit
import android.view.View
import androidx.appcompat.app.AppCompatActivity
import kotlinx.android.synthetic.main.activity_main.*


class MainActivity : AppCompatActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main)

        gu.setOnClickListener { onJankenButtonTapped(it) }
        choki.setOnClickListener { onJankenButtonTapped(it) }
        pa.setOnClickListener { onJankenButtonTapped(it) }

        val pref = PreferenceManager.getDefaultSharedPreferences(this)
        pref.edit { clear() }
    }


    fun onJankenButtonTapped(view: View?) {
        val intent = Intent(this, ResultActivity::class.java)
        intent.putExtra("MY_HAND",view?.id)
        startActivity(intent)

    }

```

# **状況**
何も気にせず書籍からコードを手入力し、21行目のval pref = PreferenceManager.getDefaultSharedPreferences(this)の行を入力した時に、PrefernceManagerの文字が赤く表示されます。これをAlt+EnterでAndroidStudioが解決し、インポートされたライブラリとクラスは次の通りでした。

import android.preference.PreferenceManager

#**環境**
win 10
AndroidStudio 4.0.1
kotlin 1.4.10
kotlinOptions {jvmTarget = 1.8}
compileSdkVersion 30
buildToolsVersion "30.0.1"


#**取り消し線を消すためにやったこと**

１．build.gradle(app)に以下のように、dependencies{}の中に
implementation 'androidx.preference:preference-ktx:1.1.1'
を追記し、SyncNowをクリックした。
![イメージ説明](557b4c065435ce032c0116c007ee7914.png)

（注：パラメータの書き方は、[Android デベロッパー>Jetpack>ライブラリ>Preference](https://developer.android.com/jetpack/androidx/releases/preference?hl=ja)を参考にしました。）

２．インポートされていたライブラリを次のように、android から androidxに変える（androidライブラリに含まれるPreferenceManagerクラスから、androidxライブラリに含まれるクラスに変える）
import androidx.preference.PreferenceManager

#**結果**
次の写真のように、PrefernceManagerに引かれていた取り消し線は消えました。
![イメージ説明](0817e1f228bc91534c5b17bc951ad505.png)

#**聞きたいこと**
今回の場合、PreferenceManagerに引かれた取り消し線を消す方法は、以上の手順で、間違えはないでしょか？（他にやるべきことはありますか？）
また、このようにやることで、古いライブラリを使わずに、新しいライブラリであるjetpackの一部のAndroidXライブラリを利用したことになるのでしょうか？

（gradleとか、Mavenリポジトリとか、依存関係とか、インプリメントとか、真剣にやればきっと本１冊分以上の知識が必要と推察します。入門者にはまだまだレベルが高く、ギブアップしそうです。）

ご教示の程、よろしくお願いします。

Android Jetpack