eSportsイベントの会場レイアウト・機材配線計画ツール

eSports対戦会の時のゲーム機、モニタ、電源、ケーブルの計画を立てるために作りました。githubからすぐに試せます。
※githubから試した時のデータは、端末に記録されてサーバには残りません

主な機能
⭐間取り作成⭐— グリッド点をクリックして多角形の部屋を作図
⭐機材配置⭐— 什器（机・椅子・電源/LANコンセント）と機器（PC・モニタ・ゲーム機など17種）をドラッグ&ドロップで配置。移動・90°回転・サイズ変更・名前変更に対応
⭐ケーブル配線⭐— 機器のポート間をケーブルで接続。ポート種別（HDMI / USB / LAN / 電源）の整合チェックと IN/OUT の方向チェック付きで、物理的にありえない配線を防止
⭐ケーブル長の算出⭐— レイアウト上の距離から必要なケーブルの最小長さを自動計算・表示（1グリッド = 0.25m 等、ズームに応じた自動スケール）
⭐必要機材チェックリスト⭐— 配置した機材とケーブルを数量・長さ付きで自動集計。チェック状態も保存され、テキストコピーで買い出しリストとして共有可能
⭐電源未接続の警告⭐— 電源が来ていない機器に ⚡ バッジを表示（USB給電にも対応）
⭐カスタム機器の登録⭐— 名前・色・ポート構成を自由に定義。既存機器の複製編集も可能
⭐保存⭐—ローカルストレージへの自動保存 + JSONファイルのエクスポート/インポート