Hatena Blog Tags
はてなブログ トップ
Jetpack Compose
このタグでブログを書く
言葉の解説
ネットで話題
関連ブログ

Jetpack Compose

このタグの解説についてこの解説文は、すでに終了したサービス「はてなキーワード」内で有志のユーザーが作成・編集した内容に基づいています。その正確性や網羅性をはてなが保証するものではありません。問題のある記述を発見した場合には、お問い合わせフォームよりご連絡ください。
Gunosy Tech Blog•1ヶ月前

Android Jetpack Compose で要素が「画面に表示された」を検知する実装パターン

こんにちは。Android アプリ開発担当の nagayama（@nagayan_dev）です。 こちらの記事は Gunosy Tech Blog Festa の 2 日目の記事です。 今回は、Jetpack Compose でスクロールして要素が「画面に表示された」タイミングを検知し、イベントを発火させる方法をご紹介します。 はじめに 要素の先頭（上端）が画面に入った場合のイベント発火方法 1. LazyColumn の場合 2. Column の場合 要素の全てが画面内に表示された場合のイベント発火方法 まとめ はじめに ユーザーの行動分析において、ファーストビューには入らない要素まで「実…

#Android#Jetpack Compose#compose

関連ブログ

Xtone Design & Tech Talk•3ヶ月前

なんちゃってMVIから真のMVIを目指して - Android大規模アプリでの実践と学び

なんちゃってMVIから真のMVIを目指して - Android大規模アプリでの実践と学び はじめに 対象読者: MVVMでの開発経験があり、MVIを実践投入しようとしているAndroid開発者 こんにちは、エクストーンの石原です。 MVIアーキテクチャは、Androidアプリの状態管理を予測可能にし、テスタビリティを向上させる優れたパターンです。以前の記事では、MVIの基本概念や歴史的背景を詳しく解説しました。 design-tech.xtone.co.jp 本記事はその実践編として、私が実際にMVIを大規模アプリのコンテンツ管理機能に導入した際の経験を共有します。 MVIの基本原則を学び、I…

#Android#Jetpack Compose
AI副業の歩き方 〜おやじと学ぶ最初の一歩〜•4ヶ月前

ストップウォッチアプリに挑戦！

こんにちは。AI副業チャレンジ中の中年おやじです。 今日は昨日に引き続き、Android アプリの制作をしました。昨日はテンプレートの選択を間違えていたせいで上手くいかなかったのですが、正しいテンプレートを選べば、いろんなアプリが作れるのでは？と思いました。 ――― ということで、今日は ストップウォッチアプリ に挑戦です。 いつものように gemini 君にお願いして、「ストップウォッチのアプリを作りたいから、コードを出して」と伝えると、すぐにコードを生成してくれました。 早速そのコードを Android Studio に貼り付けて、Run ボタンをポチッと…… ――― やっぱりエラーです。…

#Androidアプリ開発#Jetpack Compose#Gemini CLI#エラー解決#学びの記録
AI副業の歩き方 〜おやじと学ぶ最初の一歩〜•4ヶ月前

ついにカウンターアプリが動いた！

こんにちは。AI副業チャレンジ中の中年おやじです。 今回もエラーと格闘する予定だったのですが……。ふと、「そもそもこのコード、本当にカウンターアプリとして動くのか？」という疑問がわいてきました。 これまでずっと gemini 君の出してくれたコードを信じて修正してきましたが、もしかして、最初から動かないコードだったら？と思いはじめたんです。 ――― というわけで、一度しっかり動くようにしてから、改めてエラーとの格闘を再開することにしました。ここで登場するのが gemini CLI です。 Android Studio のターミナルで「gemini」と一声かければ起動します。そこで「counte…

#Androidアプリ開発#Jetpack Compose#Gemini CLI#エラー解決#副業チャレンジ
AI副業の歩き方 〜おやじと学ぶ最初の一歩〜•4ヶ月前

Jetpack Compose、環境設定に大苦戦中！

こんにちは。AI副業チャレンジ中の中年おやじです。 ――― 今回のテーマは「Jetpack Compose を Kotlin 2.0 環境で動かすための準備」です。いざカウンターアプリを作ろうとしたら、出てきたのは無数のエラーメッセージ。 Unresolved reference: compose Unresolved reference: setContent 要するに、「Android Studio が Jetpack Compose を知らないよ！」と怒られているわけです。 ――― 🔍 出てきたエラー Unresolved reference: compose Unresolved re…

