Jetpack Compose を使用して、スマートフォン、タブレット、折りたたみ式デバイス、デスクトップ、自動車、XR 2D でのユーザー エクスペリエンスを最適化します。Android TV、イマーシブ XR、将来のデバイス フォーム ファクタへのアプリのデプロイの基盤を築きます。
使ってみる

マルチデバイスの世界

Android エコシステム全体でスケーリングできる汎用性の高いアプリを構築します。最新のツールと API を活用して、保守可能な単一のコードベースでより多くのユーザーにリーチできます。
すべてのデバイス フォーム ファクタ向けにアプリを同時にビルドします。単一の保守可能な Compose コードベースで、スマートフォン、タブレット、折りたたみ式デバイス、デスクトップ、車載ディスプレイ、さらには Android XR の仮想空間でユーザーにアプリを表示できます。
あらゆる画面、アプリ ウィンドウのサイズや向きに対応するレイアウトを作成します。標準レイアウトと、ディスプレイの寸法に合わせて自動的に変化する Compose UI コンポーネントを使用して、利用可能なディスプレイ スペースを最大限に活用します。
Android Studio、Antigravity、Android CLI（スタンドアロンまたはお気に入りの IDE のターミナル内）の AI アシスタンスを利用して、アダプティブ アプリの開発を加速させましょう。Android のサイズ変更可能な仮想デバイス エミュレータまたはさまざまなフォーム ファクタ エミュレータでアプリをテストして、アダプティブ レイアウトの動的なパフォーマンスを確認します。
アダプティブ アプリの品質に関するガイドラインに沿って、アプリの品質を最初から構築します。すべてのフォーム ファクタで最高品質のアプリを実現する Tier 2（アダプティブ最適化）か、独自のデバイス機能と魅力的なユーザー エクスペリエンスを実現する Tier 1（アダプティブ差別化）を達成します。

費用対効果の最大化

より多くのデバイスでより多くのユーザーにリーチできます。3 億人を超える大画面デバイス ユーザーの関心を引き付けます。折りたたみ式デバイスのユーザーのアプリ内購入額は 14 倍です。米国の 93% の学区で Chromebook ユーザーとつながることができます。Android Auto と Android TV の数百万人のユーザーにアピールできます。

エクスペリエンスの差別化

さまざまなフォーム ファクタとデバイス構成の固有の機能をサポートし、あらゆるデバイスで最高のユーザー エクスペリエンスを実現します。
大画面、キーボード、マウス、トラックパッドにより、インタラクティビティの向上、生産性の向上、没入感のあるゲームプレイが可能になります。
テーブルトップとブックの形状を取る折りたたみ機能は、革新的なアプリ設計の機会をもたらします。
多くの場合、長方形ではない大型の車載ディスプレイと Android Automotive OS の独自の機能により、駐車時向けアプリには特別な考慮事項が追加されます。
内蔵のトラックパッドとキーボードにより、タッチ以外の入力も可能です。デスクトップ ウィンドウ機能により、アプリのレイアウトを適応させることが可能になります。
テレビでのユーザー エクスペリエンスでは、3 メートル離れた場所からでも見やすいレイアウトと、アプリのナビゲーション用の選択ボタン付きの十字キーが必要です。
拡張現実アプリは、空間レイアウト、3D モデル、没入型環境でユーザー エクスペリエンスを向上させます。

Adaptive API

Jetpack Compose のアダプティブ API を使用すると、単一のコードベースで、分割画面モードやデスクトップ ウィンドウなど、あらゆるフォーム ファクタ、ウィンドウ サイズ、ディスプレイ モードに対応するアプリを構築できます。
ウェブ標準の flexbox モデルを使用してレイアウトを構築します。要素を水平または垂直に配置し、Compose にディスプレイのサイズと間隔を処理させます。
Flexbox について
あらゆる画面サイズの利用可能な表示スペースに合わせて列数と行数が自動的に調整される、柔軟な複数列と複数行のグリッドを作成します。
グリッドについて
ウィンドウの寸法、デバイスのポスチャー、ハードウェア機能、システム機能をクエリして、任意のデバイスの特定の構成に合わせて UI を動的に適応させます。
MediaQuery について学習する

実績のあるデザイン パターン

正規レイアウトにより、あらゆるフォーム ファクタで最適なユーザー エクスペリエンスが確保されます。
ナビゲーション シーンを使用すると、アプリを複数のフォーム ファクタにシームレスに適応させることができます。
大画面ではリストペインと詳細ペインを並べて表示し、小画面では個別に表示することで、リストアイテムのコンテンツにワンクリックでアクセスできるようにします。
リスト詳細の詳細
コンテンツ要素を大きなグリッドに配置し、サイズと位置によって要素を関連付けて、比率や縮尺を使って要素への関心を集めます。
フィードの詳細
コンテンツを主表示エリアと副表示エリアに分けて、ツール、オプション、設定をメインのコンテンツに簡単にアクセスして適用できるようにします。
補助ペインの詳細
シーンを使用してアプリの UI フローを定義します。カスタマイズされたレイアウトを作成し、さまざまな画面サイズに合わせて UI を調整し、複雑なマルチペイン エクスペリエンスを管理します。
ナビゲーション シーンについて

アダプティブ デザイン

マテリアル デザインと Jetpack Compose コンポーネントを使用して、複数のフォーム ファクタに対応したレイアウトを作成します。
使ってみる