Leaflet Web1の設計・技術選定・コミット履歴を解説

01 / 概要

プロジェクトの概要と目的

SPOTPALETTE Web Leafletの地図と検索結果一覧を連動させた、10業種共通のローカル検索MVPです。 正式URLは https://spotpalette.jp 。 .com と .net は .jp へ301転送し、 .app はアプリ紹介ページとして使用します。 10カテゴリの絞り込み・全文検索 地図マーカーと施設カードの双方向選択 モバイル向け地図／一覧切り替え SEO・AIO・LLMO向け要約、更新日、構造化データ 無料掲載、Pro、予約・広告の収益導線 設計は docs/MVP DESIGN.md を参照してください。

本記事は公開されている構成と main ブランチのコミットを一次情報として整理しています。

02 / 使用技術

使用技術と役割

03 / 設計

構成から読み解く設計

主な項目は README.md、app、eslint.config.mjs、next.config.ts、package-lock.json、package.json、postcss.config.mjs、public です。

• 画面・ルーティング層

04 / 変更履歴

コミットから見る実装の変遷

以下は既定ブランチの直近の変更です。リンク先で原文と一次情報を確認できます。

1. 2026/07/30
   実装内容を更新709da37をGitHubで確認 ↗
2. 2026/07/22
   実装内容を更新f5a9b5aをGitHubで確認 ↗
3. 2026/07/22
   実装内容を更新5b962f7をGitHubで確認 ↗

05 / 学び

このプロジェクトから得られる学び

• 変更を小さく記録する

  コミット単位で目的を分けると、実装の意図を追跡しやすくなります。

• 構成と技術選定を結び付ける

  TypeScriptの採用理由と各ディレクトリの責務を説明できることが保守性につながります。

• READMEと実装を同時に育てる

  説明とコードを近い状態に保つことが、再利用と振り返りを助けます。

06 / よくある質問

よくある質問