警備のサイン業務・配置業務を、企画から内製化したReactアプリへ

プロジェクトでの変化

• サイン業務の入力時間
  紙運用比で短縮
• 配置調整の伝達ミス
  減少傾向
• リリースサイクル
  週次

課題

現場の警備員と本部のあいだの情報伝達が紙・電話・Excel中心で、配置変更や勤怠の確認に時間がかかっていた。業務要件が明文化されておらず、まず「何を作るか」から決める必要があった。

アプローチ

1. 01 現場と本部それぞれにヒアリングし、業務フローを図に起こす
2. 02 MVPの範囲を「サイン業務」と「配置業務」に絞り、企画書に落とす
3. 03 Supabase + React + TypeScript で素早く画面試作・現場確認
4. 04 Vercelでのプレビュー環境を関係者全員で共有

成功要因

現場起点の要件抽出

業務要件が明文化されていない状態から、現場と本部のヒアリングで業務フローを図に起こすことから着手した。

MVPスコープの絞り込み

サイン業務と配置業務の2点に絞り、定着しないと意味がないシステムにスコープの広がりを持ち込まなかった。

週次プレビュー運用

Vercelのプレビュー環境を毎週の現場レビューに使い、業務側の発言コストを下げた。

Supabase最小構成

認証・DB・ストレージをSupabaseでまとめ、企画段階でも素早く実物を見せられる体制を維持した。

ソリューション

Supabaseを基盤として認証・DB・ストレージを最小構成でまとめ、フロントはReact + TypeScript で構築。Vercelのプレビュー環境を毎週レビューに使い、現場のフィードバックを翌週のリリースに反映するサイクルを定着させた。