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

Chromebook などの ChromeOS デバイスは、Android アプリにデスクトップのような独自の環境を提供します。ユーザーは、サイズ変更可能なウィンドウ、堅牢なキーボードとマウスのサポート、生産性の高いレイアウトを備えたデスクトップ アプリケーションのような動作をアプリに求めています。

ChromeOS に関する重要な考慮事項

  • デスクトップ ウィンドウ: ChromeOS 上のアプリは通常、サイズ変更、最大化、タイル表示が可能なフリーフォーム ウィンドウ で実行されます。ウィンドウ サイズクラスを使用して、ウィンドウのサイズが変更されたときにアプリのレイアウトがスムーズに調整されるようにします。
  • キーボードとマウス入力: タッチ操作が主なデバイスとは異なり、ChromeOS は物理入力が中心です。アプリが次の機能をサポートしていることを確認してください。
    • キーボード ショートカット: 一般的な操作(Ctrl+C/V など)とアプリ固有の ショートカット。
    • マウス操作: 右クリックのコンテキスト メニュー、スクロール ホイールのサポート、 インタラクティブ要素のホバー状態。
  • 内蔵ディスプレイ: Chromebook のディスプレイはタブレットよりも大きいことがよくあります。 マルチペイン レイアウトと拡張されたナビゲーション コンポーネントを使用して、このスペースを活用します。
  • 外部ディスプレイ: 多くの ChromeOS ユーザーは、デバイスを外部 モニターに接続しています。接続されたディスプレイをサポートして、 シームレスなマルチスクリーン エクスペリエンスを提供します。

適応戦略

  1. 生産性向上のための最適化: リストと詳細などの標準レイアウトを実装して、ChromeOS の大画面に多くの情報を表示し、画面の切り替えを頻繁に行う必要性を減らします。
  2. 構成変更の処理: アプリがウィンドウのサイズ変更中に 状態を維持し、 データ損失や UI のリセットが発生しないようにします。
  3. ナビゲーションの改善: NavigationSuiteScaffold を使用して デスクトップ画面でアプリ ウィンドウが 拡大されたときに、ナビゲーション レールまたはドロワーに自動的に切り替えます。

詳細

ChromeOS の開発に関するガイダンスについては、ChromeOS デバイスをご覧ください。