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

01 / 概要

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

SPOTPALETTE App Leaflet地図をアプリ内WebViewで動かす、iOS・Android共通の地域検索MVPです。10業種を共通データモデルで展開できます。正式サイトは https://spotpalette.jp 、アプリサイトは https://spotpalette.app です。 画面 地図・カテゴリ検索・スポット詳細カード 保存一覧 スポット・口コミ投稿 アカウント・事業者導線 Web版の詳細設計は leaflet web1/docs/MVP DESIGN.md を参照してください。

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

02 / 使用技術

使用技術と役割

03 / 設計

構成から読み解く設計

主な項目は README.md、app.json、app、components、data、docs、package-lock.json、package.json です。

• 画面・ルーティング層
• UIコンポーネント層

04 / 変更履歴

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

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

1. 2026/07/22
   実装内容を更新c26c654をGitHubで確認 ↗
2. 2026/07/22
   実装内容を更新1a8a047をGitHubで確認 ↗

05 / 学び

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

• 変更を小さく記録する

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

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

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

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

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

06 / よくある質問

よくある質問