スタンドアロンモバイルアプリダッシュボード

Dreame掃除機カード専用のダッシュボードを作成し、独自のアプリアイコンで電話のホーム画面に直接追加することで、モバイルデバイス上で専用の「アプリのような」体験を作成できます。

ステップ1: 新しいダッシュボードを作成

整理整頓された全画面表示にするために、掃除機専用に完全に別のダッシュボードを作成することを強く推奨します。

1. Home Assistantでは、設定 > ダッシュボード メニューにアクセスします。
2. 右下の ダッシュボードを追加 ボタンをクリックします。
3. 一から新しいダッシュボード を選択します。
4. 「L10s Gen2」などの タイトル、mdi:robot-vacuum などの アイコン、および l10s-gen2 などの URL を入力します。
5. オプション: このダッシュボードはサイドメニューに追加するか非表示にすることができます。ホーム画面から直接起動されるためです。
6. 作成 をクリックします。

ステップ2: パネルビューの設定

「パネル」ビューは、1枚のカードを画面全体に広げるように強制するため、この非常に詳細なマップカードに最適です。

1. 新しく作成されたダッシュボードが開かれます。
2. 右上のダッシュボードを編集（）アイコンをクリックします。
3. 最新のHome Assistantは最初にsectionsタイプのビューを作成しますが、これはパネルに変換することはできません。デフォルトタブの隣にある編集（）アイコンをクリックし、ダイアログからビューを削除を選択し、削除を確認します。
4. ダッシュボードビュータブの横にある ビューを追加 () アイコンをクリックします。
5. 「ビューを追加」ダイアログで、パネル、単一カードのオプションを レイアウト ドロップダウンから選択します。
6. 保存 をクリックします。
7. 右下のカードを追加（）ボタンをクリックします。
8. カードピッカーでカスタム: Dreame Vacuum Cardを検索して選択します。
9. カードエディターでは、Dreame Vacuumのエンティティ（例：vacuum.l10s_gen2）を選択します。カードに対して任意のカスタムタイトルを指定でき、より詳細なモバイル専用の設定は基本設定セクションを参照して設定できます。
10. 保存をクリックして、カードをダッシュボードに追加します。

ステップ3：ヘッダーとサイドバーを非表示にする（キオスクモード）

注意

このステップは完全に任意ですが、ネイティブアプリのような体験を実現するためには絶対に必要です。

本物のスタンドアロンアプリのように見せるためには、Home Assistantのトップヘッダーとサイドメニューを隠す必要があります。

元のキオスクモードプラグインがアーカイブされたため、コミュニティはアクティブにサポートされているフォークを維持しています。NemesisRE/kiosk-mode統合の使用が強く推奨されます。

HACS経由でのインストール

1. HACS > フロントエンドセクションにアクセスします。
2. 右上のオーバーフローメニュー（）をクリックし、カスタムリポジトリを選択します。
3. https://github.com/NemesisRE/kiosk-modeを追加し、カテゴリをLovelaceに設定します。
4. ダウンロードをクリックして統合をインストールします。
5. プロンプトが表示された場合はブラウザをリロードします。

設定

インストール後、UI要素を完全に非表示にするために、生のダッシュボード設定を編集できます。

1. 新しく作成されたダッシュボードが開かれます。
2. 右上のダッシュボードを編集（）アイコンをクリックします。
3. 右上のアイコンをクリックし、生の設定エディタを選択します。
4. 以下の行を設定の最上部に追加します:

kiosk_mode:
  kiosk: true

ヒント

ヘッダーが非表示になると、編集ボタンは表示されなくなります。カードの設定を編集する必要がある場合は、?edit=1をウェブブラウザのダッシュボードURLの末尾に追加するだけで、例えばhttp://homeassistant.local:8123/l10s-gen2?edit=1のようにできます。

ステップ4: モバイルホーム画面に追加

全画面表示、ヘッダーなしのダッシュボードが準備できたら、モバイルデバイスに専用のホーム画面ショートカットとして追加できます。このショートカットを起動すると、通常のHome Assistantインターフェースを完全にバイパスして、フルスクリーンのDreame Vacuumコントロールパネルが瞬時に開きます。戻るボタンは公式アプリと同じように機能し、設定やダイアログを閉じたり戻るために使用できます。

Android

公式のHome Assistant Companion AppをGoogle Play ストアからダウンロードする必要があります。

1. モバイルデバイスでHome Assistant Companion Appを開きます。
2. 初めてのユーザーの場合、最初のセットアップはHome AssistantサーバーのURLを入力し、適切な資格情報でログインすることで完了します。アプリは通常のダッシュボードが表示されるまで完全に読み込む必要があります。
3. サイドメニューを開き、設定 > コンパニオンアプリにアクセスします。
4. ショートカット（ショートカットを管理）セクションを見つけます。
5. 利用可能なショートカットスロットのリストから、ショートカット 1のような未使用のスロットを選択します。
6. ショートカットの詳細を設定します：
   • ラベル: ホーム画面上のショートカット名、例えば「L10s Gen2」を入力します。
   • 説明: 任意で説明を入力できます。
   • サーバー: アクティブなHome Assistantサーバーを選択します。
   • ショートカットタイプ: 利用可能なオプションからダッシュボードを選択します。
   • ダッシュボード: 新しく作成したダッシュボードの正確なURLパス、例えば/l10s-gen2を入力します。
   • アイコン: mdi:robot-vacuumのような適切なアイコンを選択します。
7. ショートカット追加ボタンがタップされます。
8. デバイスがショートカットの追加確認を求める場合があります。
9. コンパニオンアプリが完全に終了され、ホーム画面に新しく作成された「L10s Gen2」ショートカットがタップされます。

注意

Android ショートカットの管理に関する詳細については、公式の資料を参照してください。 Home Assistant コンパニオンアプリ Android ショートカット ドキュメント.

iOS

公式の Home Assistant コンパニオンアプリ は Apple App Store からダウンロードする必要があります。iOS デバイスでは、組み込みの Apple ショートカット アプリが Home Assistant URL スキームと共に使用され、ホーム画面アイコンが作成されます。

1. iPhone または iPad で ショートカット アプリを開きます。
2. 右上の 新規ショートカット () ボタンがタップされます。
3. アクションを追加 を選択し、URLを開く を検索して選択します。
4. ダッシュボードのディープリンク URL をアクションに入力します。URL は homeassistant://navigate で始まり、その後にダッシュボードのパス（例: homeassistant://navigate/l10s-gen2）が続きます。
5. ショートカットの名前は、上部の下向き矢印をタップして 名前を変更 を選択し、「L10s Gen2」のような名前を入力することで設定されます。
6. アイコンは同じメニューから アイコンを選択 してカスタマイズできます。
7. 共有 アイコンをタップし、ホーム画面に追加 を選択します。
8. 確認のため 追加 をタップします。
9. ホーム画面に新しく作成された「L10s Gen2」ショートカットをタップします。

注意

iOSのURLスキームの詳細については、公式の資料を参照してください Home Assistant URLハンドラーのドキュメント.