Compose の基本

Jetpack Compose を使用する最初の一歩として、コンポーズ可能な関数、基本的なレイアウトと状態、マテリアル デザイン、リスト、アニメーションについて学びます。

 

スターターのためのチュートリアル

Compose の基本と、宣言型の関数を使用してシンプルな UI コンポーネントを作成する方法を学びます。コンポーズ可能な関数、基本的なレイアウト、Compose でマテリアル デザイン、リスト、アニメーションが機能する仕組みについて説明します。

Compose における考え方

動画

Compose における考え方を学び、「どのように」ではなく「何を」に焦点を当てた考え方に変換できるようにします。

コンポーズ可能な関数

動画

Compose の構成要素であるコンポーズ可能な関数について学びます。

初めての Compose アプリを作成する

コードラボ

状態、レイアウト、テーマ設定を使って、宣言型 UI の基礎を実践的に学びます。コンポーザブルと修飾子の概要、Row や Column などの基本的な UI 要素を操作する方法、アプリに状態を割り当てる方法について説明しています。

Compose UI ツールキット

動画

Compose ツールキットに含まれるコンポーザブルであるマテリアル デザイン コンポーネント、レイアウト、修飾子などについて学びます。

実際のデザインを実装する

コードラボ

この Codelab では、Compose に標準搭載されているコンポーザブルと修飾子を使用して、実際のデザインを実装する方法を学びます。

状態を使ってみる

コードラボ

アプリの状態から UI に表示されるものを特定する方法、状態が変わったときに Compose が UI を更新する方法、コンポーズ可能な関数の構造を最適化する方法、Compose アプリで ViewModel を操作する方法を学びます。

ツールを使った開発のスピードアップ

動画

Android Studio で Compose 固有のツールを使用して開発をスピードアップする方法を学びます。

ビューシステムから移行する

動画 省略可

ビューで作成した既存のアプリがある場合に、段階的な移行アプローチを実践する方法を学びます。

実践的な移行チュートリアル

コードラボ 省略可

ビューベースのアプリを Jetpack Compose に実際に移行するチュートリアルを通じて、Compose を段階的に導入する方法を理解し、アーキテクチャとテストへの影響を確認します。

テスト

学習成果をテストして、「Compose の基本」バッジを獲得しましょう。