Route Spot Naviの設計・技術選定・コミット履歴を解説

01 / 概要

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

route spot navi Route Spot Naviは、乗換・高速バスの到着地から「次に行く場所」まで探せる地域情報ナビのプロトタイプです。 Concept 経路検索の到着地から、周辺スポット、宿、喫煙場所、カフェ、ゲーム施設などへ誘導する 待ち時間、徒歩分数、料金、評価、ユーザー投票で比較できる 掲載候補をメモし、カテゴリ別の検索条件に反映できる 将来的に地図、口コミ、閉店情報、ランキング、API連携へ拡張する Production Domain: https://syunnjack.github.io/route spot navi/ Build command: npm run build Build output: dist GitHub Pagesで公開する場合は、 public/CNAME に https://syunnjack.github.io/route spot navi/ を設定済みです。 Commands npm run dev : 開発サーバー起動 npm run build : 本番ビルド npm run lint : 静的解析 npm run preview : ビルド結果の確認

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

02 / 使用技術

使用技術と役割

03 / 設計

構成から読み解く設計

主な項目は です。

• 単一アプリケーション構成
• 機能単位の責務分割

04 / 変更履歴

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

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

1. 2026/08/21
   actions/checkout と setup-node を v5 に上げるdb62a2dをGitHubで確認 ↗
2. 2026/08/19
   公開していた仮データと収益計画を下ろし、準備中ページにする77afe9cをGitHubで確認 ↗
3. 2026/08/18
   robots.txt のサイトマップを本番ドメインに直す68fd3fbをGitHubで確認 ↗
4. 2026/08/15
   支援・購入への導線を追加するb9b8a4dをGitHubで確認 ↗
5. 2026/08/10
   機能・コンテンツを追加ec5fca2をGitHubで確認 ↗
6. 2026/08/10
   機能・コンテンツを追加3667d46をGitHubで確認 ↗
7. 2026/08/10
   機能・コンテンツを追加9614537をGitHubで確認 ↗
8. 2026/08/04
   機能・コンテンツを追加03b3193をGitHubで確認 ↗
9. 2026/08/04
   実装内容を更新483096eをGitHubで確認 ↗
10. 2026/08/03
    機能・コンテンツを追加5699e7cをGitHubで確認 ↗
11. 2026/07/31
    説明資料を更新758b1b4をGitHubで確認 ↗
12. 2026/07/17
    機能・コンテンツを追加985956fをGitHubで確認 ↗

05 / 学び

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

• 変更を小さく記録する

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

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

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

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

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

06 / よくある質問

よくある質問