サービスに関する最新情報

アダプティブ開発でアプリを Googlebook に対応させる

所要時間: 4 分

Googlebook は、共通の Android 基盤上に構築された新しいカテゴリのノートパソコンです。HP、Dell、Lenovo、Acer、Asus などのパートナーが提供する高性能ハードウェアは、モバイルの利便性とデスクトップのパワーを兼ね備えています。Googlebook は、高解像度の OLED タッチスクリーン、専用キーボード、高精度トラックパッドを備え、バッテリーは 1 日中持続します。また、OS レベルの Gemini Intelligence も搭載しています。Googlebook を使用すると、スマートフォンでの簡単な操作から、ノートパソコンでのリッチで没入感のあるセッションにスムーズに移行できます。

アプリを Googlebook に対応させることで、Android エコシステム全体で貴重な機会が広がります。Google Play では、最適化されたタイトルに専用のバッジを付け、検索結果を強化し、キュレートされたストアのホームページで目立つ場所に表示します。このレベルの品質を実現することで、アプリ エクスペリエンス プログラムにアプリを登録できるようになります。このプログラムに登録すると、ビジネスの成長を促進するために設計された新しいプログラム料金表を利用できます。さらに、ユーザーが Android スマートフォンを使用して新しい Googlebook をセットアップする際、最適化されたアプリが目立つように表示され、簡単に移行できるようになります。これにより、ユーザーが新しいデバイスを使い始めた初日から、アプリの存在をアピールできます。

desktop optimized.png
Google Play のデスクトップ バッジと専用コレクション向けに最適化されています。

最大の利点は、このリーチを活用するために、別のアプリをゼロから作成する必要はありません。アダプティブ開発とは、最新の Android アプリを、大画面、新しいデバイスの形状、新しいフォーム ファクタに自然にスケーリングする方法です。アプリがすでにアダプティブ レイアウトを採用している場合は、Googlebook に対応しています。アダプティブ UI、ウィンドウ サイズクラス、マルチ入力サポートの既存の基盤をベースに構築することで、最適化されたエクスペリエンスを提供できます。

image5.png
モバイルビューをマルチペイン エクスペリエンスに再編成するアダプティブ レイアウト。

デスクトップの基本にアプリを合わせる

ノートパソコンでは、アプリはデスクトップ環境で動作します。この環境では、ユーザーはより高い情報密度、正確な入力、アクティブなマルチタスクを期待するようになります。デスクトップの開発と設計のガイダンスに沿って、このエクスペリエンスを最大限に活用するために必要な原則を学びましょう。アダプティブ レイアウトでは、モバイル インターフェースをワイド画面に合わせて引き伸ばすのではなく、コンテンツを機能的なグループに再編成します。

マルチペイン アーキテクチャを採用して、ウィンドウの境界が変化したときに UI が拡張、リフロー、またはより詳細な情報を表示できるようにします。Navigation 3 を使用すると、アダプティブ シーン戦略を実装して、バックスタックから直接マルチペイン レイアウトを調整できます。ListDetailSceneStrategy と SupportingPaneSceneStrategy を使用すると、拡大されたウィンドウ スペースが利用可能な場合に、並べて表示するレイアウトを有効にできます。シーン デコレータを使用すると、画面を永続的なデスクトップ ナビゲーション レールでラップできます。これらのパターンを Grid や FlexBox などのレイアウト プリミティブと組み合わせ、さらに試験運用版の MediaQuery や Styles API と組み合わせることで、複雑なコンテンツを整理し、デスクトップ ディスプレイに合わせてビジュアル スタイルを動的に調整できます。

image2.png
幅に基づくウィンドウ サイズクラスの表現。

フリーフォームのデスクトップ ウィンドウでは、アプリ ウィンドウのサイズをいつでも動的に変更できます。レイアウトの決定は、物理的なディスプレイのサイズではなく、ウィンドウ サイズクラスを使用して、利用可能なウィンドウ スペースに直接対応する必要があります。

また、デスクトップのデザインでは、人間工学に基づいた表示距離と正確なポインタ ターゲットも考慮されています。大きなディスプレイでも見やすいようにタイプスケールを調整し、レイアウトの最大幅を設定して行の長さを読みやすくし、誤クリックを防ぐためにクリック ターゲットを明示的に定義します。デザイン原則ガイドで完全なデザイン パターンを確認し、パソコン向けデザイン ギャラリーで実際のデザイン例をご覧ください。

Googlebooks で差別化されたエクスペリエンスを提供する

コア レイアウトをアダプティブにしたら、デスクトップ環境を最大限に活用する差別化された機能でアプリを強化できます。このようなセットアップで日常の生産性を高めるには、汎用性の高い入力方法が不可欠です。Jetpack Compose は、物理キーボードによるナビゲーションとポインタによる選択をネイティブにサポートしています。テキスト入力、ペインのサイズ変更、ツールの選択に関する視覚的なフィードバックを提供するコンテキスト カーソルを統合することで、アプリのユーザビリティを向上させます。右クリックのコンテキスト メニューとホバー状態を実装します。キーボード ショートカット ヘルパーを使用して、ショートカットを見つけやすくします。

