Pixoo-64 + Home Assistant:ドット絵のスマートホームダッシュボードを構築する

Pixoo-64 + Home Assistant:ドット絵のスマートホームダッシュボードを構築する

私のスマートホームは何年もの間、スマートフォンを通じて私に語りかけてきました。自動化が実行され、センサーが更新され、ダッシュボードがリフレッシュされても、画面のロックを解除してアプリを開かない限り、そのすべては見えませんでした。Divoom Pixoo-64をHome Assistantに接続した瞬間、それが変わりました。モニターの横に置いた64×64ピクセルのパネルが、家の常時オンの顔になったのです。出かける前の天気、洗濯機の進捗、ドアベルが鳴ったときの点滅する赤い警告。ロック解除も、アプリ探しも必要ありません。家がついに、自分が何をしているのかを見せてくれるようになりました。

Home Assistantを使っているなら、すでに問題はお分かりでしょう。ダッシュボードは強力ですが、持ち歩かなければならない画面の向こう側にあります。このガイドでは、HACSを通じたコミュニティ連携のインストール、デバイスの設定、YAMLでの最初のダッシュボードページの作成、そしてディスプレイを生き生きと動かす自動化の構築まで、一連の手順を解説します。カスタムコンポーネントに触れたことがない人向けに書いてありますが、経験がある方はすばやく進められます。

まずは実際の机の上でPixoo-64がどのように動作するか確認してみてください。写真で見るよりも、パネルは腕を伸ばした距離で明るく、読みやすく見えます。それでは、Home Assistantのインスタンスに追加していきましょう。

Home Assistantには、別のスマートフォンのタブより64×64パネルが適している理由

Home Assistantはすでに美しいダッシュボードを表示できます。それなのに、なぜデータを小さなピクセルグリッドに送るのでしょうか。理由は、情報が表示される場所にあります。スマートフォンのダッシュボードは、メッセージや通知、慣れた操作に埋もれてしまいます。壁掛けタブレットも、通り過ぎるだけの別の画面です。Pixoo-64は、ちょうどよい位置にあります。64×64ピクセルなら、温度、天気アイコン、プログレスバー、2語程度のステータスを表示するのに十分な解像度があり、それでいて、注意を引こうとする別のディスプレイではなく、周囲に溶け込む情報として読める小ささです。

ハードウェアも十分に価値を発揮します。$159.99で、大型フォーマットのピクセルパネルに加え、デュアルバンドの2.4G/5G WiFiを利用できます。ローカルネットワーク経由で終日デバイスをポーリングする連携にとって、これは重要です。また、ディスプレイは独自クラウドではなくLAN経由で通信するため、Home Assistantのインスタンスから直接アクセスできます。このローカル優先の動作こそ、そもそもコミュニティ連携が存在する理由です。

  • 情報密度:4,096ピクセルあれば、時計、センサー値、アイコンなどを一つのすっきりしたステータス画面に収められます。読みにくい情報の詰め込み状態にもなりません。
  • 設置場所の自由度:卓上スタンドにも壁掛けにも対応しているため、机の横やキッチン、玄関先など、ちらりと見る価値のある場所ならどこにでも置けます。
  • 本質的に常時オン:スマートフォンとは違い、パネルは24時間365日点灯して更新され続けます。これは、受動的なダッシュボードに本当に必要な特徴です。
  • コミュニティの勢い:Home Assistant界隈で最も話題に上るピクセルディスプレイの一つなので、理論ではなく、参考にできる実際の設定例が豊富です。

HACSでHome Assistant統合をインストールする

