HTML5

作業担当者:鈴木 祥護
作業日  :2026年2月12日


作業内容

MAP(REQUEST)機能の完成度向上を目的とし、
以下3点を確定仕様として安定動作させる段階まで到達させた。

・都道府県フィルターの正式実装
・保存ボタンのトグル仕様化
・REQUEST詳細画面での住所連動MAP表示(自動ジオコーディング)


■ 作業目的

MAP(REQUEST)機能について、
UI設計段階から一歩進み、
実運用を想定した安定仕様へ引き上げることを目的とした。


■ 作業内容詳細

① REQUEST保存ボタン仕様の再設計

【従来仕様】
・1クリック保存のみ

【修正後】
・トグル式(保存 ⇄ 保存解除)へ変更

【実装内容】
・localStorage(miraba_saved_requests)で配列管理
・保存済み判定によりボタンUIを動的切替
・「保存済み」表示+クラス付与
・自分のREQUESTは保存不可仕様

【確定判断】
UX向上および実運用を想定した仕様として正式確定


② MAPフィルター機能の完成

(方面 → 都道府県 連動設計)

【地域データ設計】
北海道方面/東北/関東/中部/近畿/中国/四国/九州
47都道府県を完全網羅

【動作仕様確定】

・「方面から選択」モード採用
・方面選択 → 該当方面の県を動的生成
・県未選択時:方面全体でフィルタ
・県選択時:都道府県単位でフィルタ

【設計思想】
ユーザーの柔軟性を阻害しないフィルタ設計

・「関東ならどこでも探したい」
・「東京都だけ探したい」

双方に対応可能な構造とした。


③ MAP詳細画面:住所自動検索 → 初期値自動設定

【従来問題点】
・常に東京駅が初期表示
・REQUESTごとの住所が反映されない

【改善仕様】

① 緯度経度が保存済みなら即表示
② 未保存ならNominatimで住所ジオコーディング
③ 成功時:lat / lng を保存
④ 失敗時のみ東京駅をfallback

・完全非同期処理で再設計
・map生成は1回のみ

【到達点】
REQUESTごとに異なる住所へ自動センタリングを実現


④ UI調整

・REQUESTカード高さ調整
・フィルタ枠の拡張
・「REQUESTを取り下げる」ボタンを
 淡い紅色+丸みデザインへ変更
・終了済みラベルの視認性を維持


■ 現在の到達点

MAP機能は以下が完成状態:

✓ REQUEST投稿
✓ REQUEST一覧表示
✓ 保存/解除トグル
✓ 自分のREQUEST管理
✓ 終了処理(論理削除)
✓ 方面・都道府県フィルタ
✓ 住所自動検索
✓ 詳細MAP連動表示

MAP(REQUEST)機能はUI・基本機能ともに完成段階へ到達。


■ 次工程

・近くフィルタ(現在地連動)
・MAPピン実装
・MAP右パネルUI微調整
・API制限対策(ジオコーディングキャッシュ強化)
・全画面間でのユーザ情報連携(取得IDの生成)

26/02/12 めがね2/3 活動報告

日誌担当者: 鎌田あるん


チームの活動内容

  • スライドの修正
  • 動画撮影

投稿担当者の作業内容

  • 動画撮影

残タスク・次回の作業内容

  • スライドの修正
  • 作品ポスターの作成
  • 動画編集

 

みんなせっさんつよかった…