商圏分析Webアプリ

開発背景

参画時点で、リリースから1〜2年放置されていた不具合が複数残っていた。いずれも「致命的ではない」「不正操作にはつながらない」という理由で対応が見送られてきたもの。不具合をコードの誤りとしてではなく、利用企業の業務にどんな影響を与えているかという観点で評価し直したうえで、着手する順序を判断した。

届けたいユーザー

利用企業20社の分析担当者。出店候補エリアの絞り込みや商圏比較を日常的に画面上で行うため、誤操作や操作のやり直しがそのまま作業効率と判断の確度に跳ね返る。「押したボタンが押せる」水準の操作信頼性を前提として担保することを重視した。

縮小表示時のみ意図しない要素がクリックされる不具合を解消。原因は z-index の重なり順の考慮不足で、レイアウト変化によりチェックボックスがボタンより手前に配置されクリックを奪っていた。画面サイズに依存せず意図どおり操作できる状態にし、絞り込み作業中の誤操作とやり直しを防止した。

生の Access Deny XML がそのまま表示され、ユーザーが障害か権限不足かを判断できない状態だった問題。ローカルと本番の挙動差分からインフラ層（CloudFront + S3）に原因を切り分け、CloudFront Functions と KVS で S3 到達前に 404 を返す構成を設計。実装フェーズに進められる状態まで整理した。

丸投げせず、まず手動で再現条件を確認し「ブラウザサイズで JS の挙動は変わりにくい以上、CSS 起因だろう」と当たりをつけたうえで調査範囲を指定。結果、1〜2年原因不明だった不具合の原因特定に要した時間は約5分だった。