#Kotlin#Jetpack Compose#Androidアプリ開発#Android Studio#エラー解決
stmn tech blog•6ヶ月前

Paging3 でのリストのアイテム更新にハマった話

はじめに 株式会社スタメンでモバイルアプリの開発をしているカーキ（X: @khaki_ngy）です。 これまでJetpack Composeを採用した画面で、大量のアイテムをページング表示したい場合は、多くのケースで AndroidX Paging ライブラリ（以下、Paging3）を採用してきました。 直近で担当したタイムライン機能のリプレイスに際しても、投稿一覧を表示するために当初 Paging3 を採用しましたが、開発を進める中で、Paging3 が持つ特性と、我々の要件との間にギャップがあり、Paging3 の利用を見送る必要がある状況になりました。 今回のブログでは、Paging3 …

#Android#Jetpack#Jetpack Compose
Xtone Design & Tech Talk•6ヶ月前

【図解・年表】2025年最新版Androidアーキテクチャ進化史：God ActivityからUDF/MVIまで17年の軌跡

Androidアーキテクチャ進化史 God ActivityからUDF/MVIまで17年の軌跡 2008 2025 ⚠️ God Activity 無秩序の時代 ⚡ MVP 責任分離 🏗️ Clean 3層構造 👑 MVVM 黄金期 🚀 UDF/MVI 現代開発 17年間の技術進化を一気に振り返る 1. はじめに こんにちは、xtone Androidエンジニアの石原です。 前回の記事「Androidアプリ開発のUI実装進化：黎明期からMaterial 3 Expressiveまで時系列で徹底解説」では、Android開発における視覚的な変化を17年にわたって振り返りました。 design-t…

#Android#Jetpack Compose#Clean Architecture#UDF#MVVM
Xtone Design & Tech Talk•7ヶ月前

Androidアプリ開発のUI実装進化：黎明期からMaterial 3 Expressiveまで時系列で徹底解説

1. はじめに こんにちは、xtone Androidエンジニアの石原です。 本記事では、AndroidのUI実装がどのように進化してきたのかを、黎明期、Material Design、Material 2、Material You（Material 3）、そして最新のMaterial 3 Expressiveまで、時系列で分かりやすく解説します。 技術に詳しくない方にも理解しやすいよう、背景や現場での実例、実装方法やコード例、今後の展望まで詳しく紹介します。 Androidアプリ開発のUI実装進化 2008-2025年の進化の軌跡 2008-2010: 黎明期 JavaコードによるUI生成、…

#Android#Material Design#Jetpack Compose#DataBinding
アイリッジ開発者ブログ•7ヶ月前

AndroidのJetpackComposeで歩数計を実装してみた

こんにちは。 開発部第一グループの若松です。 Android アプリで歩数計を開発する機会があったので実装してみました。 歩数を取得する実装は SensorManagaer、ヘルスコネクト、Recording API などいくつかありますが、今回は SensorManagaer を使って、歩数データを取得して JetpackCompose で表示する形で実装します。 リアルタイムで歩数を計測しやすいため、SensorManagaer を採用しました。 AndroidManifest に権限を付与 早速実装について解説していきます。 まずは AndroidManifest ファイルに以下権限を要…

#Android#Jetpack Compose#センサーマネージャー#歩数計
Voicy Tech Blog•8ヶ月前

Jetpack Compose Preview時のRender issueにmockkで立ち向かう

はじめに こんにちは。5月よりフルスタックエンジニアとしてVoicyに入社しました、たかまてぃー(@kyappamu) と申します。GW明けから始まったブログリレーの波に私も乗っからせていただきました。 今回は Jetpack Compose で Android アプリ開発をする際の Preview 表示でよく遭遇するであろう、Render issue に mockk と共に立ち向かってみたことについて書いてみたいと思います。 mockk とは mockk.io Kotlin 用のモックライブラリで、依存モジュールの振る舞いを変えたり、任意のレスポンスを返したりなど、ユニットテストでよく使われ…

#Jetpack Compose#MockK