これらすべてを可能にする統合は、gickowtfという開発者が作成したコミュニティ製のカスタムコンポーネントです。ページタイプ、サービス、テンプレートに対応し、非常に洗練されたプロジェクトへと成長しています。Divoom公式ソフトウェアではありません。この点については後ほど正直に説明しますが、インストール手順は標準的なHome Assistantの方法です。選択肢は2つあり、手軽なのはHACSです。

  1. まだHACSをインストールしていない場合は、先にインストールします。HACS(Home Assistant Community Store)は、カスタムコンポーネントの事実上のハブです。すでにインスタンスに導入済みなら、次へ進んでください。
  2. 統合のリポジトリを追加します。HACSでDivoom Pixoo 64を検索します。検索結果に表示されない場合は、pixoo-homeassistantリポジトリを「Integration」カテゴリのカスタムリポジトリとして追加してください。
  3. ダウンロードして再起動します。HACSから統合をダウンロードし、新しいカスタムコンポーネントが読み込まれるようHome Assistantを再起動します。
  4. 標準搭載の統合と同じように追加します。「設定」から「統合」に進み、「Divoom Pixoo 64」を追加します。ネットワーク上で検出されたPixoo-64を選ぶか、IPアドレスを手動で入力してください。

HACSを完全に使わずに済ませたいですか?リポジトリのcustom_components/divoom_pixooフォルダーをHome Assistantの設定ディレクトリに手動でコピーして再起動すれば、同じ手順をストアなしで実行できます。また、Home Assistantを介さずに独自のスクリプトでディスプレイと通信したい場合は、Pixoo-64 API初心者ガイドで、ローカルAPIの詳細とPythonライブラリを個別に解説しています。

Home AssistantでPixoo-64を設定:検出または手動IP

統合を追加したら、デバイスの設定ページを開きます。設定するのは3つです。デバイスのIPアドレス(検出結果から選ぶか手動で入力)、スキャン間隔(ページが切り替わるまで各ページを画面に表示する秒数)、そしてYAMLで記述するページ一覧です。コミュニティからの実用的なアドバイスを2つ紹介します。ルーターでPixoo-64にDHCP予約を設定して、アドレスが変わらないようにすること。そして、統合はLAN経由でディスプレイと通信するため、Home Assistantホストと同じネットワークセグメントに接続することです。

定義した各ページには、任意の Home Assistant エンティティによって制御される有効フラグと、スキャン間隔を上書きする独自の表示時間を設定できます。この組み合わせ、つまり条件付きページとカスタム表示時間によって、ローテーションするスライドショーが、家の状態に反応する本格的なダッシュボードへと変わります。

スマートフォンでDivoomアプリを起動し、机の上で天気ダッシュボードを表示しているDivoom Pixoo-64
Pixoo-64上の天気・ウィジェットダッシュボード — Home Assistantで自動的に表示できる、まさにひと目で確認できるビューです。

YAMLで最初のダッシュボードページを作成する

ここから、ページは単なるガジェットではなくダッシュボードになります。インテグレーションには、components、clock、gif、channel、visualizer、PVソーラー概要、進捗バー、燃料価格ボードなどのページタイプが用意されていますが、componentsページこそが本当のキャンバスです。テキスト、画像、長方形をピクセル座標上に配置し、Home Assistantのテンプレートを通じてエンティティの値をリアルタイムに反映できます。以下は、天気とセンサーを組み合わせたコンパクトなカードの例です。

- page_type: components
  components:
    - type: text
      position: [0, 0]
      content: "リビングルーム {{ states('sensor.living_room_temperature') }} C"
      color: [0, 255, 136]
    - type: text
      position: [0, 12]
      content: "{{ states('weather.home') }}"
      color: white
    - type: image
      image_path: /config/img/house.png
      position: [38, 28]

位置は64×64グリッド上のXY座標で、色にはRGB配列またはプリセット名を指定できます。フォントにはpico_8、gickoなどがあり、その他のフォントもプロジェクトのREADMEに記載されています。変更履歴は開発者のHome Assistantフォーラムスレッドにあり、他の人が作ったものを見たり、セットアップについて質問したりするのにも最適な場所です。

あらかじめデザインされたページを使えば、レイアウトを考える手間を完全になくせます。進捗バーは、食器洗い機、EVの充電、洗濯など、家電の状態を表示するのに最適で、家電の稼働中だけ自動的に有効になります。

- page_type: progress_bar
  enabled: "{{ is_state('sensor.dishwasher_state', 'Run') }}"
  header: 食器洗い機
  progress: "{{ states('sensor.dishwasher_progress') }}"
  footer: "{{ now().strftime('%H:%M') }}"
