- 1. [Android] Scroll Custom Calendar
- 2. FlutterのPlatform Viewsの表示モードを整理する
- 3. flutterのAndroidアプリでGoogleログインする時の12500エラー
- 4. firebasecrashlytics settings request failed
- 5. ModalBottomSheetで発生したニアミス
- 6. Android用のiperf3
- 7. (前編・文法やビルトインの機能中心)数ヵ月くらいDartとFlutterを触ったので個人の所感と学んだことを全体的ににまとめてみる
- 8. 【Flutter】画面タップでキーボードをしまう方法
- 9. Roomで使うkspを導入する際にハマったことと解決した方法
- 10. Android 9以下ではandroid:backgroundで@colorを指定できない件
- 11. 【Kotlin】AndroidアプリへのPush通知機能の実装方法【画像とサンプルコード付き】
- 12. WSL2 環境で Flutter の開発環境を作成する
- 13. Jetpack Composeでテキスト入力欄にPrefix, Suffixを入れる
- 14. Compose改行したテキストとサイズの違うテキストの下部を揃える方法
- 15. Androidでキーボードの表示非表示を検知する【Kotlin】
- 16. Jetpack Composeで相対位置での配置をしたい(ConstraintLayoutのbiasみたいなやつ)
- 17. 【Android】Retrofit2使用時の戻り値の比較 – Call vs Response
- 18. 【AndroidStudio】AndroidGradlePluginのバージョンアップにはアシスタント機能を使うと便利
- 19. Jetpack composeで拡大鏡を実装する
- 20. JetpackComposeのPreviewで知っておくといいことがあるかもしれないTips
[Android] Scroll Custom Calendar
![untitled.gif](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3639815/e49943fa-a391-2a9d-82b3-a0f6c603b745.gif)
# *月別 カレンダー*
スクロールができるカスタムカレンダーを作成する必要があったため、研修で作成したカスタムカレンダーを参考にし、新しくカレンダーを作成しました。
スクロール時に月が変わる必要があるため、“`ViewPager2“`を活用し、“`ViewPager2“`のアダプターアイテムとして“`RecyclerView“`を入れて活用しました。## *object*
日付関連の作業はオブジェクトを作成して実行するようにしました。“`kotlin
object Dates {fun generateDates(calendar: Calendar): List
{ val dates = mutableListOf
()
FlutterのPlatform Viewsの表示モードを整理する
## はじめに
FlutterはiOSやAndroidなど複数のプラットフォームで動作するUIフレームワークです。Flutterは独自のUIレンダリングの仕組みを持っており、基本的には各プラットフォームのネイティブUIを使用しないため、プラットフォーム間での動作の差異がほとんどないという特徴があります。しかしながらマップやウェブビューなど、プラットフォームが提供しているUIをFlutterで表示したいことがあります。そのようなケースに対応するための仕組みが **Platform Views** です。
あるプラットフォーム上でそのプラットフォーム向けのUIを表示する(例えばiOSで`UIButton`を表示する)というのは当たり前なことです。しかし、それをFlutterで構築されたアプリの中で表示する場合、Flutterが独自にレンダリングするUIとプラットフォームのUIを同時に組み合わせて表示しなければならないことになります。
iOS/Androidにおけるそのような課題をFlutterはどのように解決しているのか?を整理する機会があったため、こちらの記事にまとめます。
:
flutterのAndroidアプリでGoogleログインする時の12500エラー
# 12500エラーが止まらない
1ヶ月半程前からFlutterでAndroidアプリの作成の練習をしていました。
練習でGoogleログインを組み込もうとしたときに良くあるらしいエラー12500に遭いました。“`zsh:デバッグログ
PlatformException(sign_in_failed, com.google.android.gms.common.api.ApiException: 12500: , null)
“`それで、調べると大体出てくるFirebaseAuthのSHA-1の登録やサポートメールの登録、build.gradleの設定を何回見てもおかしいところはない・・・。
というか、今回の場合は朝方まで組み込んでて一度動作したのを確認して寝て起きて再度動かそうとしたらこのエラーが出だしたので、そもそも間違っている気がしない・・・。# 原因
気づけば何のことはないAndroidエミュレーターが原因だったというオチです。
コールドブートすればあっさり動きました・・・。“`bash:コールドブート
./emulator -avd Pixel_8_AP
firebasecrashlytics settings request failed
## firebasecrashlytics settings request failed
私の解決策:動作検証している端末やエミュレータの通信状態をONにする。
※検証している端末の通信状態がOFFになっていることが原因でした。他の記事をご覧になっても初期化失敗する方は確認してみてください。
ModalBottomSheetで発生したニアミス
# はじめに
今回はModal BottomSheetを実装していて発生したニアミスを紹介していきます
### 本文
***表示切替***
ModalBottomSheetを実装するときに`rememberModalBottomSheetState`を使うと思うのですが、`show()`や`hide()`で切り替えようとするとボトムシートを置いている親のViewに対するタップが効かなくなります。
これはbackgroundを設定したりModalBottomSheetの中を見てみるとわかるのですが、`BoxWithConstraints`で`constraints.maxHeight`が設定されているため親の高さいっぱいまで見えないBottomSheetが伸びてるせいでタップが全て吸われている状態です。
そのためif文での切り替えが最適となります。
***padding***
ナビゲーションバー分の余白を開けようとして`navigationBarsPadding`のみを設定すると少しだけ余白が足りません。
これは`dragHandle`分の余白が考慮されていないため発生しています。
Bo
Android用のiperf3
## About this
Android用のiperfバイナリを作成する機会があったので手順を記載したもの。
## Prerequisites
– Docker
– adb## Build
Dockerfileを作ってビルドを実施した。
作成したイメージの中にiperf3のバイナリファイルができているので、イメージ作成後、docker cpで取得する。“`shell: コマンド
$ mkdir work
$ cd work
$ vi Dokerfile ## 下のほうに記載している内容のファイルを作成する
$ docker buildx build –no-cache -t iperf:3.17.1 –load 3.17.1
$ docker run -d -t –name iperf3 iperf:3.17.1
$ docker cp iperf3:/iperf/src/iperf3 .
$ docker rm -f iperf3
$ docker rmi iperf:3.17.1
“`## Usage
作成したiperf3バイナリファイルは、ad
(前編・文法やビルトインの機能中心)数ヵ月くらいDartとFlutterを触ったので個人の所感と学んだことを全体的ににまとめてみる
お仕事で数か月程度DartとFlutterでのスマホアプリ開発をしていたので触ってみて感じた所感や学んだことなど、追加で調べたことなどを雑多に全体的にまとめておきます。
(個人の復習や知識の漏れの補完・その他チームメンバーへの共有も兼ねて)※DartやFlutterの基礎であったり、ビルドインやサードパーティのライブラリ含め利用しているものも全体的に触れていきます。
※色々まとめていたら長くなったので前編後編で分けます。本記事では所感やDart周りなどを中心に触れ、後編はFlutterの細かい点も触れていきます(考えなしに書いていたらとても長くなったのでほぼ自分の勉強用の記事となってきています・・・w)。
# 前置き
:::note warn
専任のアプリクライアントエンジニアやフロントエンジニアなどをやってきているわけではないので専門の方々からすると色々知識が荒い点はご了承ください(仕事でサーバーやクラウドなどを触っている時間なども多めです)。もし専門の方から見て間違いなど気づかれましたらこっそりコメントなどで優し目にマサカリ投げていただけますと幸いです。
:::#
【Flutter】画面タップでキーボードをしまう方法
# はじめに
TextFormFieldを実装した時、キーボードを開く処理は特に必要ありません。
ただ、画面のキーボード以外の部分を触った時に、キーボードをしまう処理は意図的に設定しないといけません。とても簡単なので、真似してみてください。
# 開発環境
[Flutterバージョン]
3.16.1[使用端末]
PC: Macbook Air(M1)[開発ツール]
VSCode# キーボードをしまう処理
対象とするWidgetの親要素に、GestureDetectorを置き、onTapパラメータとbehaviorパラメータに、以下のコードを渡します。
“`dart
GestureDetector(
onTap: () => FocusManager.instance.primaryFocus?.unfocus(),
behavior: HitTestBehavior.opaque,
child: ~画面要素~
)
“`# コード全体
“`dart
class Demo extends StatelessWidget {
Roomで使うkspを導入する際にハマったことと解決した方法
Developersの**Android Kotlin の基礎**のレッスン7までやり終えてやっとアプリが作れると思いきや、まさかのkspのせいでなかなか手こずったので問題そのものと、解決した方法を書きたいと思います。
[Android Kotlin の基礎](https://developer.android.com/courses/kotlin-android-fundamentals/overview?hl=ja)
※ 因みにこのコースを受講するきっかけの記事と、このコースを受講する際に参考にした記事も貼っておきます。
・[受講するきっかけの記事](https://qiita.com/yayamochi/items/7c689fd7fe6954e3c198)
・[参考にした記事](https://note.com/haine_rion23/)
参考に記事の方はコースごとに丁寧に解説していてとてもわかりやすかったのでおすすめ。# 本題
android studioでroomを使おうとして公式のドキュメント通りに追加したらエラーが出たので、
色々と試したものと、最終的に解決し
Android 9以下ではandroid:backgroundで@colorを指定できない件
タイトルの通り、Viewの背景にべた塗りの色を指定したくて、以下のように指定しました
“`xml
“`結果、Android9以下で
“`
java.lang.RuntimeException: Unable to start activity ComponentInfo{com.example/com.example.MainActivity}: android.view.InflateException: Binary XML file line #21: Binary XML file line #21: Error inflating class TextView
…
Caused by: android.view.Inf
【Kotlin】AndroidアプリへのPush通知機能の実装方法【画像とサンプルコード付き】
# はじめに
アプリには必須と言えるPush通知ですが、いざ実装しようとすると色々と複雑そうでよくわからない…
そんな人に向けた記事となっています。
はじめにFirebase Cloud Messaging(FCM)を利用したPush通知の実装手順を記載した後で、Push通知ASPの[Appvisor](https://mb.app-visor.com/ “Appvisor”)を利用した手順や実際の配信の流れを説明していきます。# Push通知実装までの流れ
1. ベースとなるAndroidアプリの実装
1. Firebaseコンソール上でFirebaseプロジェクトを作成
1. AndroidアプリでFirebaseのサービスを実装
1. フォアグラウンド時の通知表示の実装# 動作環境
– Android Studio Jellyfish | 2023.3.1
– Android Gradle Plugin Version 8.4.0
– Gradle Version 8.6
– Mac OS Sonoma 14.4.1
– Android 14※Push通知の動作検
WSL2 環境で Flutter の開発環境を作成する
# Flutterとは
Flutterは、単一のコードで複数のプラットフォーム上で動作可能なアプリケーションが作成可能なオープンソースフレームワークです。執筆時点でiOS・Android・Windows・macOS・Linux・Webのアプリケーションが作成可能です。
->[公式サイト](https://flutter.dev/)# 環境と前提
– Windows 11 Pro 23H2
– WSL2 (Ubuntu 22.04)本来は[公式のインストール手順](https://docs.flutter.dev/get-started/install/linux/android)に沿って作業をするのが一番ですが、今回は「Windows環境を汚さない」「WSLのコマンドラインで完結する」を目指して手順を再構成しています。
本記事のゴールは「WSL環境で開発したFlutterアプリをAndroidスマホ実機で(デバッグモードで)起動する」ところまでです。
なお、今回はAndroid Studio のエディタおよびAndroid エミュレータの環境構築は対象としません。
また、W
Jetpack Composeでテキスト入力欄にPrefix, Suffixを入れる
# 本文
主にAndroid開発でKotlinのJetpack Composeで入力欄にprefix, suffixを付ける方法。
たとえば、金額入力欄に
「料金1000円」
と入力させたいときに、ユーザーには数値のみを入力させ、最初の「料金」(prefix)と最後の「円」(suffix)を自動で付加できる。“`FormText.kt
OutlinedTextField(
visualTransformation = PreSuffixTransformer(“料金”, “円”),
label = {
Text(“お会計”)
},
)class PreSuffixTransformer(val prefix: String = “”, val suffix: String = “”) : VisualTransformation {
override fun filter(text: AnnotatedString): TransformedText {
val result = AnnotatedString(
Compose改行したテキストとサイズの違うテキストの下部を揃える方法
Compose改行したテキストとサイズの違うテキストの下部を揃える方法です。
実装サンプル画像
![スクリーンショット 2024-05-12 19.24.14.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/274615/094f0100-da3f-c300-3ed5-f1fadce5d961.png)“`TextSample.kt
@Composable
fun TextSample() {
Row {
Text(
text = “取得”,
modifier = Modifier.alignByBaseline(),
maxLines = 1,
fontSize = 20.sp
)
Text(
text = “1000”,
modifier = Modifier.alignByBaseline(
Androidでキーボードの表示非表示を検知する【Kotlin】
# 準備
https://github.com/yshrsmz/KeyboardVisibilityEvent
こちらのライブラリを使ってソフトキーボードの表示中を検知します。
↑を元に準備していきます。
“`php:build.gradle(:app)
dependencies {
api ‘net.yslibrary.keyboardvisibilityevent:keyboardvisibilityevent:2.1.0’
}
“`# 実践
“`php:MainActivity.kt
KeyboardVisibilityEvent.setEventListener(this) {
KeyboardVisibilityEventListener {
if (it) {
// 表示
} else {
// 非表示
}
}
Jetpack Composeで相対位置での配置をしたい(ConstraintLayoutのbiasみたいなやつ)
# 概要
中央に置きたいだけならAlignment.Centerで良いのだが**ConstraintLayoutでいうところのこの辺と同じ様に相対位置で要素を配置したい**という課題について調べた際の備忘録です。
– layout_constraintVertical_bias
– layout_constraintHorizontal_bias# 結論
`BiasAlignment`を使えば良い。
縦横ともに0fが中央になり、-1f〜1fの範囲内で指定する。“`kotlin
@Composable
fun BiasAlignmentSample() {
Box(
modifier = Modifier.fillMaxSize(),
contentAlignment = BiasAlignment(
horizontalBias = -0.8f,
verticalBias = 0.7f
)
) {
Text(“Sample”)
}
}@Preview(
showBackground = true,
【Android】Retrofit2使用時の戻り値の比較 – Call vs Response
# Retrofit2の戻り値
戻り値の型として、以下の2つを想定し比較する
– Call\
– Response\## APIの実行
### Call\を使用する場合
APIの実行はCall\クラスの以下のメソッドを使用することになる
– Call#execute()
– 非同期処理
– Call#enqueue()
– 同期処理### Response\
を使用する場合
APIの実行は、APIの実行メソッドを呼び出すだけ
– APIの実行メソッドをsuspendメソッドにすることで非同期処理になる## APIの結果の受け取り
– Call#excecute()を使用
– Call#excecute()の戻り値であるResponseから行う
– Call#enqueue()を使用
– #enqueue()の引数Callbackのcallbackメソッドから行う
– Response\を使用
– 戻り値であるResponseから行う ## 結論
– Response\を使用す
【AndroidStudio】AndroidGradlePluginのバージョンアップにはアシスタント機能を使うと便利
# はじめに
以前ご紹介した[SDKアップデート時に利用できるアシスタント機能](https://qiita.com/YuukiYoshida/items/bf3e9cd20b658c24fb6e)など、最近AndroidStudioがどんどん便利になっていますが、今回はAndroidGradlePluginのバージョンをアップデート時に利用すると便利なアシスタント機能をまとめてみようと思います。# AGP Upgrade Assistant
正式名称はタイトルの通りになりますが、こちらはAndroid Studio 4.2から追加された機能になります。
これまでは【AGPとGradleのバージョンを変更】→【Sync Gradle Files】→【エラーやワーニングの指摘箇所を修正】→【Sync Gradle Files】→と何度も確認する必要があり大変でしたが、アシスタント機能を利用することで簡単にバージョンアップが行えるようになりました。![スクリーンショット 2024-05-12 11.59.58.png](https://qiita-image-store.s3.ap
Jetpack composeで拡大鏡を実装する
# 初めに
今回はJetpackComposeを使って拡大鏡を実装していきます
### 本文
やること自体は至極単純で下記をModifierに設定するのみです
“`kotlin
var offset by remember {
mutableStateOf(Offset.Zero)
}
Modifier.magnifier(sourceCenter = {
offset
}
“`
ただし、`@OptIn(ExperimentalFoundationApi::class)`アノテーションを付けないといけないので注意してください### さいごに
今回はJetpackComposeでの拡大鏡実装方法を紹介しました
どなたかのお役に立てれば幸いです
JetpackComposeのPreviewで知っておくといいことがあるかもしれないTips
## はじめに
2023年3月からAndroidアプリエンジニアをしている KSND([GitHub](https://github.com/kosenda)、[X](https://twitter.com/ksnd_dev) )といいます。最近LTしてみたいな〜と漠然に思っていて、PreviewについてLTしたら面白いのではと考えちょっとだけPreviewについて調べましたが大して話せそうなことがなかったのでLTを断念しました。
すぐに忘れてしまいそうだったので思い出せるようにこの記事を書きました。今後、Preview関連でTipsを知ったらこの記事に追記しようと思ってます。
## Previewでダミーのテキストを使いたい時
Composeのライブラリ(`androidx.compose.ui:ui-tooling-preview`)で用意されている`LoremIpsum`(ロレムイプサム)というクラスを利用すれば自前でダミーテキストを用意しなくても良くなります。
– Android developers – LoremIpsum
https://develope