Googlebook 向けのアダプティブ アプリを作成する

Googlebooks は、Android の技術スタックと ChromeOS デスクトップの基盤の上に構築されています。

Googlebooks は、モバイルの利便性とパソコンの機能を兼ね備えています。高解像度のタッチスクリーン、専用のキーボード、高精度のトラックパッド、1 日中使えるバッテリー駆動時間、OS レベルの Gemini 統合が特徴です。

Googlebook を使用すると、スマートフォンでの簡単な操作から、デスクトップ環境での没入感のあるセッションに移行できます。

アプリを適応させる

Googlebook をサポートするために、別のアプリをゼロから構築する必要はありません。アダプティブ開発により、Android アプリは単一のコードベースから大画面やノートパソコンのフォーム ファクタにスケールできます。

アプリですでにアダプティブ レイアウト、ウィンドウ サイズクラス、マルチ入力のサポートが実装されている場合は、その強固な基盤を直接活用できます。

モバイルの 1 列画面とパソコンの 2 ペイン レイアウトを比較したワイヤーフレーム図。
図 1. モバイルビューをマルチペインのデスクトップ エクスペリエンスに再編成するアダプティブ レイアウト。

参照:

Google Play で注目を集める

Googlebook 向けにアプリを最適化すると、Android エコシステム全体でアプリの視認性が向上します。

  • ストアフロントでの見つけやすさ: Google Play では、最適化されたタイトルが専用のバッジ、強化された検索、キュレーションされたストアのホームページ全体での注目のプレースメントで強調表示されます。

  • プログラムのインセンティブ: デスクトップ向けに最適化された品質を提供することで、アプリ エクスペリエンス プログラムの対象となります。このプログラムに登録すると、ビジネスの成長をサポートするように設計されたプログラム料金表を利用できます。

  • デバイスのセットアップの移行: ユーザーがログインして Chromebook をセットアップすると、Android スマートフォンの設定、保存されたパスワード、Wi-Fi ネットワーク、メッセージがエンドツーエンドの暗号化で同期され、オンボーディング中に移行用に最適化されたアプリがハイライト表示されます。

Google Play ストアのストアフロントに、アプリとゲームのコレクションと「デスクトップ向けに最適化」バッジが表示されている様子。
図 2. Google Play のデスクトップ バッジと専用コレクション向けに最適化されたアプリ。

参照:

パソコンの基本を基盤に構築

Googlebook では、アプリはデスクトップ環境で、デスクトップ クラスの Chrome ブラウザやシステム ツールとともに動作します。モバイル インターフェースをワイド画面全体に引き伸ばすのではなく、コンテンツを機能的なグループに再編成して、情報密度を高め、正確な入力とアクティブなマルチタスクを実現します。

マルチペイン アーキテクチャを採用する

ウィンドウの境界が変化するにつれて、アプリの UI が拡大、リフロー、または追加の詳細を表示するように設計します。

  • アダプティブ シーンを調整する: Navigation 3 を使用して、ウィンドウ スペースが拡大されたときに、バックスタックから直接、並べて表示されるペインを調整するために ListDetailSceneStrategy と SupportingPaneSceneStrategy を実装します。

  • 永続ナビゲーションを追加する: シーン デコレータを使用して、永続的なデスクトップ ナビゲーション レールで画面をラップします。

  • 複雑なコンテンツを整理する: シーン戦略と、Grid や FlexBox などのレイアウト プリミティブ、試験運用版の mediaQuery API と Styles API を組み合わせて、コンテンツを配置し、デスクトップ ディスプレイの視覚スタイルを動的に調整します。

参照:

動的なウィンドウ サイズとデスクトップのエルゴノミクスに対応する

フリーフォーム デスクトップ ウィンドウ機能では、ユーザーはアプリ ウィンドウのサイズをいつでも動的に変更できます。アプリをウィンドウ サイズの変更に対応させるには、次の手順を行います。

  • ウィンドウ サイズクラス: レイアウトを決定する際は、物理的なディスプレイのサイズではなく、ウィンドウ サイズクラスを使用して、利用可能なウィンドウ スペースに基づいてください。

  • タイポグラフィとターゲットのサイズ設定: デスクトップでの閲覧距離に合わせて文字のスケールを調整し、行の長さを読みやすくするためにレイアウトの最大幅を設定し、誤クリックを防ぐために明示的なクリック ターゲットを定義し、デスクトップ デザイン ギャラリーでレイアウト パターンを確認します。

