コレクションでコンテンツを整理
必要に応じて、コンテンツの保存と分類を行います。
check_circle
スターターのためのチュートリアル
subject
記事
Compose の基本と、宣言型の関数を使用してシンプルな UI コンポーネントを作成する方法を学びます。コンポーズ可能な関数、基本的なレイアウト、Compose でマテリアル デザイン、リスト、アニメーションが機能する仕組みについて説明します。
check_circle
Compose における考え方
ondemand_video
動画
Compose における考え方を学び、「どのように」ではなく「何を」に焦点を当てた考え方に変換できるようにします。
check_circle
コンポーズ可能な関数
ondemand_video
動画
Compose の構成要素であるコンポーズ可能な関数について学びます。
check_circle
初めての Compose アプリを作成する
emoji_objects
コードラボ
状態、レイアウト、テーマ設定を使って、宣言型 UI の基礎を実践的に学びます。コンポーザブルと修飾子の概要、Row や Column などの基本的な UI 要素を操作する方法、アプリに状態を割り当てる方法について説明しています。
check_circle
Compose UI ツールキット
ondemand_video
動画
Compose ツールキットに含まれるコンポーザブルであるマテリアル デザイン コンポーネント、レイアウト、修飾子などについて学びます。
check_circle
実際のデザインを実装する
emoji_objects
コードラボ
この Codelab では、Compose に標準搭載されているコンポーザブルと修飾子を使用して、実際のデザインを実装する方法を学びます。
check_circle
状態を使ってみる
emoji_objects
コードラボ
アプリの状態から UI に表示されるものを特定する方法、状態が変わったときに Compose が UI を更新する方法、コンポーズ可能な関数の構造を最適化する方法、Compose アプリで ViewModel を操作する方法を学びます。
check_circle
ツールを使った開発のスピードアップ
ondemand_video
動画
Android Studio で Compose 固有のツールを使用して開発をスピードアップする方法を学びます。
check_circle
ビューシステムから移行する
ondemand_video
動画
省略可
ビューで作成した既存のアプリがある場合に、段階的な移行アプローチを実践する方法を学びます。
check_circle
実践的な移行チュートリアル
emoji_objects
コードラボ
省略可
ビューベースのアプリを Jetpack Compose に実際に移行するチュートリアルを通じて、Compose を段階的に導入する方法を理解し、アーキテクチャとテストへの影響を確認します。
テスト
学習成果をテストして、「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":"その他"
}]