Lumina Energy Card:家庭向け3Dエネルギーモニタリングカード

Web

概要

Lumina Energy Cardは、Home Assistantのダッシュボード(Lovelace)用に作られたカスタムカードで、家庭の電力状況を直感的に把握できることを目的としています。家全体の消費電力、複数のソーラーアレイの発電、バッテリーの充放電や状態(State of Charge)、さらにはEV充電の情報を一画面で可視化。デザインは「Ultra Modern 3D」を謳い、背景画像や3D風の表現で視認性と操作性を両立します。HACS向けバッジやバージョン表記があり、distフォルダに配布用のビルドアセットが含まれている点も特徴です(約300字)。

GitHub

リポジトリの統計情報

  • スター数: 16
  • フォーク数: 1
  • ウォッチャー数: 16
  • コミット数: 30
  • ファイル数: 7
  • メインの言語: 未指定

主な特徴

  • 3D風でモダンなビジュアルによる家庭用エネルギー表示(消費・発電・バッテリー・EV)
  • 複数ソーラーアレイやバッテリー状態をまとめて可視化
  • HACSでの配布に対応しており導入が容易
  • distにビルド済みアセット(背景画像など)を含み、手軽に配置可能

技術的なポイント

Lumina Energy CardはHome AssistantのカスタムLovelaceカードとして設計されており、実行時にはブラウザ側でレンダリングされるフロントエンド資産を用います。リポジトリにdistディレクトリがあることから、ソースをビルドして配布用にまとめたアセット(HTML/JS/CSS、背景画像など)を提供している構成です。一般的なカスタムカード同様、ユーザーはHome Assistantのエンティティ(電力センサー、バッテリーSOC、PV出力、EV充電ステータスなど)をカード設定に紐づけてデータを供給します。

視覚表現は「Ultra Modern 3D」を謳っており、CSS3の変形やシャドウ、GPUアクセラレーションを活用したアニメーションや擬似3D表現が中心と考えられます。パフォーマンス面ではアニメーションや大量のDOM操作がボトルネックになりやすいため、ビルド時にコードをバンドル・最小化してdistに格納し、ブラウザ負荷を抑える工夫が想定されます。またHACS対応のため、インストール・アップデート流通経路が整っており、依存関係や導入手順をREADMEで明示している点も実用性を高めます。

カスタマイズ性については、テーマカラーや表示するエンティティの選択、単位や表示スケールの調整などが重要です。複数ソーラーアレイを扱う場合は合算表示か個別表示かを切り替えられると便利で、バッテリーやEVの状態変化をリアルタイムに反映するためにHome Assistant側のセンサー更新頻度に依存します。最終的にはdistにある静的アセットをHome Assistantのwww配下やカスタムカーディレクトリに配置することで動作させるのが一般的です。

ライセンスや貢献ガイド(CODEOWNERS)、CI設定(.github)などのファイルがリポジトリにあるため、コントリビューションや管理面も一通り備えられている点が魅力です(約700字)。

プロジェクトの構成

主要なファイルとディレクトリ:

  • .github: dir
  • CODEOWNERS: file
  • LICENSE: file
  • README.md: file
  • dist: dir

…他 2 ファイル

まとめ

Home Assistantで視覚的に優れたエネルギー監視カードを手早く導入したい人に最適です(約50字)。

リポジトリ情報:

READMEの抜粋:

Lumina Energy Card

hacs_badge Version

Limuna Energy Card repository is https://github.com/ratava/lumina-energy-card.

Lumina Energy Card Background

Donate

Language / Lingu…