コンパクト、中程度、拡大、大、特大の幅のウィンドウ サイズクラスのブレークポイントを示す図。
図 3. 幅に基づくウィンドウ サイズクラスの表現。

参照:

Googlebook 向けに差別化されたエクスペリエンスを提供

コア レイアウトがアダプティブになったら、Googlebook のハードウェアとデスクトップ環境に固有の機能でアプリを強化します。

高精度入力とキーボード ショートカットをサポート

Jetpack Compose は、物理キーボード ナビゲーションとポインタ選択をネイティブにサポートしています。Googlebook のバックライト付きキーボード、ハプティック ガラス トラックパッド、外部マウス向けに、以下を使用して最適化します。

  • コンテキスト カーソル: テキスト入力、ペインのサイズ変更、ツールの選択にコンテキスト カーソルを統合します。

  • ポインタ操作: インタラクティブ要素の右クリック コンテキスト メニューとホバー状態を実装します。

  • キーボード ショートカット: キーボード ショートカット ヘルパーでアプリのキーボード ショートカットを見つけられるようにします。

参照:

マルチインスタンス ワークフローとドラッグ&ドロップを有効にする

Googlebook では、アプリはフリーフォーム ウィンドウで実行され、ユーザーは複数のタスクを同時に処理します。

複数の実行中のアプリ ウィンドウが表示されている Android デスクトップのタスク切り替えツール。
図 4. 複数の開いているウィンドウとアプリ インスタンスを表示するタスク切り替えツール。

以下の機能でユーザー エクスペリエンスを拡張します。

  • マルチインスタンスのサポート: ユーザーがアプリの独立したウィンドウを並べて起動し、コンテンツを比較したり、複数のドキュメントを管理したりできるようにします。

  • ウィンドウ間のドラッグ&ドロップ: マルチ インスタンスのサポートとドラッグ&ドロップを組み合わせることで、ユーザーはウィンドウ間でテキスト、画像、ファイルを移動したり、空のワークスペースにアイテムをドロップしてタスクを開始したりできます。

  • カスタマイズ可能なヘッダーバー: システム ウィンドウ コントロールを尊重しながら、デスクトップ キャプション ヘッダーバー内のカスタム背景、検索バー、タブを使用してアプリバーのスタイルを設定します。

    ユーザーがフリーフォーム アプリ ウィンドウからアイテムをドラッグして別のウィンドウにドロップしているイラスト。
    図 5. マルチ ウィンドウでのマルチタスクとウィンドウ間のドラッグ&ドロップ。

参照:

デバイスを接続して Gemini のインテリジェンスを活用する

Googlebook は、次のような機能を備えた Android スマートフォンの最適なパートナーです。

  • クロスデバイス ハンドオフと継続性: Continue On を使用すると、ユーザーは Android スマートフォンで行っていたタスクを Googlebook のタスクバーから直接再開できます。

    HandoffActivityData を通じて状態を渡して、ドキュメントの位置やアクティブなタブなどのコンテキストを保持します。ウェブのフォールバックは任意です。

  • デスクトップ ウィジェットと組み込みのインテリジェンス: Googlebook のデスクトップ環境と組み込みの Gemini ツール(マジック ポインタ、AI 音声入力、マイ ウィジェットを作成など)を補完する、カスタマイズ可能なウィジェットで、一目でわかる操作可能なコンテンツを表示します。

デスクトップ アプリの品質に関するガイドラインに照らして実装を評価し、アプリがデスクトップのユーザビリティ基準を満たしていることを確認します。

参照:

専用ツールでワークフローを加速する

Googlebook 向けにアプリをテストして最適化するプロセスは、開発ワークフローに直接統合されています。

  • Android Studio のデスクトップ エミュレータ: ワークステーションで仮想デスクトップ環境を実行して、フリーフォーム ウィンドウのサイズ変更をテストしたり、マルチ インスタンスのインタラクションを確認したり、Android Studio プレビューを使用してマウス、トラックパッド、キーボードの入力をデバッグしたりできます。

  • オンデバイスの Linux とエージェント開発: Googlebook には、レベル 5 のセキュリティ認定を受けた pKVM ハイパーバイザを搭載した分離型 Linux ターミナル環境と、Antigravity 開発プラットフォームと CLI ツールが含まれています。これにより、デバイス上で直接アプリをビルド、テスト、デプロイできます。

  • AI を活用したレイアウトのモダナイゼーション: Android CLI を使用してアダプティブ スキルをインストールし、モバイル レイアウトをレスポンシブな Compose コンテナにリファクタリングするためのコンテキストを AI コーディング エージェントに提供します。

参照: