Android カメラアプリとメディアアプリ
カメラとメディアの最新のユースケースを構築
デバイス ギャラリーでアイデアを見つけましょう
大画面ギャラリー
Wear OS ギャラリー
テレビ ギャラリー
コア ワークフロー
再生
次のインスタンスを編集しています:
プレミアムなメディア エクスペリエンスを追加する
サンプルアプリを確認する
Media3 への移行
スタンドアロンの ExoPlayer ライブラリ、MediaCompat、Jetpack Media2 などの古い API を使用している場合は、移行ガイドに沿って、移行スクリプトを使用すると、Media3 を簡単に移行できます。
Jetpack Media3 に移行する理由
- ExoPlayer API、MediaSession API、MediaController API を更新しました
- 新しい Transformer API による編集
- MediaCompat API との下位互換性あり
ハイライト表示されたコンテンツ
テキストの一部にスタイルを設定する
Updated 2025年2月22日
テキストの一部にスタイルを適用すると、読みやすさを高め、ユーザー エクスペリエンスを向上させ、色やフォントを使って創造性を高めることができます。
ユーザーが入力するときに入力を検証する
Updated 2025年2月22日
ユーザーがテキスト フィールドに入力する際に、入力内容を検証できます(名前、メールアドレス、住所などの連絡先情報の入力など)。この検証により、エラーが減り、ユーザーの時間を節約できます。
1 つのテキスト文字列に複数のリンクをサポート
Updated 2025年2月22日
1 つのテキスト文字列に複数のリンクをサポートして、ユーザーに選択肢を提供し、エンゲージメントを高めることができます。
画像を読み込んで表示する
Updated 2025年2月22日
コンテンツやユーザー アクションへのレスポンスとしてアプリに画像を表示するには、ディスクまたはインターネット上の外部ソースから画像を読み込みます。
Compose のアニメーション
Updated 2025年2月6日
Compose アニメーション API を使用して、状態値をアニメーション化する方法、遷移を使用する方法、可視性やサイズの変更をアニメーション化する方法、クロスフェードをアニメーション化する方法について学びます。
ユーザーの切り替えに基づいてパスワードを表示または非表示にする
Updated 2025年2月6日
ユーザーの切り替えに基づいてパスワードを非表示または表示するアイコンを作成することで、セキュリティを強化し、ユーザー エクスペリエンスを向上させることができます。
アニメーション画像を表示する
Updated 2025年2月6日
ドローアブル ファイルを読み込んでアニメーション画像を表示することで、アプリでよりインタラクティブで魅力的なユーザー エクスペリエンスを実現できます。アニメーション画像は、読み込みインジケーター、成功またはエラーのインジケーター、ゲーム開発の促進、その他のさまざまな UI 機能の作成に役立ちます。
ページング リストを表示する
Updated 2025年2月6日
1 つの画面に収まらない大きさのコンテンツにユーザーがスクロールしてアクセスできるように、ページング リストを作成します。水平方向のページング リストは、画像、スライドショー、商品カルーセルなどのコンテンツをユーザーが移動する際に役立ちます。縦方向のページング リストは、記事など、ユーザーが多数のアイテムをスクロールする必要があるコンテンツが多いアプリに適しています。
Compose でのテスト
Updated 2025年2月6日
最初の Jetpack Compose テストを作成します。Compose のテスト アーティファクトを使用して UI テストを作成し、テストルール、ファインダー、アサーションを使用できるようにします。
ポップアップ メッセージやユーザー入力のリクエストを表示する
Updated 2025年2月6日
ダイアログは、ポップアップ メッセージを表示したり、メインのアプリ コンテンツの上のレイヤでユーザー入力をリクエストしたりします。
大きな画面向けに最適化する
Updated 2025年2月6日
タブレット、折りたたみ式デバイス、ChromeOS デバイスで最適化されたユーザー エクスペリエンスをサポートするようにアプリを有効にします。
Compose の高度なレイアウト
Updated 2025年2月6日
レイアウト フェーズと制約、サブコンポーズ レイアウト、固有の測定に重点を置いて、Compose レイアウトの複雑なデザインを作成する方法を確認します。
UI をまとめるスキャフォールド コンポーネントを作成する
Updated 2025年2月6日
スキャフォールドは、アプリバーやフローティング アクション ボタンなど、UI のさまざまな部分をまとめ、アプリに統一感のある外観と操作性をもたらします。
スクロール可能なグリッドを作成する
Updated 2025年2月6日
遅延読み込みグリッドを使用すると、大規模なデータセットと動的コンテンツを管理し、アプリのパフォーマンスを向上させることができます。Lazy グリッド コンポーザブルを使用すると、複数の列または行にまたがって、スクロール可能なコンテナにアイテムを表示できます。
ネストされたスクロール アイテムをリストに表示する
Updated 2025年2月6日
リスト内にネストされたスクロール アイテムを表示して、商品カタログ、メディア ギャラリー、ニュース フィードなどの複雑なレイアウトを表示できます。このようにコンテンツを表示すると、アプリの使いやすさが向上し、ユーザーが簡単に操作できるようになります。
有限のスクロール可能なリストを作成する
Updated 2025年2月6日
スクロール可能なリストは、データセットの管理、レスポンシブ デザインの作成、ナビゲーションの容易化に役立ちます。アプリに有限のアイテムセットを表示するには、`verticalScroll` 修飾子または `horizontalScroll` 修飾子を使用してスクロール可能なリストを作成します。
Compose の遅延リスト
Updated 2025年2月6日
Compose では、RecyclerView よりも少ないコード行数で、よりシンプルでパフォーマンスの高いスクロール リストを作成できます。遅延レイアウトを使用して、コンテンツをオンデマンドでリストに追加できるリストを作成する方法について学びます。
キャンバスにレイヤ化された画像を表示する
Updated 2025年2月6日
ソース画像をブレンドまたはオーバーレイして、キャンバスにレイヤ化された画像を表示できます。たとえば、Android フレームワークがアプリアイコンを生成する方法を再現するには、別々のバックグラウンド ドローアブルとフォアグラウンド ドローアブルを組み合わせます。
Compose での再コンポーズのデバッグ
Updated 2025年2月6日
Jetsnack でのパフォーマンスの問題のデバッグと、Jetpack Compose での問題の解決方法について説明します。ラムダを使用して状態の読み取りを遅らせることで、コンポジションをスキップできる理由について学びます。
Compose でテキストを描画する
Updated 2025年2月6日
キャンバスにテキストを描画するために特別に設計された Compose API の使用方法を確認する。このセグメントは、丸い長方形に絵文字フォント描画するコードを示しています。
カスタムのページ インジケーターを追加する
Updated 2025年2月6日
ページ インジケーターを使用すると、アプリのコンテンツ内の現在の位置をユーザーにわかりやすく伝え、進行状況を視覚的に示せます。
テキスト フィールド内の電話番号を自動的にフォーマットする
Updated 2025年2月6日
テキスト フィールド内の電話番号を自動的にフォーマットすると、時間を節約し、ユーザー エンゲージメント、生産性、効率を高めることができます。
Compose の状態
Updated 2025年2月6日
Compose ベースのアプリで状態がどのように流れるか、フレームワークが UI を自動的に更新して新しい値を表示する仕組みについて学びます。オブザーバブルな状態を作成する方法、再コンポーズや構成変更をまたいで状態を保持する方法、最適なデータフローを実現するためにコンポーザブルを構造化する方法について学びます。
パララックス スクロール効果を作成する
Updated 2025年2月6日
パララックス スクロールは、背景コンテンツと前景コンテンツを異なる速度でスクロールする手法です。この手法を実装すると、アプリの UI を強化し、ユーザーがスクロールする際によりダイナミックなエクスペリエンスを実現できます。
リストとページングを使用してデータを遅延読み込みする
Updated 2025年2月6日
Paging ライブラリを使用すると、データを段階的に読み込んで表示することで、アプリでアイテムの大量のリスト(無限リストを含む)をサポートできます。遅延読み込みを使用すると、初回読み込み時間を短縮し、メモリ使用量を最適化してパフォーマンスを向上させることができます。
Compose での描画の概要
Updated 2025年2月6日
Compose での作業に慣れたら、独自のカスタム コンポーネントの描画を始めましょう。この動画では、カスタム描画の開始方法について説明します。
Compose の 5 つの簡単なアニメーション
Updated 2025年2月6日
わずか数分でアプリの魅力を高める、5 つの簡単なアニメーションを学びましょう。アニメーションについてすべて学ぶ時間がない場合は、Compose アプリを際立たせましょう。
Compose の枠線
Updated 2025年2月6日
インセットがシステム デコレーションの配置場所をアプリに通知する仕組みと、Compose API を使用してシステムバー、ソフトウェア キーボード、タスクバーとともにコンテンツを自動的に移動させる方法について学びます。狭額縁エクスペリエンスに変更することを恐れないでください。
スナップ スクロールを有効にするボタンを作成する
Updated 2025年2月6日
ボタンを表示して、ユーザーがリスト内の特定の位置にスクロールをスナップできるようにすると、時間の節約とユーザー エンゲージメントの向上につながります。
Compose のリスト
Updated 2025年2月6日
アイテムのリストを簡単に表示できる Compose の遅延コンポーネントについて学びます。さまざまなアイテム タイプを表示する方法や、固定ヘッダーを実装する方法について学びます。スクロール位置の変化をプログラムで制御または処理する方法を確認する。
複数のアイテムタイプを使用してリストを作成する
Updated 2025年2月6日
複数のアイテムタイプを含むリストを使用すると、テキスト、画像、インタラクティブな要素など、さまざまなコンテンツ タイプを表示できます。
ホーム画面のスキャフォールドを作成する
Updated 2025年2月6日
これらのクイックガイドを使用してホーム画面のスキャフォールドを作成すると、アプリのホーム画面に統一感のある外観を与えることができます。
ソーシャル メディアで
イベントで交流する
Mobile Mastery Android Unleashed
2025 年 2 月 13 日に開催される「Mobile Mastery Android Unleashed」にぜひご参加ください。GDG London が主催するこの画期的なイベントでは、モバイル テクノロジーの未来を体験できます。Android Media チームのエンジニアが、Jetpack Media3 ライブラリで利用できる動画編集と処理のパイプラインの詳細を説明します。
詳細については、 gdg.community.dev/events/details/google-gdg-london-presents-mobile-mastery-android-unleashed をご覧ください。
Google I/O
Google I/O へのカウントダウンが始まりました。5 月 20 日と 21 日、マウンテン ビューの Shoreline Amphitheatre から、またはオンライン(io.google)でライブ配信を視聴できます。