太陽のアイコン、気温、週間予報を表示するピクセル天気ダッシュボードのDivoom Pixoo-64画面
ひと目で分かる天気:64×64のグリッドは、落ち着いた表示を保てるほど小さく、読みやすさを保てるほど大きいサイズです。

ディスプレイを生き生きと見せるオートメーションのアイデア

ページはデフォルトでタイマーにより切り替わりますが、表示を変化させるのはオートメーションです。インテグレーションでは、電源と明るさを制御するライトエンティティに加えて、画面上の表示を一時的に上書きするプッシュサービス — Divoom Pixoo 64: ページを送信 — が提供されます。この1つのサービスが、以下のあらゆるアイデアへの入口になります。

  • ドアベルのフラッシュ:ドアベルエンティティがトリガーされたら、「誰かが玄関にいます」という赤いテキストページを10秒間表示し、その後ローテーションに戻ります。
  • 夕暮れのシーン切り替え:日没時に明るい昼間用の時計ページを暗めのアニメーションに切り替え、ライトエンティティで明るさを下げます。夜に光る長方形がなくなります。
  • 家電の完了:食器洗い機や洗濯機が終了すると、どうせ見逃してしまうスマートフォン通知の代わりに、ディスプレイがブザー音とともに完了ページを表示します。
  • 動きを知らせる挨拶:暗くなってから廊下で動きを検知すると、柔らかなウェルカム表示を出します。来客がいつも気づく、ささやかな演出です。
service: divoom_pixoo.show_message
target:
  entity_id: sensor.divoom_pixoo_64_current_page
data:
  page_data:
    page_type: components
    components:
      - type: text
        position: [0, 30]
        content: "誰かがドアの前にいます!"
        color: [255, 0, 0]

面倒を減らす2つの習慣

DHCP予約を使ってディスプレイのIPアドレスを固定し、アニメーションコンテンツでパネルがカクつく場合は明るさを少し下げてください。長期利用者の中には、ディスプレイを90%以下で動作させるとクラッシュが止まったと報告している人もいます。また、統合が動作中は画面を専有するため、家族がDivoomアプリでアートを選びたがるなら、ローテーションと競合させるのではなく、カスタムチャンネルページを固定しておくとよいでしょう。

Pixoo-64対Tidbyt:Home Assistantで正直に比較

スマートホームでピクセルダッシュボードについて話すと、やがてTidbytに行き着きます。TidbytはHome Assistantとの互換性をマーケティングの軸としてきました。どちらのディスプレイもセンサーデータ、時計、アニメーションを表示でき、どちらもコミュニティで愛用されています。違いは設計思想にあります。Tidbytはコミュニティ製アプリを備えた独自アプリとクラウド接続型エコシステムに依存する一方、Pixoo-64はディスプレイを主役とするキャンバスで、Home Assistant統合はコミュニティ製コンポーネントを通じてローカル接続します。それ以外はDivoomアプリが担い、数百万種類のコミュニティ製ピクセルアートデザインからソーシャルカウンターまで利用できます。

要素 Pixoo-64
$159.99
Tidbyt Gen 2
Tidbytエコシステム
Home Assistant連携 コミュニティ製HACS統合、ローカルLAN制御、YAMLページとサービス 公式に近いHA統合とTidbytのアプリエコシステム
パネル 64×64 LEDパネル — DivoomのPixooシリーズ最大 32×32相当のLEDマトリクス、小さめのキャンバス
ダッシュボードのその先 Divoomの完全なアプリエコシステム:ピクセルアートエディター、コミュニティギャラリー、時計、ソーシャルカウンター コミュニティ製アプリと文字盤が揃うTidbytのアプリストア
最適な選択 より大きなキャンバス、ローカル制御、そしてアートフレームも兼ねる1台のディスプレイが欲しい Tidbytのアプリエコシステムを特に重視する

どちらの選択も間違いではありませんが、キャンバスサイズと、二つの顔を持たせられる点ではPixoo-64が勝っています。正午には食器洗い機の進捗を表示していた同じパネルで、それ以外の時間はピクセルアートや時計を表示できます。何も起きていないときに何を表示するかで、家族がダッシュボードディスプレイを評価するなら、この柔軟性は重要です。

ゲーム用モニターとDivoomアプリのそばで、ライブカウンターを表示するDivoom Pixoo-64

