コレクションでコンテンツを整理
必要に応じて、コンテンツの保存と分類を行います。
check_circle
チュートリアル: Jetpack Compose の基本
subject
記事
省略可
Compose の基本と、宣言型の関数を使用してシンプルな UI コンポーネントを作成する方法を学びます。コンポーズ可能な関数、基本的なレイアウト、Compose でマテリアル デザイン、リスト、アニメーションがどのように機能するかについて説明します。
check_circle
Jetpack Compose の概要
ondemand_video
動画
省略可
Jetpack Compose の概要を確認し、宣言型 UI ツールキットの概要、Compose を使用して美しい UI を作成する方法について学びます。
check_circle
Compose の思想
subject
記事
省略可
Compose の宣言型アプローチが従来のビューベースのアプローチと異なる点について確認します。
check_circle
Jetpack Compose の基本
emoji_objects
コードラボ
状態、レイアウト、テーマ設定を操作して、宣言型 UI の基礎を実践的に学びます。コンポーザブルと修飾子の概要、Row や Column などの基本的な UI 要素を操作する方法、アプリに状態を割り当てる方法について説明しています。
check_circle
Jetpack Compose への移行
emoji_objects
コードラボ
ビューベースのアプリを Jetpack Compose に実際に移行する方法を学習して、Compose を段階的に導入する方法を理解し、アーキテクチャとテストへの影響を確認します。
check_circle
Compose の基本レイアウト
emoji_objects
コードラボ
Jetpack Compose でレイアウトがどのように機能するか(組み込みのレイアウト、修飾子、独自のカスタム レイアウトの作成方法など)を学びます。
check_circle
Compose の遅延レイアウト
ondemand_video
動画
省略可
Compose でスクロール リストを作成する方法と、RecyclerView を使用するよりもシンプルである理由について説明します。スクロール リストのネストが許可されない理由とネストするための別の方法、アイテムのサイズを 0 ピクセルに設定しない理由、一意のキーの指定が重要である理由、アイテムのアニメーションの動作について、詳しく解説します。最後に、グリッドの表示方法と、カスタム レイアウト マネージャーを使用する方法、パフォーマンスの最適化を改善してスクロールを高速化する方法について説明します。
check_circle
Jetpack Compose のテーマ設定
emoji_objects
コードラボ
Compose のマテリアル デザインを実際に体験して、アプリの色、タイポグラフィ、シェイプのテーマを設定し、ライトモードとダークモードをサポートする方法を理解します。
check_circle
Jetpack Compose でのアニメーション
emoji_objects
コードラボ
Compose Animation API の使用方法を学習します。最もシンプルな値のアニメーションから始め、いくつかの一般的なアニメーション パターンを通じて他の API を学びます。また、アニメーションのカスタマイズやタップ操作によるアニメーションなど、より高度なトピックについてもご紹介します。
check_circle
Jetpack Compose の状態
emoji_objects
コードラボ
Jetpack Compose での状態の使用に関する主要コンセプトを学習し、リッチでインタラクティブな Android アプリを作成します。
check_circle
Jetpack Compose の高度な状態と副作用
emoji_objects
コードラボ
Jetpack Compose の状態と副作用の API に関する高度なコンセプトについて学習します。複雑なステートフル コンポーザブルの状態ホルダーを作成する方法、コルーチンを作成して Compose コードから suspend 関数を呼び出す方法、さまざまなユースケースを対象に副作用をトリガーする方法をご確認ください。
check_circle
Jetpack Compose の Navigation
emoji_objects
コードラボ
Compose で Jetpack Navigation ライブラリを使用する方法、アプリ内を移動する方法、引数を使用して移動する方法、ディープリンクをサポートする方法、ナビゲーションをテストする方法を学びます。
check_circle
Jetpack Compose の一般的なパフォーマンスの問題
ondemand_video
動画
省略可
Jetpack Compose は魔法のように感じられるかもしれませんが、魔法が期待どおりのパフォーマンスを発揮しない場合はどうすればよいでしょうか。このセッションでは、パフォーマンス、よくある間違い、それらを回避する方法について、Jetpack Compose に関するベスト プラクティスを紹介します。
check_circle
Jetpack Compose でのテスト
emoji_objects
コードラボ
Jetpack Compose UI のテストについて学びます。最初のテストを作成し、単独でのテスト、デバッグテスト、セマンティクス ツリー、テスト同期について学習します。
check_circle
Jetpack Compose のユーザー補助
emoji_objects
コードラボ
特に障がいを持つユーザーのために、アプリのユーザビリティを改善する方法を学びます。タップ ターゲットのサイズの拡大、内容説明の追加、カスタム操作の作成などについて説明します。
Jetpack Compose に関するテスト
Compose に関する知識をテストして、Jetpack Compose バッジを獲得しましょう。
[{
"type": "thumb-down",
"id": "missingTheInformationINeed",
"label":"必要な情報がない"
},{
"type": "thumb-down",
"id": "tooComplicatedTooManySteps",
"label":"複雑すぎる / 手順が多すぎる"
},{
"type": "thumb-down",
"id": "outOfDate",
"label":"最新ではない"
},{
"type": "thumb-down",
"id": "translationIssue",
"label":"翻訳に関する問題"
},{
"type": "thumb-down",
"id": "samplesCodeIssue",
"label":"サンプル / コードに問題がある"
},{
"type": "thumb-down",
"id": "otherDown",
"label":"その他"
}]
[{
"type": "thumb-up",
"id": "easyToUnderstand",
"label":"わかりやすい"
},{
"type": "thumb-up",
"id": "solvedMyProblem",
"label":"問題の解決に役立った"
},{
"type": "thumb-up",
"id": "otherUp",
"label":"その他"
}]