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