image4.png
複数の開いているウィンドウとアプリ インスタンスを表示するタスク スイッチャー。


Googlebook では、アプリはフリーフォーム ウィンドウで実行されるため、ユーザーは複数のタスクを同時に処理できます。マルチインスタンスのサポートを有効にすることで、並列ワークフローを実現し、ユーザーが独立したウィンドウを起動してコンテンツを比較したり、複数のドキュメントを管理したりできるようにします。これをドラッグ&ドロップと組み合わせることで、ユーザーはウィンドウ間でテキスト、画像、ファイルをスムーズに移動したり、空のワークスペースにアイテムをドロップして新しいタスクを開始したりできます。

image3.png
ウィンドウ間のドラッグ&ドロップによるマルチウィンドウ マルチタスク。

ウィンドウ フレームをカスタマイズして、自分だけのブラウザにしましょう。デスクトップ ウィンドウでは、アプリにキャプション ヘッダーバーが含まれます。このヘッダーバーは、システム ウィンドウ コントロールを尊重しながら、カスタム背景、検索バー、タブを使用してスタイルを設定できます。

Continue On は、個々のアプリ ウィンドウだけでなく、スマートフォン、タブレット、Googlebook 間でエクスペリエンスを接続し、双方向のハンドオフによって、ユーザーが 1 つの画面でタスクを開始し、別の画面でシームレスに再開できるようにします。HandoffActivityData を介して状態を渡すと、ドキュメントの位置やアクティブなタブなどのコンテキストが保持されます。また、オプションのウェブ フォールバックにより、スムーズな移行が実現します。

これを補完するために、カスタマイズ可能なウィジェットを使用して、実用的な情報をひと目で確認できるようにします。また、アプリ エクスペリエンスを改善する際は、包括的なデスクトップ アプリの品質に関するガイドラインをベンチマークとして使用してください。

デベロッパーはすでに、エコシステム全体でこれらのパターンを実現しています。Notability を Googlebook に導入する際、タブレットと折りたたみ式デバイスへのこれまでの投資が、チームにとってすぐに有利に働きました。レイアウトはすでにウィンドウ サイズクラスとアダプティブ シーン戦略に依存していたため、ウィンドウのサイズ変更中にキャンバスとツールバーが自然にリフローされ、既存のキーボードとトラックパッドのサポートがそのまま引き継がれました。

「私たちはすでに、タブレットと折りたたみ式デバイスで最高のエクスペリエンスを提供することを目指していました」と、Notability の Android エンジニアリング マネージャーである Ryan Shea 氏は説明します。「そのため、Googlebook が登場したときには、Notability をノートパソコン クラスのエクスペリエンスにスケールアップすることは、すでに構築したダイヤルを回すようなものでした。その結果、スマートフォンからノートパソコンにメモを引き継ぐ「Continue On」や、学習用にアプリを並べて表示するアプリ エクスペリエンスの最適化など、大画面や新しい API でのみ意味をなす機能に時間を費やすことができました。

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

Googlebook 向けにアプリをテストして最適化する作業は、既存の開発ワークフローに自然に組み込むことができます。

Android Studio のデスクトップ エミュレータを使用すると、ワークステーションで仮想デスクトップ環境を直接実行して、フリーフォーム ウィンドウのサイズ変更のテスト、マルチインスタンス インタラクションの検証、マウス、トラックパッド、キーボードのインタラクションのデバッグを行うことができます。Android Studio Canary をダウンロードして、仮想デバイスを今すぐセットアップしましょう。

AI を活用した開発により、レイアウトのモダナイゼーションを迅速化できます。適応スキルは、モバイル レイアウトをレスポンシブな Compose コンテナに自動的にリファクタリングするために必要なコンテキストを AI エージェントに提供します。Android CLI を使用してスキルを直接インストールし、実装を効率化します。

Googlebook で新たな可能性を実現

Untitled design (2).png
エコシステム パートナーが提供する Googlebook ファミリーのノートパソコン。

Googlebook のラインナップは、Android エコシステムの新たな幕開けを告げるものであり、アプリにプレミアムなプラットフォームを提供し、より豊かで高機能なエクスペリエンスを実現します。アダプティブな設計により、単一のコードベースでスマートフォン、折りたたみ式デバイス、タブレット、Googlebook に最適化されたアプリを構築できます。また、Google Play での視認性が向上し、バッジも獲得できます。Googlebook デベロッパー ハブでドキュメントを確認し、デスクトップ デザイン ガイドを読んで、今すぐ Googlebook 向けの開発を始めましょう。

作成者:
続きを読む