プログラム

プログラム

ViewModelを@Composableで使うときのcollectAsState()

Jetpack Composeにおいて、ViewModelのStateFlow(またはFlow)を@Composable内で購読し、UI更新をトリガーするComposeのStateに変換する際、Androidアプリ開発ではcollectAs...
プログラム

画面等のサイズを取得する

SwiftUIの GeometryReader に相当する、親のサイズや自身の座標を取得する Jetpack Compose の主な機能は以下の3つです。用途に合わせて使い分けます。BoxWithConstraints(親のサイズに基づいた...
プログラム

Androidアプリの起動画面の設定

Jetpack Composeでアプリの起動画面(スプラッシュスクリーン)の画像を設定するには、androidx.core:core-splashscreen API を使用するのが現在の推奨方式です。ComposeのUIコード(@Comp...
プログラム

よく使うimport関係

【lint】lintChecks("com.slack.lint.compose:compose-lint-checks:1.4.2")【画面遷移】implementation("androidx.navigation:navigation...
プログラム

StateFlow

SwiftUIの@Observableや@Publishedを知っているなら、それと比較するとかなり理解しやすいです。StateFlowとは?一言でいうと「変更を監視できるデータ」です。例えばvar count = 0これは普通の変数なので...
プログラム

ViewModel(データ保持クラス)

Jetpack ComposeのViewModelは、最初は少し分かりづらいですが、一度理解すると「UIとデータを分離するための仕組み」だと分かってきます。Android開発ではかなり重要なので、基礎から順番に説明します。ViewModel...
プログラム

Kotlin非同期関数

基本非同期関数作成には fun の前に【suspend】を付ける// 非同期関数(suspendを付ける)suspend fun fetchRemoteData(): String { delay(2000) // 2秒待機する模擬処理 r...
プログラム

静的ページのキャッシュ対策

一番おすすめの方法(Version番号を付ける)静的サイトではこれが定番です。例えばCSSやJSを読み込むときに<link rel="stylesheet" href="style.css?v=1.0.0"><script src="scr...
プログラム

Jetpack Compose 初期+簡素UIコード解説〜基本概念

初期コード解説① Activityを作るclass MainActivity : ComponentActivity() {これは「MainActivityという画面を作ります」という意味です。ComponentActivityAndroi...
プログラム

Jetpack Compose Tips的な

SwiftUIとのUI描写の簡単な違いSwiftUIは構造体がUIstruct 構造体の名前: View { var 引数: Int var body: some View { ここから実際のUIを書く }}Jetpack Composeは...