Webアプリ開発
おかわり自由マップ（okawari）
- Client
- 自社開発（自主サービス）
- Industry
- Webサービス / 飲食・グルメ
- Year
- 2026
- Technology
- Next.js (App Router) Leaflet + OpenStreetMap Hono PostgreSQL + PostGIS Docker PWA
- URL
- okawari-map.jp/
The Challenge
「おかわり自由」という特化した切り口で飲食店を探せるサービスが存在せず、ニッチな需要とSEOのロングテール（例:「渋谷 おかわり自由 ランチ」）に応える検索体験が求められていました。
The Approach
フロントエンドはNext.js（App Router）でSEOに強いSSR/SSG構成を採用。地図はLeaflet＋OpenStreetMapで地図コストを抑制し、地理空間検索にPostgreSQL＋PostGIS、APIは軽量なHonoを使用しました。Docker構成でVPS運用し、PWA対応でホーム画面追加にも対応しています。
カテゴリ（ごはん／麺／パン／その他）でのフィルタ、店舗投稿などの機能を実装しました。
The Result
okawari-map.jp として本番公開・運用中です。地図上に店舗をピン表示し、エリア検索・カテゴリフィルタ・店舗詳細・「ここへ行く」（Google Maps連携）・タイムライン投稿などを提供しています。