Divoom Pixoo-64

159.99ドルで購入できる64×64のWiFiピクセルディスプレイ。実用的なダッシュボードコンテンツを表示できる大きさがありながら、デスクのアートフレームとしても使える遊び心を備えています。

Pixoo-64を見る

よくある質問

Home Assistantのインテグレーションは公式ですか?

いいえ。これはコミュニティが開発したカスタムコンポーネントで、開発者は公式のDivoomソフトウェアではなく、Divoomからのサポートもないことを明確にしています。Home Assistantの世界では、それが一般的です。多くの評価の高いインテグレーションも、コミュニティによる開発から始まっています。ディスプレイ自体の初回WiFi設定、ペアリング、ハードウェアに関する質問については、公式の製品マニュアルを参照するのが適切です。

インストールにHACSは必要ですか?

HACSが最も簡単な方法ですが、必須ではありません。リポジトリをダウンロードし、そのcustom_components/divoom_pixooフォルダーをHome Assistantの設定フォルダーにコピーしてから再起動することもできます。どちらの方法でも、最終的には「設定とインテグレーション」で「Divoom Pixoo 64」を追加することになります。

ディスプレイがDivoomアプリで設定した内容を上書きするのはなぜですか?

それはインテグレーションが正常に動作している証拠です。スキャン間隔に従って、設定したページを順番に切り替えています。家の誰かがDivoomアプリで選んだアートを表示し続けたい場合は、ディスプレイの3つのカスタムチャンネルのいずれかを指定するチャンネルページを定義するか、自由にアプリを操作したいときにページリストを無効にできる入力ブール値を使ってください。

メディアプレーヤーで再生中のものを表示できますか?

はい。画像コンポーネントはテンプレート化された画像URLに対応しているため、メディアプレーヤーのエンティティ画像をページに表示できます。コミュニティのメンバーは、アルバムアートをディスプレイに自動送信する連携プロジェクトも公開しています。こうした設定を探すなら、プロジェクトのGitHubディスカッションが最適です。

スマートホームに足りなかった最後の画面

スマートホームは、温度や状態、帰宅、サイクルの完了など、役立つ情報を絶え間なく生み出しています。しかし、その大半はログブックやスマートフォンの通知の中で静かに消えていきます。Home Assistantに接続したピクセルディスプレイが、そのあり方を変えます。情報が、周囲に溶け込み、ひと目で確認でき、常時表示されるものになるのです。数週間もすると、部屋に入ってただ見て家の状態を把握することが、機能というより、最初からそうあるべきだった自然な使い方のように感じられます。

Pixoo-64について一言で言えば、こういうことです。Divoomピクセルディスプレイファミリーの中で最大のキャンバスを備え、自宅のネットワーク経由でHome Assistantと通信し、表示するものがないときはアートに戻ります。インテグレーションをインストールし、時計とセンサー1つから始めて、あとは自動化に任せましょう。スマートホームは、ずっと表示してくれる顔を待っていたのです。

Divoomディスプレイ用ピクセルアートのアニメーション方法(フレームごとのガイド) animate pixel art divoom Divoomディスプレイ用ピクセルアートのアニメーション方法(フレームごとのガイド) Divoomディスプレイ用のフレームごとのピクセルアートアニメーションの作り方を学びましょう。ツールを選び、フレームレートを設定し、フレームを描き、GIFをエクスポートしてデ... Divoom Times Gate API 開発者ガイド App Guide Divoom Times Gate API 開発者ガイド Divoom Times Gate APIの開発者向けガイド:5画面ディスプレイがMQTTとHTTPSでどのように通信するか、ローカルLAN APIが何を公開しているか、カス... Divoomの天気が間違っている:場所、タイムゾーン、更新の問題を修正する方法 App Guide Divoomの天気が間違っている:場所、タイムゾーン、更新の問題を修正する方法 Divoomの天気ウィジェットの問題を解決する方法:誤った都市、古いデータ、更新されない場合の対処法。Pixoo-64、Times Gate、Ditooでの位置情報の許可、タ...
ブログに戻る
コメントを残す

コメントは公開される前に承認が必要であることにご注意ください。