refirio.org

■Google Play Console https://play.google.com/apps/publish/?hl=ja アプリを公開するためのもの ■Firebase https://console.firebase.google.com/ プッシュなどを利用する場合に使用 ■公式ページ Download Android Studio and SDK tools | Android Developers https://developer.android.com/studio/ ■インストール参考ページ（Flamingo時点） 以下のとおり作業した 【2023年版】Android Studioのインストール方法（Windows＆Mac対応）｜Code for Fun https://codeforfun.jp/how-to-install-android-studio-windows-and-mac/ また IntelliJ IDEA + Android Studio でインストールする場合、 1. jetBrains Toolbox で「Android Studio」の「インストール」をクリック 2. ライセンスが表示されるので、同意してインストールする 3. インストールが完了したら開く とする 以降は上記ページの内容と同じ ■インストール参考ページ（Ver 3.1.4 時点） WindowsもMacも、インストールで詰まることは無かった インストール完了後も、何かと追加で色々とダウンロード＆インストールさせられる エミュレータも、初回起動時はイメージのダウンロードが必要 Ver 3.1.4 時点では、主に以下の書籍を参考にした 基本からしっかり身につくAndroidアプリ開発入門 https://www.amazon.co.jp/dp/479739580X ■インストール参考ページ（Ver 3.1.2 時点） Android Studioインストール https://akira-watson.com/android/adt-windows.html JDKインストール http://techfun.cc/java/windows-jdk-install.html http://techfun.cc/java/windows-jdk-pathset.html ■インストールメモ（Ver 2.3.3 時点） http://www.oracle.com/technetwork/java/javase/downloads/index.html の http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html から jdk-8u91-windows-x64.exe をダウンロード＆インストール https://developer.android.com/studio/ から android-studio-bundle-143.2821654-windows.exe をダウンロード＆インストール Android Studio の起動時にエラーが表示されたことがあったが、JavaとJDKの再インストールで直った。 SDK Manager で、Android 4.3 〜 7.1.1 までインストール。 ■日本語化（Flamingo時点） 日本語化の記事はすぐに見つけられなかった 代わりに、日本語化しようとしたら起動できなくなったという記事は見つかった いったん英語版のまま使っておく AndroidStudioをPleiadesで日本語化しようとしたら起動できなくなった（地獄みた） - Qiita https://qiita.com/celcior0913/items/d68606982e429f8b1a60 ■日本語化（Ver 3.3.2 時点） ※日本語化は Android Studio 終了中に実行しないと反映されないことがあるかも ※毎回バージョンアップが手間なので、Ver 4 からは英語のまま使っている 以下の方法で日本語化できた studio64.exe.vmoptions は初めから config 内にあった Android Studio3.1を日本語化する | HIROMARTBLOG http://hiromart.com/blog/androidstudiojapanese/ Macの場合、以下の手順で日本語化できた MacでAndroid Studioを日本語化する - ソフラボの技術ブログ http://shinsuke789.hatenablog.jp/entry/2018/08/27/130714 ■日本語化（Ver 2.3.3 時点） 以下の方法で日本語化できた。一部は英語のままだけど特に問題はなし Android Studio 2.0 を日本語化してみた | 寿司すき焼き相撲 http://s3wordpress.wpblog.jp/2016/05/18/android-studio-2-0-%E3%82%92%E6%97%A5%E6%9C%AC%E8%AA%9E%E5%8... ■ショートカットの変更 Ctrl+Yは、Redoではなく行削除が割り当てられている 一般的なショートカットと異なるので余計なトラブルのもとだが、設定で変更はできる http://qiita.com/decchi/items/f8603ccccec03a71a4d9 ■エディタの設定 ファイル → 設定 → Editor → 外観 行番号を表示する 空白を表示する ■デバッグ 画面下部の「ログキャット」をクリックすると、デバッグログを確認できる 端末、アプリ、デバッグレベルなどを絞り込んで確認する ■メモリの割り当て ※現状未設定 http://tools.android.com/tech-docs/configuration http://www.youfit.co.jp/archives/885 Ver 2.1.2 → Ver 2.2.3 のとき、この手順でバージョンアップできた Ver 2.2.3 → Ver 3.1.2 のとき、この手順でバージョンアップできた。が、メニューが英語表記に戻った Ver 3.1.2 → Ver 3.2.0 のとき、この手順でバージョンアップできた。が、メニューが英語表記に戻った ■AndroidStudioが起動しなくなった場合 Macで発生 アップデートして使えているかと思ったが、Mac再起動後はAndroidStudioを起動できなくなった エラーなどは何も確認できない 最新の日本語化パッチを当てると起動できるようになった AndroidStudioがアップデート後に起動しない時 - Qiita https://qiita.com/filu_/items/6470ab95b45a4382e34e ■メニューが英語表記に戻った場合 「AndroidStudio環境を作った時のメモ」の「日本語化」の手順を再度行って日本語化する Ver 2.3.3 時点のメモだが、同じ手順で日本語化できた ■Kotlin Gradle plugin version のエラーになった場合 The Android Gradle plugin supports only Kotlin Gradle plugin version 1.2.51 and higher. Project 'HelloKotlin' is using version 1.2.30. と表示された場合、指示に従ってGradleファイルを書き換える C:\Users\Refirio\AndroidStudioProjects\HelloKotlin\build.gradle ext.kotlin_version = '1.2.30' ↓ ext.kotlin_version = '1.2.51' 書き換えたら「再試行」を実行する ■AndroidStudioをベータ版から正式版にしたときのメモ 以下からAndroidStudioをダウンロード＆インストール https://developer.android.com/studio/ ■SourceTreeとの連携 AndroidStduio内でgit操作は可能らしいが、SourceTreeで管理する方法 http://ameblo.jp/hunnyjams/entry-11961454576.html gitのパスは以下のようになる。環境によって変わる可能性はある C:\Program Files\Git\cmd\git.exe AndroidStudioが build/ や app/build/ などに自動でファイルを吐き出すので、 可能なら最初の段階で .gitignore の対象にしておく。一度リポジトリに入れてしまうと、後から外すのは面倒 今は何もしなくてもAndroidStudioが .gitignore を自動作成してくれるみたい？ ■.gitignore AndroidStudioが自動で作成するかも。要確認 以下は設定例 以下を参考に作成すると良さそう Androidアプリの.gitignore - Qiita https://qiita.com/jumperson/items/fa66995fb68de2847ffd Android Studioのバージョン管理対象ファイル - ソフトウェアエンジニアリング - Torutk http://www.torutk.com/projects/swe/wiki/Android_Studio%E3%81%AE%E3%83%90%E3%83%BC%E3%82%B8%E3%83%A7%... ■プロジェクトの新規作成（Flamingo時点） 以下の手順で作成できる プロジェクトが作成されたら、何も変更せずにいったんエミュレータと実機での起動を確認しておくといい Welcome画面で「Projects → New Project」を選択 「Empty Activity」を選択して「Next」をクリック 以下のとおり入力 Name: Hello World Package name: net.refirio.helloworld（「Name」から自動で決定されるが、必要に応じて調整する） Save location: C:\Users\refirio\AndroidStudioProjects\HelloWorld（任意の場所を選択できるが、基本的にそのままでいい） Minimum SDK: API 24 Android 7.0 Nougat（必要に応じて調整する） 「Finish」をクリック プロジェクトが作成されるのでしばらく待つ 完了したら「Finish」をクリック ※「言語」の選択欄は表示されなかった もうJavaではなくKotlinでの開発が大前提となっているのか ■プロジェクトの新規作成（Ver 3.3.2 時点） 以下の手順で作成できる プロジェクトが作成されたら、何も変更せずにいったんエミュレータと実機での起動を確認しておくといい 新規 Android Studio プロジェクトの開始 ↓ プロジェクトの選択 「空のアクティビティ」が選択されているので、そのまま「次へ」 ↓ プロジェクトの構成 名前: helloworld パッケージ名: net.refirio.helloworld （名前をもとに自動入力される） 保存ロケーション: C:\Users\refirio\AndroidStudioProjects\helloworld （アプリケーション名をもとに自動入力される） 言語: Kotlin 最小APIレベル: API 19: Android 4.4 (KitKat) 「完了」 【2023年版】Android Studioエミュレータの作成方法｜Code for Fun https://codeforfun.jp/android-studio-how-to-install-emulator/ ■デバイスの追加 メニュー → Tool → Device Manager からDevice Managerを起動 （ツールバーもしくは右のサイドバーから「Device Manager」をクリックしても起動できる） デフォルトで「Pixel_3a_API_34_extension_level_7_x86_64」が表示されていた （「Create device」から新しくデバイスを登録することもできる） エミュレータとして使用したいデバイスの起動ボタン（横向きの三角）をクリック 少し待つと、下の欄にデバイスが表示された さらに2〜3分ほど待つと、デバイスが起動してAndroidのホーム画面が表示された 試しにChromeを起動してみる インターネットに接続できることを確認する ■言語の設定 ※設定方法は、端末によって多少異なる 画面の上端から下にスワイプを行う 通知が表示されるが、さらに画面の上端から下にスワイプを行う 画面の右下に歯車アイコンが表示されるのでタップする System → Languages → System Languages に遷移し、「Add a language」から言語を追加する（下の方に「日本語」がある） 追加した「日本語」を一番上にすると、画面の表示が日本語になる ■日時の設定 ※未検証 自動的に日本時間になっていない場合、以下から設定する システム → 日付と時刻 ■インターネット接続の確認 Chromeを起動し、インターネットに接続できることを確認しておく ■デバイスでのアプリ起動 ツールバーで実行ボタン（横向きの三角）をクリック 少し待つと、エミュレータの画面にアプリの画面が表示された 確認できたら、ツールバーで停止ボタン（赤の四角）をタップ ■次回からの起動 ツールバーで実行ボタン（横向きの三角）をクリックするだけで起動できた 実機でテストを行う場合、直接アプリをインストールするために端末をPCへ接続する ただし、そのままでは正常に認識しないためインストールできないことがある この場合、端末メーカーが提供しているWindows用のUSBドライバーをインストールする AndroidデバイスのUSBドライバーを再インストールする方法【人気10選まとめ】 https://jp.imyfone.com/line-tips/how-to-reinstall-the-usb-driver-on-android/ Android端末をPCに接続する 「USBデバッグを許可しますか？」というダイアログが表示される 「このパソコンからのUSBデバッグを常に許可する」にチェックを入れて「OK」をタップ ツールバーの端末リストに、対象の端末名が表示された 対象の端末名を選択した状態で実行する 少し待つと、実機でアプリが起動した ■トラブル 「Application Installation Failed」というダイアログが表示されたが、 「すでに同じパッケージ名のアプリがインストールされている」 という内容だった 上書きして実行するかどうかの旨も書かれていたので、そのまま「OK」をタップ 少し待つと、実機でアプリが起動した ■Kotlinファースト 今後ツールやライブラリは、まずKotlin向けが最初に作られるとのこと 可能ならKotlinで作るほうが良さそう （ただしその後、JavaやC++向けのものも作られるとのことなので、他の言語が使えなくなるわけではない） Google、Androidにおける「Kotlinファースト」強化を表明。Google I/O 2019 − Publickey https://www.publickey1.jp/blog/19/googleandroidkotlingoogle_io_2019.html Android の Kotlin ファースト アプローチ | Android デベロッパー | Android Developers https://developer.android.com/kotlin/first?hl=ja ■Kotlin詳細 Kotlinについては Kotlin.txt を参照 ■Jetpackについて Android Jetpackとは、アプリを作成するためのコンポーネントやツールなどをひとまとめにしたもの AndroidのOSバージョンアップからは切り離されているので、OSのアップデートを待たずに迅速に対応できるようになっている 一例だが、以下のような機能が提供されている appsearch … ユーザー向けにカスタムのアプリ内検索機能を構築する camera … モバイルカメラアプリを構築する compose … 形状とデータの依存関係を記述するコンポーズ可能な関数を使用して、UIをプログラムで定義する Android Jetpack デベロッパー リソース - Android デベロッパー | Android Developers https://developer.android.com/jetpack?hl=ja Google Developers Japan: Android Jetpack を使用してアプリの開発を加速 https://developers-jp.googleblog.com/2018/05/use-android-jetpack-to-accelerate-your.html Android Jetpackってなにもの？ - Qiita https://qiita.com/k_masa777/items/c01c1de6ac763ce5c075 ■Jetpack Composeについて Jetpackで提供されるコンポーネントの一つ Kotlinで宣言的にUIを記述できる（SwiftUIのように簡単にレイアウトできるみたい） 従来のようなXMLではなく、setContentブロック内で「コンポーズ可能な関数」を呼び出してレイアウトを作成する コンポーズ可能な関数は、関数名に「@Composable」アノテーションを追加するだけで作成できる まずは以下の内容を一読するといい UI アプリ開発ツールキット Jetpack Compose - Android デベロッパー | Android Developers https://developer.android.com/jetpack/compose?hl=ja Android Compose のチュートリアル | Android デベロッパー | Android Developers https://developer.android.com/jetpack/compose/tutorial?hl=ja 以下も参考になりそう Jetpack Compose入門 はじめの一歩 https://zenn.dev/ko2ic/articles/0a141f9e5a0d39 Jetpack Composeを使ってみた - Qiita https://qiita.com/kota_2402/items/7bbdd87be8024785e25b Jetpack Compose入門 - 縁側プログラミング https://engawapg.net/programming/jetpack-compose/ ■ハローワールド（Flamingo時点） src/main/java/net/refirio/helloworld/MainActivity.kt （Androidビューでは app/java/net.refirio.helloworld/MainActivity.kt にある） build.gradle.kts app\build.gradle.kts app\src\main\AndroidManifest.xml ■練習用にテーマを外した場合 src/main/java/net/refirio/helloworld/MainActivity.kt app\src\main\AndroidManifest.xml ■プレビューの表示をリッチにする showSystemUiを有効にすると、プレビューにUIが表示される Compose のツール | Jetpack Compose | Android Developers https://developer.android.com/jetpack/compose/tooling?hl=ja ■Jetpack Composeの基本 ※上で作成した MainScreen() の内容だけを以下に記述する 文字列の表示 コンポーネントの装飾 画像の表示 あらかじめ、res/drawable 内に画像を配置しておく（ここでは「photo01.jpg」としておく） Imageを使えない場合、自動で適切ではないクラスが読み込まれている可能性がある この場合、以下のように読み込むクラスを調整する 【Jetpack Compose】Image()コンポーザブルが使用できない - Qiita https://qiita.com/antk/items/3b10b5f8843bb8896470 縦に並べる 横に並べる 入れ子にする ボタンの表示 ボタンをクリックしてUIを更新 値の保持については ・「by remember」で宣言すると、Composable関数で特定の値を保持できる（値がリセットされない） rememberの後の「{ 〜 }」ブロック内は、初回しか実行されない。つまり初期値をセットできる ・「mutableStateOf」は、値の変更を監視することが可能なMutableStateを返す ・「by remember」で宣言された変数（count）は見た目は普通のintだが、ComposeではStateとして扱われる ただし、この変数を別のStateでない変数に代入すると、代入先の変数は普通の変数となり、値の変更も監視されなくなる という仕組みで実現している 「remember」や「mutableStateOf」については、以下なども参考になる Jetpack Compose入門(11) ボタンクリックでUIを更新する - 縁側プログラミング https://engawapg.net/jetpack-compose/1038/update-ui-on-click-button/ もう雰囲気で使わない。rememberを理解するためのポイント - 縁側プログラミング https://engawapg.net/jetpack-compose/2113/remember-tips/ 「by remember」を使う際、 のコードで以下のようなエラーになることがあった この場合、IDEの機能でimportを何度か行うと解消されるみたい UIを専用の関数にまとめる ■Jetpack Composeで画面遷移 Jetpack Compose入門(15) 画面遷移 - 縁側プログラミング https://engawapg.net/jetpack-compose/1393/screen-transition/ 画面遷移には androidx.navigation.compose パッケージが必要なので導入する 以下のページでバージョンを確認する Navigation | Jetpack | Android Developers https://developer.android.com/jetpack/androidx/releases/navigation?hl=ja 現時点での安定板は「2.5.3」となっていた build.gradle の dependencies 内に以下を追加する 追加したら「Sync Now」をクリックする Jetpack Composeで画面遷移させる | mokelab tech sheets https://tech.mokelab.com/android/compose/app/navigation/navigate.html 以下のとおり実装する 上のように navController を渡すのは明快ではあるが、テストのことを考えると推奨されないらしい 以下のようにすることが推奨されるらしい Compose を使用したナビゲーション | Jetpack Compose | Android Developers https://developer.android.com/jetpack/compose/navigation?hl=ja Jetpack Compose入門(15) 画面遷移 - 縁側プログラミング https://engawapg.net/jetpack-compose/1393/screen-transition/ 以下のようにすると、画面遷移の際に引数を受け渡しできる 画面遷移については、以下などを参考に引き続き確認したい Jetpack Composeで画面遷移させる | mokelab tech sheets https://tech.mokelab.com/android/compose/app/navigation/navigate.html JetpackComposeでQiitaのクライアントアプリを作ろう｜Masato Ishikawa https://note.com/masato1230/n/n743532de2d84 [Jetpack Compose] NavigationBar と Nested Navigation https://zenn.dev/ykrods/articles/580bc1fda58081 JetpackComposeのNavigation Componentを触ったのでまとめる - Qiita https://qiita.com/b4tchkn/items/55b1892ed725297eefe3 Jetpack Composeにおける画面遷移とは？ - dely Tech Blog https://tech.dely.jp/entry/2021/12/17/170000 【シンプルサンプル】AndroidStudio　画面遷移 - Qiita https://qiita.com/kiyoZy/items/259699222ae1fec65a8f Jetpack Compose入門(15) 画面遷移 - 縁側プログラミング https://engawapg.net/jetpack-compose/1393/screen-transition/ ■Jetpack Composeでリスト表示 Jetpack Compose入門(17) リスト - 縁側プログラミング https://engawapg.net/jetpack-compose/1442/list/ 簡単なリスト 複数セットのデータを扱うリスト タップでトーストを表示 ■テーマの適用 Jetpack Compose入門(18) テーマカラーの適用 - 縁側プログラミング https://engawapg.net/jetpack-compose/1457/theme/ テーマを適用したコードは以下のとおり （AndroidStudioが生成するデフォルトコードを若干調整したもの） src/main/java/net/refirio/helloworld/MainActivity.kt 自動的に作成された HelloWorldTheme テーマが適用されている MainScreen定義部分の「fun MainScreen(modifier: Modifier = Modifier) {」でデフォルトのModifierを参照させているが、これは特に修飾が適用されていないもの 例えばMainScreen呼び出し部分で「MainScreen(modifier = Modifier.padding(16.dp))」とすると、Textには16.pdのパディングが設定される app\src\main\AndroidManifest.xml 2箇所ある「android:theme="@style/Theme.HelloWorld"」部分でテーマを適用している app\src\main\java\net\refirio\helloworld\ui\theme\Theme.kt テーマファイルも、Kotlinで書かれたプログラムとなっている lightColorSchemeの内容を調整することで、配色を変更できる…が、そのままだと適用されない さらに以下の部分をコメントアウトもしくは削除すると、色の変更が反映される 【Jetpack Compose】Material3でテーマカラーを変更する際に陥りがちなミス - Qiita https://qiita.com/Nagumo-7960/items/8699f7670bff4cc7a137 ■画面領域の調整（未解決） 「Jetpack Composeの基本」の内容を試していると、エミュレータ、実機ともに表示が途中で途切れたようになる …が、色々な要素を配置していくと全体が表示された…？ 何か専用の指定があるのか、引き続き確認したい 基本的に以下の記事を参考にしたが、色々と追加調整が必要だった Jetpack Compose入門 アプリを作る知識-1(一覧作成~Modifier/Scaffold/Surface/Columnなど) https://zenn.dev/ko2ic/articles/32134efcc1f94b material3は試験運用版らしいので、そのための宣言が必要らしい Compose でマテリアル 2 からマテリアル 3 に移行する | Jetpack Compose | Android Developers https://developer.android.com/jetpack/compose/designsystems/material2-material3?hl=ja Scaffoldを使う際は、ConstraintLayoutの指定が必要みたい Jetpack Compose 1.2.0 では Scaffold の content に PaddingValues を必ず設定する - Infinito Nirone 7 https://blog.keithyokoma.dev/entry/2022/08/30/193024 Compose の ConstraintLayout | Jetpack Compose | Android Developers https://developer.android.com/jetpack/compose/layouts/constraintlayout?hl=ja まとめると、以下でデータの一覧ができた Jetpack Compose入門 アプリを作る知識-2(一覧から詳細への画面遷移~rememberNavControllerなど) https://zenn.dev/ko2ic/articles/f00dbfd350d521 前提知識として、「アプリの作成（Jetpack Compose） > Jetpack Composeの基本」の「ボタンをクリックしてUIを更新」を参照 以下のようにすると「ボタンを押すと、入力されたテキストをそのまま表示」ができる 「onValueChange」の内容は、テキストが変更される度に呼び出される（入力中もどんどん呼ばれる） 以下のようにすると「リアルタイムに、入力されたテキストをそのまま表示」ができる 応用として、以下のようにすると「リアルタイムに、入力された西暦を和暦に変換して表示」ができる JetpackCompose KeyBoard Options と Actions - Qiita https://qiita.com/kk__777/items/cf124ad92e68b93c2acf ※今は「SharedPreferences」ではなく、「DataStore」を使うことが推奨されているらしい ※未検中 アプリ アーキテクチャ: データレイヤー - DataStore - デベロッパー向け Android | Android デベロッパー | Android Developers https://developer.android.com/topic/libraries/architecture/datastore?hl=ja DataStoreを試してみる https://zenn.dev/slowhand/articles/455aa5cd244e90 【Kotlin/Android Studio】DataStoreの使い方！データの保存と取得方法 https://tech.amefure.com/android-datastore build.gradle の dependencies 内に以下を追加する 追加したら「Sync Now」をクリックする プログラムを記述するファイルの最上位で以下を呼び出すことにより、シングルトンで dataStore にアクセスできるようになる なお、上記のコードでインポートすべきライブラリは以下のとおり 特にPreferencesのインポート時、他の物をインポートしてしまうと、以下のエラーになるので注意 flow.firstのインポート時も、インポートすべきライブラリは以下なので注意 以下のとおり実装する 【Kotlin】Kotlin Serialization で JSON をパースする - Tatsuro のテックブログ https://tatsurotech.hatenablog.com/entry/kotlin/serialization-basic KotlinでJSONをシリアライズ/デシリアライズする | Konsome Engineering https://engineering.konso.me/articles/kotlin-json-serialization/ 主に上記のページを参照したが、実行しても 「Type mismatch: inferred type is Fruit but SerializationStrategy<TypeVariable(T)> was expected」 というエラーになった 以下のようにすると、エラーにならずに実行できるようになった build.gradle で以下を追加する app/build.gradle で以下を追加する 以下のとおりプログラムを作成する 「@Serializable」は省略できないが、「@SerialName("name")」はシリアライズ前後で名前が同じなら省略できる ■シリアライズして保存する 以下のようにすれば、シリアライズしたうえでDataStoreに保存できる ■WebViewで表示 Jetpack Compose の AndroidView で WebView を利用する https://zenn.dev/kaleidot725/articles/2021-11-13-jc-webview-detaiils 【Android】WebViewを使ってWebページを表示する方法と端末内のブラウザで開く方法 - Qiita https://qiita.com/takagimeow/items/70a548681c20860920bf Jetpack Compose で雑に WebView を使う - Medium https://kaleidot725.medium.com/jetpack-compose-%E3%81%A7%E9%9B%91%E3%81%AB-webview-%E3%82%92%E4%BD%B... Jetpack Composeのプロダクション採用 -イマイチだったこと編- - NIFTY engineering https://engineering.nifty.co.jp/blog/15294 WebViewでアプリ開発するメリット・デメリット - Deha magazine https://deha.co.jp/magazine/webview-pros-cons/ WebViewで「net::ERR_CACHE_MISS」と表示される問題 【Android】 - Kuwapp's Blog https://yusuke-hata.hatenablog.com/entry/2015/07/07/210730 マニフェストファイルを編集し、インターネットに接続できるようにする 追加場所は、ルートであるmanifestの直下でいい manifests/AndroidManifest.xml 以下のようにプログラムを作成する なお以下のようにすると、MainScreenから表示先を変更できる ■Accompanist WebViewについて AndroidViewではなく、AccompanistのWebView Wrapperを使うという手もあるらしい むしろ、こちらの方が推奨されるみたい…と思ったが、以下のように書かれている。もうメンテナンスされていないらしい > This library is deprecated, and the API is no longer maintained. > We recommend forking the implementation and customising it to your needs. Guide - Accompanist https://google.github.io/accompanist/web/ どれを使うべきか…と思ったが、Accompanistについて以下のように書かれている これはつまり、標準のWebViewで十分になったということか > Jetpack Composは従来の手法と比べると、必要とする機能が足りてないので、それを補うことを目的としたライブラリーグループ。ComposeAPIのラボのようなもの。 > 公式のツールキットに導入されることが目的。導入後は非推奨になり、Accompanistから削除される。 Accompanistの使い所 (Jetpack Compose) https://zenn.dev/nagaoooon/articles/6ea091a436ecb0 公式のブログでも以下のように書かれている 要約すると 「Composeが安定してきたので、機能追加などサポートを終了することにした。」 「現行のソースコードを参考に独自に実装する方がシンプルになる」 「ニーズにあったカスタム実装を作成することを推奨する」 とのこと > Pager Indicator, Placeholder & WebView > Now that Compose is stable, with a robust set of APIs that make creating custom widgets far simpler than in the past with the view system, we have decided to no longer add or support our own set of custom widgets in Accompanist. This includes Pager Indicator, Placeholder & WebView. > Compose makes implementing your own versions of these widgets easy. The main problem we have with implementing custom widgets is that we need to support enough customization for everyone. When you implement a widget yourself, you can implement just what you need and nothing more, which greatly simplifies the implementation. Another reason we are no longer supporting custom widget libraries in Accompanist is that we believe by having them in Accompanist, we are deterring the community from developing their own sets of custom widgets. > Recommendation: We recommend using our implementations to fork or create your own custom implementations that suit your needs. An update on Jetpack Compose Accompanist libraries - August 2023 | by Ben Trengrove | Android Developers | Aug, 2023 | Medium https://medium.com/androiddevelopers/an-update-on-jetpack-compose-accompanist-libraries-august-2023-... 以下にソースコードがある これを参考に、独自実装するのが良さそう accompanist/web/src/main/java/com/google/accompanist/web/WebView.kt at main - google/accompanist https://github.com/google/accompanist/blob/main/web/src/main/java/com/google/accompanist/web/WebView... いったん追加情報を待つべきか…という状態なので、また改めて調査したい 以下、WebView Wrapperに関する内容を含んだメモ ［Jetpack Compose］WebViewで開いたページのタイトルを表示する https://zenn.dev/yumemi_inc/articles/2023-02-16-accompanist-webview-title 現状、画面が回転されるとWebViewの内容はリセットされる 以下などを参考に対策できそうか。Formでの入力途中の内容までは残らないか Accompanist の WebView Wrapper メモ2: 状態が画面回転に生き残らない - Qiita https://qiita.com/mangano-ito/items/e17fc127f698fb944837 以下は特殊な操作を行う場合の参考になりそう 【Android】WebViewをJetpack Composeで使った場合の、バックキーで前ページに戻る方法 - Qiita https://qiita.com/tsumuchan/items/83b5ce9d7c27bd78833a 以下は未検証だが試したい ［Jetpack Compose］WebViewで特定のリンクをクリックしたらネイティブの画面に遷移させる https://zenn.dev/yumemi_inc/articles/2023-02-04-accompanist-webview-routing ■ブラウザで表示 [Jetpack Compose] Glide経由でコンテンツ一覧を表示してタップされたらブラウザで開く https://zenn.dev/laiso/articles/5a18b8689c13787841d8 Jetpack Compose の Launched Effect の動作を調べる https://zenn.dev/kaleidot725/articles/2022-02-11-jetpack-compose-side-effects LaunchedEffect｜サンプルで理解するJetpack Composeの副作用の仕組み https://zenn.dev/kaleidot725/books/jetpack-compose-sideeffect-samples/viewer/1-jc-side-effects #76 Jetpack ComposeのLaunchedEffectとFlow | Mokelab Blog https://blog.mokelab.com/76/launchedEffect.html Coroutine：Suspend関数とその仕組み | Y_SUZUKI's Android Log https://android.suzu-sd.com/2022/01/coroutine_suspend/ 以下のようにすると、「Start → End → LaunchedEffect」の順に実行される 以下のようにすると、画面には「Hello!」と「A」が表示される 「status = true」の処理が無ければ「Hello!」と「B」が表示される 【Android Kotlin】OkHttp3でコピペ可能なAPI通信処理実装 - 都市語〜トシカタ〜 福岡発、都市を語る場所 https://japanesecitylikers.com/?p=1426 [Kotlin] OkHttp3の使い方 | GETとPOSTリクエスト | とろなび | プログラミング系備忘録 https://toronavi.com/connection-okhttp Overview - OkHttp https://square.github.io/okhttp/ マニフェストファイルを編集し、インターネットに接続できるようにする 追加場所は、ルートであるmanifestの直下でいい manifests/AndroidManifest.xml build.gradle の dependencies 内に以下を追加する 以下のようにプログラムを作成する #63 Jetpack ComposeでToDoアプリを作る - 概要 | Mokelab Blog https://blog.mokelab.com/63/compose_todo1.html リストの並び替えは、現状対応していないみたい 【Android】 Jetpack Composeでドラッグ＆ドロップの並び替えを実現する 〜ライブラリに頼って〜 - Qiita https://qiita.com/tsumuchan/items/d0fc2a4bd4af6802f9fc Sorting List Items in LazyColumn - Android Jetpack Compose - Stack Overflow https://stackoverflow.com/questions/73915584/sorting-list-items-in-lazycolumn-android-jetpack-compos... 以下はデータ追加用に「＋」ボタンを表示する例 上記を踏まえて、リストの登録編集削除を作成する ■リストの登録編集削除（調整中） build.gradle app/build.gradle java/jp/terraport/list/MainActivity.kt java/jp/terraport/list/ui/MainApp.kt java/jp/terraport/list/ui/list/ListScreen.kt java/jp/terraport/list/ui/list/ListTitle.kt java/jp/terraport/list/ui/add/AddScreen.kt java/jp/terraport/list/ui/edit/EditScreen.kt java/jp/terraport/list/utils/Memo.kt java/jp/terraport/list/utils/Common.kt ※未検証 ViewModel の概要 | Android デベロッパー | Android Developers https://developer.android.com/topic/libraries/architecture/viewmodel?hl=ja #69 Jetpack ComposeでToDoアプリを作る - HiltとViewModel | Mokelab Blog https://blog.mokelab.com/69/compose_todo7.html とにかく簡単にViewModelまとめ - Qiita https://qiita.com/KIRIN3qiita/items/7d833e2c010c0b2c02d9 ViewModelの採用が必須というわけでも無いらしい Jetpack ComposeでViewModelを使わずに、Composable関数を使って状態とロジックを切り出す! - Qiita https://qiita.com/karamage/items/9b2b5a79c364b72836d4 「SwiftUIでMVVMを採用するのは止めよう」と思い至った理由 - Qiita https://qiita.com/karamage/items/8a9c76caff187d3eb838 ViewModel を捨てて マルチプラットフォーム に備える https://android.benigumo.com/20220928/without-viewmodel/ 以下、ViewModelを使わずにComposable関数で対応する場合のコード ■カウントアップするプログラム ※上記コードでは、画面が回転したときに値が失われる 「by remember」の代わりに「by rememberSaveable」にすると、画面が回転しても値を保持できる ただし rememberSaveable は Parcelable しか保存できないので、オブジェクトを保存したい場合は Parcelable にシリアライズする必要があるらしい（未検証） ■状態とロジックを切り離す rememberCounter は model/Counter.kt など別ファイルに記載する ※未検証 CameraX | Android デベロッパー | Android Developers https://developer.android.com/jetpack/androidx/releases/camera?hl=ja Jetpack ComposeでCameraXを実装する | Androg https://kwmt27.net/2021/06/12/jetpack-compose-camerax/ Jetpack Composeで写真を撮影するか画像を選択する - 山本隆の開発日誌 https://www.gesource.jp/weblog/?p=8773 [WIP]CameraXで作るQRコードリーダ｜Masato Ishikawa https://note.com/masato1230/n/na09514fe5698 ※未検証 [Jetpack Compose]Analytics / Crashlytics / FCMを導入 - Kumanote Tech Blog https://blog.kumano-te.com/activities/introduce-firebase-to-android-app-with-compose ■ハローワールド src/main/java/org/refirio/helloworld/MainActivity.kt src/main/res/layout/activity_main.xml ■ボタンとトースト src/main/java/org/refirio/helloworld/MainActivity.kt src/main/res/layout/activity_main.xml ■ビューバインディング AndroidStudio4.1から、ビューバインディングという機能が用意されている これはfindViewByIdの後継となる機能で、findViewByIdよりも高速に動作するらしい build.gradle（Androidビューでは「Gradle Scripts」直下の「build.gradle (Module: helloworld.app)」が該当する） コードを変更したら「Sync Now」をクリック さらに、アクティビティを以下のように変更 src/main/java/org/refirio/helloworld/MainActivity.kt これで先と同じ結果が得られる ビューバインディングでは、レイアウトXMLファイルに対応するクラスが自動で生成される 今回の場合レイアウトファイルは activity_main.xml なので、これに接尾語「Binding」を加えた「ActivityMainBinding」が自動的に生成されている このクラスを使うように指定する。そしてonCreateメソッド内で ・生成されたバインディングクラスに含まれるinflateメソッドを呼び出す ・rootプロパティからルートビューへの参照を取得する ・取得したルートビューをsetContentViewにわたす という処理を行う（これはビューバインディングを使う場合のお決まりの処理となる） 「testButton」は、ボタンのID「test_button」をキャメルケースにしたものを指定するみたい ■画像の表示 任意の画像をコピーする プロジェクトウインドウのツリーで「res」内の「drawable」を選択する その状態でペーストを行う コピー先の選択として「drawable」と「drawable-24」のように表示されるが、「drawable」にペーストする （「drawable-24」はAPI24（Android7.0）以降のバージョンでのみ使用したいリソースを入れる場所） コピーダイアログが開くので、そのまま「Refactor」をクリックする これで「drawable」フォルダ内に画像が表示される レイアウトのXMLを開き、「common」内の「ImageView」をドラッグ＆ドロップで配置する 画像の選択ダイアログが表示されるので、配置したい画像を選択して「OK」をクリック 画像が配置されるので、あとはテキストやボタンと同様に表示位置の調整を行う ■アクティビティの追加とインテント プロジェクトウインドウのツリーで「app」を右クリックし、 「New → Activity → Empty Activity」を選択する 表示されたダイアログで「Activity Name」で「ResultActivity」と入力して、あとはデフォルトのまま「Finish」ボタンを押す プロジェクトウインドウのツリーに「ResultActivity」と「activity_result.xml」が追加される 以下のようにすると、追加したアクティビティに遷移するためのボタンとして機能する src/main/java/org/refirio/helloworld/MainActivity.kt ■staticメソッドを定義する companion object を使ってstaticメソッドを定義する Kotlinで静的変数・メソッドを定義する方法 - goroyaのSE日記 http://gogoroya.hatenadiary.jp/entry/2017/06/05/234348 kotlinはJavaからどう見えるか? - Qiita https://qiita.com/boohbah/items/167233c7eafe17f3150b ■Kotlin RPEL ※XcodeでいうPlaygroundのようなもの プロジェクトを開いた状態で、メニューの「ツール → Kotlin → Kotlin RPEL」から実行できる ■アプリのアイコンを変更する ※未検証 Android Studio 開発【アプリアイコンの変更】 - ハコニワ デザイン http://hakoniwadesign.com/?p=4908 Androidアプリのアイコン画像を変更する方法【初心者向け】 | TechAcademyマガジン https://techacademy.jp/magazine/2710 ■スプラッシュ画面を表示する ※未検証 Splash画面でpostDelayedして一定時間画面を表示する - Qiita https://qiita.com/shanonim/items/35296c02494ffdbd7273 Androidでスプラッシュ画面を作る方法 - Qiita https://qiita.com/glayash/items/646e5c0d5de82cfc17bc ■カメラ 【Android】カメラ機能に触れてみる(Android5.0〜) - vaguely https://mslgt.hatenablog.com/entry/2015/05/12/013013 AndroidのCamera2 APIのサンプル : 時々、失業SEの開発日誌 http://blog.kotemaru.org/2015/05/23/android-camera2-sample.html 【kotlin】CameraXでAndroidカメラを実装してみた | RE:ENGINES https://re-engines.com/2019/10/31/%E3%80%90kotlin%E3%80%91camerax%E3%81%A7android%E3%82%AB%E3%83%A1%... Getting Started with CameraX https://codelabs.developers.google.com/codelabs/camerax-getting-started/#2 【Android】CameraX試してみた - Qiita https://qiita.com/emusute1212/items/6195cf18bfcbea2ef1d1 Android CameraXでプレビューを表示する ｜ Developers.IO https://dev.classmethod.jp/smartphone/android/android-camerax-preview/ Android4と5・6でカメラは仕様が大きく変わっているみたい 以下、2021年6月時点で改めて調べたときの記事（要検証） CameraX の概要 | Android デベロッパー | Android Developers https://developer.android.com/training/camerax?hl=ja プレビューを実装する | Android デベロッパー | Android Developers https://developer.android.google.cn/training/camerax/preview?hl=ja 【初心者向け】CameraXでAndroidのカメラアプリを作る - Qiita https://qiita.com/senju797/items/7b846fce6a828004279c AndroidのカメラサポートライブラリのCameraXを使ってみました | Kotlin | アプリ関連ニュース | ギガスジャパン http://www.gigas-jp.com/appnews/archives/9555 AndroidでCameraXを使ってみる(プレビューの表示) - くらげになりたい。 https://www.memory-lovers.blog/entry/2021/01/25/230000 ■プッシュ Androidのプッシュ機能は、以下のように仕組みが変わっている C2DM（Cloud to Device Messaging） ↓ GCM（Google Cloud Messaging） ↓ FCM（Firebase Cloud Messaging） 【Androidプッシュ通知】GCMの廃止、FCMへの移行とは？ | 株式会社アイリッジ https://iridge.jp/blog/201810/23018/ 「Googleクラウドメッセージング（GCM）」が1年後に廃止、「Firebase Cloud Messaging（FCM）」への移行が必要に：Googleのアプリメッセージング基盤が完全に交代 - ＠IT http://www.atmarkit.co.jp/ait/articles/1804/13/news051.html 【Androidプッシュ通知】GCMの廃止、FCMへの移行とは？ | 株式会社アイリッジ https://iridge.jp/blog/201810/23018/ ■フラグメント Fragmentの基本 - Qiita https://qiita.com/naoi/items/3e1125d1e1418d09f77a Android はじめてのFragment - Qiita https://qiita.com/Reyurnible/items/dffd70144da213e1208b ■フラグメントでページの切り替え 以下で新規にプロジェクトを作成 プロジェクトの選択: Empty Activity プロジェクトの名前: fragment ビューバインディングを使えるようにする build.gradle を変更したら「Sync Now」をクリック アクティビティを追加で作成する プロジェクトウインドウのツリーで「app」を右クリックし、 「New → Activity → Empty Activity」を選択する 表示されたダイアログで「Activity Name」で「SubActivity」と入力して、あとはデフォルトのまま「Finish」ボタンを押す プロジェクトウインドウのツリーに「SubActivity」と「activity_sub.xml」が追加される タイトル表示用のフラグメントを作成する プロジェクトウインドウのツリーで「app」を右クリックし、 「New → Fragment → Fragment(Blank)」を選択する 表示されたダイアログで「Fragment Name」で「TitleFragment」と入力して、あとはデフォルトのまま「Finish」ボタンを押す プロジェクトウインドウのツリーに「TitleFragment.kt」と「fragment_title.xml」が追加される fragment_title.xml このファイルを、以下のように変更する TitleFragment このファイルを、以下のように変更する タイトル表示用のフラグメントをアクティビティへ配置する activity_main.xml を開き、「Hello World」のテキストビューを削除してから、 「common」内の「<fragment>」をドラッグ＆ドロップで中央に配置する 「Fragments」ダイアログに、存在するフラグメントが一覧表示されるので、先程作成した「TitleFragment」を作成して「OK」をクリックする 成約は上端と左右を画面の端に接続し、「Attribute」でマージンを0に設定する（もともと0になっているはず） また、以下の設定を行う id: titleFragment layout_width: 0dp layout_height: wrap_content フラグメントのプレビューを有効にする プログラムの動作には影響しないが、レイアウトがイメージしやすくなるので設定しておくといい 配置したフラグメントを選択し、「All Attrivute」内の「layout」の「[]」をクリックする 「Pick a Resource」ダイアログが開くので、先ほど作成した「fragment_title」を選択して「OK」をクリックする ここまで作業できたらいったん実行してみる 画面上部にフラグメント内の文字列が表示される サブ画面を作成する 「activity_sub.xml」を開き、初期配置されているテキストビューがあれば削除する 「layout」から「FrameLayout」を画面中央にドラッグ＆ドロップで配置 成約は上端と左右を画面の端に接続し、「Attribute」でマージンを0に設定する また、以下の設定を行う id: titleFrame layout_width: 0dp layout_height: wrap_content 「activity_sub.xml」に「Common」内の「Button」を3つ配置する 位置はtitleFrameの下なら適当でいい また、それぞれに以下の設定を行う id: firstButton text: ボタン1 id: secondButton text: ボタン2 id: thirdButton text: ボタン3 ボタンに制約を追加しておく 一例だが、3つのボタンを選択して「Align」ボタンから「Top Edges」を選択する これで各ボタンが水平に並ぶ さらに3つのボタンを選択して、いずれかのボタンを右クリックして「Chains → Create Horizontal Chain」を選択する これで画面サイズやボタンサイズが変更されても水平方向に均等に配置される フラグメント表示用のビューを配置する 「Layout」内の「FrameLayout」をドラッグ＆ドロップでボタンの下に配置する 以下の設定を行う id: container layout_width: 0dp layout_height: 0dp 制約は、上端を真ん中のボタンの下に、下端と左右は画面の端に接続する マージンはそれぞれ8を設定しておく 各画面のフラグメントを用意する プロジェクトウインドウのツリーで「app」を右クリックし、 「New → Fragment → Fragment(Blank)」を選択する 表示されたダイアログで以下を入力し、あとはデフォルトのまま「Finish」ボタンを押す FirstFragment SecondFragment ThirdFragment プロジェクトウインドウのツリーに以下が追加される FirstFragment.kt SecondFragment.kt ThirdFragment.kt fragment_pfirst.xml fragment_second.xml fragment_third.xml 画面の切り替えがわかるように、それぞれに配置されているテキストを変更しておく SubAcrivity.kt 以下のように変更する タイトル画面を完成させる activity_main.xml にボタンを配置し、上下左右に制約を追加し、以下の設定を行う id: startButton layout_width: wrap_content layout_height: wrap_content MainActivity.kt 何故か「android Unresolved reference」のエラーになったが、 メニューから「Build → Clean Project」を実行するとビルドできるようになった ■フラグメントと値のやりとり 以下で新規にプロジェクトを作成 プロジェクトの選択: Empty Activity プロジェクトの名前: fragment ビューバインディングを使えるようにする build.gradle を変更したら「Sync Now」をクリック ボタン表示用のフラグメントを作成する プロジェクトウインドウのツリーで「app」を右クリックし、 「New → Fragment → Fragment(Blank)」を選択する 表示されたダイアログで「Fragment Name」で「ButtonFragment」と入力して、あとはデフォルトのまま「Finish」ボタンを押す プロジェクトウインドウのツリーに「ButtonFragment.kt」と「fragment_button.xml」が追加される fragment_button.xml ラベル表示用のフラグメントを作成する プロジェクトウインドウのツリーで「app」を右クリックし、 「New → Fragment → Fragment(Blank)」を選択する 表示されたダイアログで「Fragment Name」で「LabelFragment」と入力して、あとはデフォルトのまま「Finish」ボタンを押す プロジェクトウインドウのツリーに「LabelFragment.kt」と「fragment_label.xml」が追加される fragment_label.xml フラグメントのプログラムを実装する ButtonFragment.kt LabelFragment.kt メインアクティビティとそのレイアウトを実装する activity_main.xml MainActivity.kt ■スライドショー 以下で新規にプロジェクトを作成 プロジェクトの選択: Empty Activity プロジェクトの名前: slideshow ビューバインディングを使えるようにする build.gradle を変更したら「Sync Now」をクリック 使用する画像を用意する 画像を選択してコピーし、app/res/drawable へコピーする 画像表示用のフラグメントを作成する プロジェクトウインドウのツリーで「app」を右クリックし、 「New → Fragment → Fragment(Blank)」を選択する 表示されたダイアログで「Fragment Name」で「ImageFragment」と入力して、あとはデフォルトのまま「Finish」ボタンを押す プロジェクトウインドウのツリーに「ImageFragment.kt」と「fragment_image.xml」が追加される フラグメントに画像を配置する fragment_image.xml を開き、最初から表示されているTextViewを削除し、 「common」内の「ImageView」をドラッグ＆ドロップで中央に配置する 画像選択のダイアログが表示されるので、「backgrounds/scenic」を選択して「OK」をクリックする これ背景用の風景写真が表示されるサンプルデータ。プレビュー用なので、実際にプログラム実行時には表示されない （レイアウトエディタで画像は未設定にしておき、プログラムから表示する画像を指定するような場合に使用することができる） また、以下の設定を行う id: imageView layout_width: match_parent layout_height: match_parent scaleType: centerCrop ImageFragment.kt を以下のように変更する ViewPager2を使う activity_main.xml を開き、最初から表示されているTextViewを削除し、 「Containers」内の「ViewPager2」をドラッグ＆ドロップで中央に配置する 上下左右を画面の端に接続し、マージンは0にする また、以下の設定を行う id: pager layout_width: 0dp layout_height: 0dp MainActivity を以下のように変更する 実行すると、画像がスワイプで順に表示される なお、上記コードの onCreate を以下のように変更すると、5秒ごとに自動で表示が切り替わる （「val handler」以降のみを追加） また、activity_main.xml の「Attrivutes」で「All Atrrivutes → orientation」プロパティを「vertical」に設定すると、 左右ではなく上下で画面が切り替わるようになる ■SharedPreferencesでデータを保存 以下で新規にプロジェクトを作成 プロジェクトの選択: Empty Activity プロジェクトの名前: sharedpreferences ビューバインディングを使えるようにする build.gradle を変更したら「Sync Now」をクリック ビューにWebViewを配置する activity_main.xml を開き、最初から表示されているTextViewを削除し、 「Text」内の「PlainText」をドラッグ＆ドロップで中央に配置する 上下左右を画面の端に接続し、マージンは0にする 垂直方向のバイアスは30にしておく また、以下の設定を行う id: editText layout_width: wrap_content layout_height: wrap_content text: Text 「Buttons」内の「Button」をドラッグ＆ドロップで中央に配置する 上をtextViewの下に接続し、下左右を画面の端に接続し、マージンは0にする 垂直方向のバイアスは20にしておく また、以下の設定を行う id: saveButton layout_width: wrap_content layout_height: wrap_content text: 保存 MainActivity を以下のように変更する ■WebViewでWebページを表示 以下で新規にプロジェクトを作成 プロジェクトの選択: Empty Activity プロジェクトの名前: webview ビューバインディングを使えるようにする build.gradle を変更したら「Sync Now」をクリック マニフェストファイルを編集し、インターネットに接続できるようにする 追加場所は、ルートであるmanifestの直下でいい manifests/AndroidManifest.xml ビューにWebViewを配置する activity_main.xml を開き、最初から表示されているTextViewを削除し、 「Wedgets」内の「WebView」をドラッグ＆ドロップで中央に配置する 上下左右を画面の端に接続し、マージンは0にする また、以下の設定を行う id: webView layout_width: match_parent layout_height: match_parent さらに、アクティビティを以下のように変更 MainActivity.kt GitHub - tyfkda/GawaNativeAndroid: 全画面に配置したWebViewでAndroidアプリを作るテスト https://github.com/tyfkda/GawaNativeAndroid [Android] アプリのタイトルバーを非表示、全画面表示にする、Theme.NoTitleBar https://akira-watson.com/android/theme-notitlebar.html WebViewでlinkタップ時にブラウザに飛ばないようにする - 布団の中にいたい https://asahima.hatenablog.jp/entry/2017/01/08/000000 ■ListViewで一覧を表示 以下で新規にプロジェクトを作成 プロジェクトの選択: Empty Activity プロジェクトの名前: listview ビューバインディングを使えるようにする build.gradle を変更したら「Sync Now」をクリック ビューにListViewを配置する activity_main.xml を開き、最初から表示されているTextViewを削除し、 「Legacy」内の「ListView」をドラッグ＆ドロップで中央に配置する 上下左右を画面の端に接続し、マージンは0にする また、以下の設定を行う id: timezonesView layout_width: match_parent layout_height: match_parent リスト用のレイアウトを作成する プロジェクトウインドウのツリーで「app → res → layout」を右クリックし、 「New → Layout resource file」を選択する 「New Resource File」ダイアログが開くので、「File name」に「list_timezone_cell」と入力して「OK」をクリックする 作成された list_timezone_cell.xml を開き、 「Text」内の「TextView」をドラッグ＆ドロップで中央に配置する 上下左右を画面の端に接続し、マージンは8にする また、以下の設定を行う id: timezoneView layout_width: wrap_content layout_height: wrap_content さらに、アクティビティを以下のように変更 MainActivity.kt ■RecyclerViewで一覧を表示 以下で新規にプロジェクトを作成 プロジェクトの選択: Empty Activity プロジェクトの名前: recyclerview ビューバインディングを使えるようにする build.gradle を変更したら「Sync Now」をクリック ビューにRecyclerViewを配置する activity_main.xml を開き、最初から表示されているTextViewを削除し、 「Containers」内の「RecyclerView」をドラッグ＆ドロップで中央に配置する 上下左右を画面の端に接続し、マージンは0にする また、以下の設定を行う id: timezonesView layout_width: match_parent layout_height: match_parent リスト用のレイアウトを作成する プロジェクトウインドウのツリーで「app → res → layout」を右クリックし、 「New → Layout resource file」を選択する 「New Resource File」ダイアログが開くので、「File name」に「list_timezone_cell」と入力して「OK」をクリックする 作成された list_timezone_cell.xml を開き、 「Text」内の「TextView」をドラッグ＆ドロップで中央に配置する 上下左右を画面の端に接続し、マージンは8にする また、以下の設定を行う id: timezoneView layout_width: match_constraint layout_height: wrap_content 親のConstraintLayoutに以下の設定を行う layout_width: match_parent layout_height: wrap_content リスト用のアダプタを作成する プロジェクトウインドウのツリーで「app → java → org.refirio.recyclerview」を右クリックし、 「New → Kotlin Class/File」を選択する 「New Kotlin Class/File」ダイアログが開くので、「File name」に「TimezoneAcapter」と入力してEnterを入力する 作成された TimezoneAcapter を開き、以下を入力する さらに、MainActivity を以下のように変更 ■RecyclerViewを並び替え 【Android】簡潔に RecyclerView を使う。 - 山崎屋の技術メモ https://www.shookuro.com/entry/android-recycler-view 【Android】イメージを含んだリッチな行を持つ RecyclerView - 山崎屋の技術メモ https://www.shookuro.com/entry/2021/02/11/145746 【Android】RecyclerView、行をドラッグして並び替え - 山崎屋の技術メモ https://www.shookuro.com/entry/recycler-view3 【Android】RecyclerView つまみ（ハンドル）をドラッグして並び替え - 山崎屋の技術メモ https://www.shookuro.com/entry/recycler-view4 Kotlin beginner: kotlin リストをドラッグして並べ替え（ItemTouchHelper） https://cony-kotlin.blogspot.com/2020/10/kotlin-recyclerviewitemtouchhelper.html RecyclerView の使い方。ドラッグ&ドロップで並び替え、スワイプで削除する。【Android】 https://negichou.com/recyclerview-and-itemtouchhelper-sample/ ■パーミッション Marshmallow端末で、Permission利用確認をする。 http://qiita.com/mattak/items/82ba07259cfe3a2ce4b1 Android6では AndroidManifest.xml でのパーミッション指定を行った上で、 protectionLevel が dangerous 以上のパーミッションについてはさらに権限の確認を行う必要がある ■ファイル一覧を表示 以下で新規にプロジェクトを作成 プロジェクトの選択: Empty Activity プロジェクトの名前: filelist ビューバインディングを使えるようにする build.gradle を変更したら「Sync Now」をクリック マニフェストファイルを編集し、インターネットに接続できるようにする 追加場所は、ルートであるmanifestの直下でいい manifests/AndroidManifest.xml ビューにRecyclerViewを配置する activity_main.xml を開き、最初から表示されているTextViewを削除し、 「Containers」内の「RecyclerView」をドラッグ＆ドロップで中央に配置する 上下左右を画面の端に接続し、マージンは0にする また、以下の設定を行う id: filesView layout_width: match_parent layout_height: match_parent リスト用のレイアウトを作成する プロジェクトウインドウのツリーで「app → res → layout」を右クリックし、 「New → Layout resource file」を選択する 「New Resource File」ダイアログが開くので、「File name」に「list_file_cell」と入力して「OK」をクリックする 作成された list_file_cell.xml を開き、 「Text」内の「TextView」をドラッグ＆ドロップで中央に配置する 上下左右を画面の端に接続し、マージンは8にする また、以下の設定を行う id: fileView layout_width: wrap_content layout_height: wrap_content 親のConstraintLayoutに以下の設定を行う layout_width: match_parent layout_height: wrap_content リスト用のアダプタを作成する プロジェクトウインドウのツリーで「app → java → org.refirio.filelist」を右クリックし、 「New → Kotlin Class/File」を選択する 「New Kotlin Class/File」ダイアログが開くので、「File name」に「FileAcapter」と入力してEnterを入力する 作成された FileAcapter を開き、以下を入力する さらに、MainActivity を以下のように変更 以下で新規にプロジェクトを作成 プロジェクトの選択: Empty Activity プロジェクトの名前: drawer ビューバインディングを使えるようにする build.gradle を変更したら「Sync Now」をクリック メニュー用のフラグメントを作成する プロジェクトウインドウのツリーで「app」を右クリックし、 「New → Fragment → Fragment(Blank)」を選択する 表示されたダイアログで「Fragment Name」で「MenuFragment」と入力して、あとはデフォルトのまま「Finish」ボタンを押す プロジェクトウインドウのツリーに「MenuFragment.kt」と「fragment_menu.xml」が追加される fragment_menu.xml MenuFragment コンテンツ用のフラグメントを作成する プロジェクトウインドウのツリーで「app」を右クリックし、 「New → Fragment → Fragment(Blank)」を選択する 表示されたダイアログで「Fragment Name」で「FirstFragment」と入力して、あとはデフォルトのまま「Finish」ボタンを押す プロジェクトウインドウのツリーに「FirstFragment.kt」と「fragment_first.xml」が追加される fragment_first.xml FirstFragment.kt 同様に SecondFragment と ThirdFragment を作成する （SecondFragment.kt と fragment_second.xml と ThirdFragment.kt と fragment_third.xml が追加される。） メインアクティビティとそのレイアウトを実装する activity_main.xml MainActivity.kt ここまででいったん完成 引き続き、 ・縦表示ならドロワーメニュー ・横表示ならサイドメニュー としてみる 横表示用にレイアウトを追加する activity_main.xml を開き、「Design」タブで表示する タブ内のツールバーから「Orientation in Editor → Create Landscape Variation」を選択する 以下のファイルが作成される。内容はもとの activity_main.xml と同じものになる app/src/main/res/layout-land/activity_main.xml このファイルを以下のように修正する （rootのIDをdrawerLayoutから別のものに変えると、「Configurations for activity_main.xml must agree on the root element's ID.」のエラーになった このエラーを回避するために、rootのDrawerLayoutは触らずにLinearLayoutを追加している 正しい方法かどうかは不明） MainActivity.kt を以下のように変更する 以下で新規にプロジェクトを作成 プロジェクトの選択: Empty Activity プロジェクトの名前: camerax ビューバインディングを使えるようにする さらに、カメラを使うために以下も追加する build.gradle を変更したら「Sync Now」をクリック マニフェストファイルを編集し、撮影と保存ができるようにする 追加場所は、ルートであるmanifestの直下でいい manifests/AndroidManifest.xml 引き続きまとめ中 Androidでログイン機能を作る場合、AndroidStudio標準のテンプレートにあるので利用できるかも その他、標準のテンプレートが以下で解説されている テンプレートからコードを追加する | Android Developers https://developer.android.com/studio/projects/templates?hl=ja 以下で新規にプロジェクトを作成 プロジェクトの選択: Empty Activity プロジェクトの名前: reader ビューバインディングを使えるようにする build.gradle を変更したら「Sync Now」をクリック 画像表示のために、Picassoを使えるようにする 同ファイルの dependencies 内の implementation の一覧の最後に以下を追加 build.gradle を変更したら「Sync Now」をクリック なお、バージョンとして「2.5.2」を指定すると「Sync Now」は表示されなかった https://github.com/square/picasso を参考に、「2.71828」を指定すると表示された Webページ表示のために、Chrome Custom Tabsを使えるようにする 同ファイルの dependencies 内の implementation の一覧の最後に以下を追加 build.gradle を変更したら「Sync Now」をクリック 今も「androidx.browser:browser:1.0.0」の指定で正しいかどうかは確認しておきたい なお「implementation 'com.android.support:customtabs:27.1.1'」という指定は古い方法だと思われる APK creation failure due to Duplicate class android.support - Stack Overflow https://stackoverflow.com/questions/59239626/apk-creation-failure-due-to-duplicate-class-android-sup... AWS CognitoにAndroidネイティブアプリでサインインする - Qiita https://qiita.com/poruruba/items/12985ec474364594be55 マニフェストファイルを編集し、インターネットに接続できるようにする 追加場所は、ルートであるmanifestの直下でいい manifests/AndroidManifest.xml リスト用のレイアウトを作成する res/layout/list_article_cell.xml メイン画面のレイアウトを調整する res/layout/lactivity_main.xml app/java/org.refirio.reader/HttpTask.kt app/java/org.refirio.reader/ArticleAcapter.kt app/java/org.refirio.reader/MainActivity.kt ※未検証 ※AsyncTaskと同等の処理をCoroutinesという機能で実装できるようになっているとのこと Kotlin Coroutine 入門1: 起動と suspend - Qiita https://qiita.com/wm3/items/48b5b5c878561ff4761a KotlinとCoroutinesでAyncTask - Qiita https://qiita.com/naoi/items/8be7d7e331668f6c67d4 Kotlin 1.3をサクッと学ぶ - CoroutineとKotlin/Nativeを触って理解しよう - エンジニアHub｜Webエンジニアのキャリアを考える！ https://eh-career.com/engineerhub/entry/2020/02/04/103000 パッケージ名が同じアプリは上書きインストールされる つまり、GooglePlayからインストールした本番アプリがあると、その端末には開発版をインストールできない が、フレーバーを使用することによりこの問題を解消できる flavorDimensionsによるflavorの指定方法 - Qiita https://qiita.com/boohbah/items/389b159a1693247b15de Android StudioでFlavor・BuildTypeを分岐させてアプリビルドする詳細手順 | PisukeCode - Web開発まとめ https://pisuke-code.com/android-studio-build-variants/ 開発環境・検収環境・本番環境での処理の分岐も、この仕組みで対応できそう ■前提 productFlavors production ... 製品用 develop ... 開発用 buildTypes release ... 製品用 debug ... 開発用 と設定するものとする ■プロジェクトの作成 新規 Android Studio プロジェクトの開始 ↓ 新規プロジェクトの作成 アプリケーション名: Build Test1 会社ドメイン: refirio.net プロジェクトの場所: C:\Users\refirio\AndroidStudioProjects\BuildTest1 （アプリケーション名をもとに自動入力される） パッケージ名: net.refirio.buildtest1 （アプリケーション名と会社ドメインをもとに自動入力される） Kitlinサポートを含める: チェックする 「次へ」 ↓ ターゲットAndroidデバイス 「API 19: Android 4.4 (KitKat)」にして「次へ」 ↓ Mobile にアクティビティを追加する 「空のアクティビティ」が選択されているので、そのまま「次へ」 ↓ アクティビティの設定 特に変更せず「完了」 エミュレータと実機で、アプリを起動できるかテストする ■Flavorの設定 app の build.gradle の の上（下ではない）に以下のコードを追加 さらに の中に以下のコードを追加 （デバッグ版書き出し時に「.debug」を付けたくないなら、省略しても良さそう。要検証） さらに manifestPlaceholders を追加 （デバッグ版とリリース版で別のアプリ名を表示する準備） app\src\main\AndroidManifest.xml のアプリ名を調整 （デバッグ版とリリース版で別のアプリ名を表示する準備） app\src\main\res\values\strings.xml で開発版のアプリ名を追加 （デバッグ版とリリース版で別のアプリ名を定義） ■ビルドの切り替え 画面左端の「ビルド・バリアント」をクリックすると、その中の「ビルド・バリアント」部分でビルドを切り替えられる 「developDebug」と「productionDebug」を切り替えると、名前の違うアプリをそれぞれインストールできる 「developRelease」と「productionRelease」は何故かエラーになって実行できない プロジェクト作成直後も「debug」と「release」から選択できるが、この「release」も実行できない リリース版は署名の登録が必要…などがあるみたい 要勉強 Android Studio : debugビルドとReleaseビルドの切替、releaseビルドの追加方法、署名付きapk作成方法 - 生活を良くします-怠惰なプログラミング https://www.what-a-day.net/entry/2016/12/11/001948 ■ビルド設定によるプログラムの分岐 設定が完了した上で実行すると、以下にプログラムが自動作成される app\build\generated\source\buildConfig\production\debug\net\refirio\buildtest1\BuildConfig.java この内容を利用して、以下のように分岐する ■その他参考になりそうなページ アプリケーション ID の設定 | Android Developers https://developer.android.com/studio/build/application-id?hl=ja https://developer.android.com/studio/build/application-id?hl=ja#%E3%83%93%E3%83%AB%E3%83%89_%E3%83%9... ■APKの書き出し ビルド Build Bundle(s) / APK(s) APKのビルド プロジェクトの app\build\outputs\apk\debug 内に app-debug.apk という名前で出力されている （実行しなくても、ビルドの度に自動作成されているみたい？） ■ダウンロードページの作成 /download/index.php ■ダウンロードと起動 ※あらかじめ、APKから直接インストールできるように端末を設定しておく Android.txt の「野良アプリのインストールを許可」を参照 上記ページにChromeでアクセスし、「Android用アプリをインストール」リンクを長押しする（タップだとインストールできないことがある） ダイアログが表示されるので 「リンクをダウンロード」 を選択する。ダウンロードが完了すると 「開く」 が表示されるのでタップ 「このアプリケーションをインストールしてもよろしいですか？」 と聞いてくる 「インストール」 をタップでインストールされる もしくは、過去にダウンロード済みのファイルをタップする ダイアログが表示され 「インストール」 を選択すると 「この既存のアプリにアップデートをインストールしますか？」 と聞いてくる 「インストール」 をタップでインストールされる ■ダウンロードと起動の補足 ※文言や細かな挙動は、端末によって異なる可能性がある 「ファイルをダウンロードするには、Chromeでストレージへのアクセスを許可する必要があります」 と表示された場合、 「続行」 を選択。遷移先の画面で 「権限」の「ストレージ」 で許可して元の画面に戻る 「セキュリティ上の理由から、お使いのスマートフォンではこの提供元からの不明なアプリをインストールすることはできません」 と表示された場合、 「設定」 を選択。遷移先の画面で 「この提供元のアプリを許可」 で許可して元の画面に戻る 「この種類のファイルはお使いの端末に悪影響を与える可能性があります。」 と表示された場合、 「OK」 にするとダウンロードされる 「もう一度ダウンロードしますか？」 と聞いてきた場合、 「ダウンロード」 にするとダウンロードされる 開く際にアプリの選択を求められたら 「パッケージインストーラー」 を選択する ダウンロードしたファイルをタップして 「ファイルを開けません」 と聞いてきた場合、最初の手順でリンクをタップせずに長押ししてダウンロードする 「パッケージの解析中にエラーが発生しました」 と表示された場合、要求されるOSのバージョンを満たしていない可能性がある それでもインストールできない場合、AndroidStudioでの書き出し手順に問題が無いか確認する ■アンインストール 設定 → アプリケーション → （アプリ名） → アンインストール を選択すると 「このアプリをアンインストールしますか？」 と聞いてくるので 「OK」 でアンインストールされる その状態で再度インストールすると、普通にインストールされた なお、アプリ一覧画面の右上ボタンで「アプリの設定をリセット」を選択すると、諸々の許可設定などがリセットされる 間違った選択をしてインストールできなくなった場合などに試す 以下の問題は過去のものかもしれないが、インストールできない場合に確認する Android Lollipopでapkがインストールできない問題 - Qiita https://qiita.com/orangain/items/a70f5b774296e609fb75 ■Google Play デベロッパー アカウント ユーザーの追加と権限の管理 - Play Console ヘルプ https://support.google.com/googleplay/android-developer/answer/2528691?hl=ja ■Firebase プロジェクト メンバーを管理する - Firebase ヘルプ https://support.google.com/firebase/answer/7000272?hl=ja テスト公開については要調査 以下はテスターを追加したときのメモ ■テスターの追加 Google Play Consoleで 「設定 → テスターの管理 → リストを作成」 からグループとユーザを追加。すでにグループが存在していれば、該当のリストを編集してメールアドレスを追加 Google Play Storeにアプリを公開する - Qiita https://qiita.com/minuro/items/536ac3f7c27c1442a1cb 【Androidアプリ開発 vol.12】完成したAndroidアプリをGooglePlayストアで公開する手順? | くねおの電脳リサーチ https://kuneoresearch.com/android-appdev12-release-to-google-play01/ ■エミュレータがインターネットに繋がらない MacでAPI27のエミュレータがインターネットに繋がらない場合、 Mac側で「システム環境設定 → ネットワーク → 詳細 → DNS」に「8.8.8.8」と「8.8.4.4」を追加する 「OK → 適用」として確認する AndroidStudio付属のエミュレータがネットワークに繋がらない時の対処法(API27で動作確認) | takelab.note https://wandering-engineer.tech/2019/08/23/post-4626/ ■既存プロジェクトを開くとエラー 古いプロジェクトを開くと、以下のようなエラーが表示されるものがあった Calendar エラー :(52, 0) Could not find property 'debugKeystore' on SigningConfig_Decorated{name=debug, storeFile=C:\Users\refirio\.android\debug.keystore, storePassword=android, keyAlias=AndroidDebugKey, keyPassword=android, storeType=C:\Users\refirio\.android\debug.keystore}. <a href="openFile:C:\Users\refirio\AndroidStudioProjects\Calendar\app\build.gradle">Open File</a> Camera エラー :(52, 0) Could not get unknown property 'debugKeystore' for SigningConfig_Decorated{name=debug, storeFile=C:\Users\refirio\.android\debug.keystore, storePassword=android, keyAlias=AndroidDebugKey, keyPassword=android, storeType=C:\Users\refirio\.android\debug.keystore, v1SigningEnabled=true, v2SigningEnabled=true} of type com.android.build.gradle.internal.dsl.SigningConfig. <a href="openFile:C:\Users\refirio\AndroidStudioProjects\Camera\app\build.gradle">Open File</a> gradle.properties を作成する C:\Users\refirio\AndroidStudioProjects\Camera\gradle.properties 設定するとエラーの内容が変わった エラー :Failed to find target with hash string 'android-25' in: C:\Users\refirio\AppData\Local\Android\Sdk <a href="install.android.platform">Install missing platform(s) and sync project</a> リンクをクリックすると、Android SDK Platform 25 のダウンロードとインストールがはじまった その後も何度かインストールを促されるので、すべてインストール ひととおりインストールしたら実行ボタン（実機書き出し）を押せるようになったが、実行すると C:\Users\refirio\AndroidStudioProjects\Camera\app\src\main\java\xxx\app\util\GoogleAnalyticsUtil.java エラー :(65, 70) エラー: シンボルを見つけられません シンボル: 変数 analytics 場所: クラス xml と言われ、ソースコードの tracker = GoogleAnalytics.getInstance(mContext).newTracker(R.xml.analytics); にフォーカスが当たった 1行目の package xxx.app.util; に赤線が引かれて The SDK platform-tools version (24.0.1) is too old to check APIs compiled with API 25 と言われる。APIレベル25までインストールが必要 ツール → Android → SDK Manager でAndroid7.1.1（APIレベル25）までインストール AndroidStudioを再起動 アップデートがあると言われたのでインストール プロジェクトを開くと、Gradleの同期とビルドが始まった 実行してみるが、それでも C:\Users\refirio\AndroidStudioProjects\Camera\app\src\main\java\xxx\app\util\GoogleAnalyticsUtil.java エラー :(65, 70) エラー: シンボルを見つけられません シンボル: 変数 analytics 場所: クラス xml と言われた。リポジトリ作成者に確認すると、res/xml/ 内に必要なファイルが無かった プッシュされていなかっただけだったので、プッシュ＆プルで取り込んで解決した ■ビルド時に Kotlin Gradle plugin version のエラーになる このファイルの「AndroidStudioをバージョンアップしたときのメモ」を参照 ■Android Studio が起動しない studio.exe と同じ場所に studio.bat があるので、これをコマンドプロンプトから実行する 起動時にエラーがあれば、以下のようにエラーメッセージが表示される >studio.bat Error opening zip file or JAR manifest missing : C:\Users\Refirio\.AndroidStudio3.2\config\jp.sourceforge.mergedoc.pleiades\pleiades.jar Error occurred during initialization of VM agent library failed to init: instrument Androidアプリエンジニアの基礎知識 - Speaker Deck https://speakerdeck.com/nein37/androidapurienziniafalseji-chu-zhi-shi もしあなたが急にAndroidアプリを業務で作るはめになった場合の選択肢(2021年初頭版) - Qiita https://qiita.com/Gazyu/items/dafdb74c4aadf722da92 [kotlin]アンドロイドでリアルタイム画像認識アプリをつくる - Qiita https://qiita.com/YS-BETA/items/cd412524932dda9ac44c 【Kotlin】OpenCVをインストールして使う方法 | 西住工房 https://algorithm.joho.info/programming/kotlin/opencv-install-kt/