Jetpack Compose を使ってみる

Jetpack Compose は、ネイティブ Android UI を構築するための最新のツールキットです。こちらが では、Compose の使用に関する最新情報を確認できます。

  • 概要: Compose のデベロッパーが利用できるすべてのリソースを紹介します。
  • チュートリアル: Compose を使い、シンプルな UI を作成する方法を学びます。
  • クイックガイド: New!短時間で目的を達成できるように設計された、迅速かつ集中されたガイドをお試しください。

基盤

  • Compose の考え方: Compose の宣言型アプローチと、これまでに使用したビューベースのアプローチとの違い、Compose の使用に関するメンタルモデルの構築方法について学びます。
  • 状態の管理: Compose アプリで状態を設定して使用する方法について学びます。
  • コンポーザブルのライフサイクル: コンポーザブルのライフサイクルと、Compose が再描画が必要かどうかを判断する仕組みについて説明します。
  • 修飾子: 修飾子を使用してコンポーザブルを拡張または装飾する方法を学習します。
  • Compose での副作用: 副作用を管理する最適な方法について説明します。
  • Jetpack Compose のフェーズ: UI をレンダリングするために Compose が通過するステップと、その情報を使用して効率的なコードを作成する方法について説明します。
  • アーキテクチャのレイヤリング: Jetpack Compose を構成するアーキテクチャ レイヤと、Jetpack Compose の設計に影響を与えた基本原則について学びます。
  • パフォーマンス: アプリのパフォーマンスに影響する可能性がある、プログラミングに関する一般的な落とし穴を回避する方法を学びます。
  • Compose のセマンティクス: ユーザー補助サービスとテスト フレームワークで使用できるように UI を整理する、セマンティクス ツリーについて説明します。
  • CompositionLocal でローカルにスコープされたデータ: CompositionLocal を使用して Composition を介してデータを渡す方法を学びます。

開発環境

デザイン

  • レイアウト: Compose のネイティブ レイアウト コンポーネントと、独自のレイアウト コンポーネントを設計する方法を学習します。
    • レイアウトの基本: シンプルなアプリ UI の構成要素について学びます。
    • マテリアル コンポーネントとレイアウト: Compose のマテリアル コンポーネントとレイアウトについて説明します。
    • カスタム レイアウト: アプリのレイアウトを管理する方法や、独自のカスタム レイアウトを設計する方法について説明します。
    • 各種の画面サイズのサポート: Compose を使用して、さまざまな画面サイズ、向き、フォーム ファクタに適応するレイアウトを作成する方法について説明します。
    • アライメント ライン: カスタムのアライメント ラインを作成して、UI 要素を正確に配置、配置する方法について説明します。
    • 固有の測定: Compose では、UI 要素を測定できるのはパスごとに 1 回のみです。このページでは、測定する前に子要素に関する情報をクエリする方法について説明します。
    • ConstraintLayout: Compose UI で ConstraintLayout を使用する方法を学習します。
  • デザイン システム: デザイン システムを実装し、アプリのデザインに一貫性を持たせる方法について説明します。
  • リストとグリッド: データのリストとグリッドを管理および表示するための Compose オプションについて説明します。
  • テキスト: テキストの表示と編集を行う Compose のメイン オプションについて説明します。
  • グラフィック: カスタム グラフィックを作成して使用するための Compose の機能について学びます。
  • アニメーション: UI 要素をアニメーション化するための Compose のさまざまなオプションについて説明します。
  • 操作: ユーザー操作を検出して操作する Compose UI を作成する方法について説明します。
  • ユーザー操作の処理: Compose が低レベルの入力を上位レベルの操作に抽象化して、コンポーネントがユーザー アクションに応答する方法をカスタマイズできるようにします。

Compose の導入

  • 既存のビューベースのアプリの移行: 既存のビューベースのアプリを Compose に移行する方法を学びます。
    • 移行戦略: Compose をコードベースに安全かつ段階的に導入するための戦略について学びます。
    • 相互運用 API: Compose とビューベースの UI を組み合わせるために役立つ Compose の API について学びます。
    • その他の考慮事項: ビューベースのアプリを Compose に移行する際の、テーマ設定、アーキテクチャ、テストなど、その他の考慮事項について学びます。
  • Compose とその他のライブラリ: Compose コンテンツでビューベースのライブラリを使用する方法について説明します。
  • Compose アーキテクチャ: Compose で単方向フローパターンを実装する方法、イベントと状態ホルダーを実装する方法、Compose で ViewModel を操作する方法について学びます。
  • Navigation: NavController を使用して Navigation コンポーネントを Compose UI と統合する方法を学びます。
  • リソース: Compose コードでアプリのリソースを扱う方法を学びます。
  • ユーザー補助: さまざまなユーザー補助要件を持つユーザーに適した Compose UI を作成する方法を学びます。
  • テスト: Compose コードのテストについて学びます。

参考情報