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

01 / 概要

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

全国市区町村 車買取データナビ 全国の市区町村・車種から査定前の確認項目を探し、複数の提示条件を端末内で比較できる静的サイトです。 ローカル確認 npm run check はサイトを生成した後、次を自動監査します。 自治体データ件数と自治体コード canonical、robots、Open Graph、JSON LD 本番URL、GA4、Google Search Console所有権確認の整合性 インデックス対象ページとサイトマップの一致 重複タイトル、壊れた内部リンク、プレースホルダー 地域検索用データの件数 インデックス方針 全地域ページは検索・閲覧できますが、検索エンジンへ一括登録しません。既存公開URLのある主要地域だけを index,follow とし、それ以外は独自情報を追加するまで noindex,follow にします。対象は data/legacy city paths.json で管理します。 データ更新 ビルド時に localgovjp の自治体データを取得し、件数・必須項目・コード重複を検査します。別URLを利用する場合は MUNICIPALITY DATA URL を指定できます。 デプロイ VercelのBuild Commandは npm run check 、Output Directoryは dist です。監査に失敗したビルドは公開されません。 本番URLと計測設定は site.config.json で管理します。必要に応じて SITE URL 、 GA MEASUREMENT ID 、 GOOGLE SITE VERIFICATION 、 SITE UPDATED AT の各環境変数で上書きできます。 SITE URL はパスを含まないHTTPSオリジンを指定してください。

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

02 / 使用技術

使用技術と役割

03 / 設計

構成から読み解く設計

主な項目は です。

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

04 / 変更履歴

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

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

1. 2026/08/16
   実装内容を更新c183a96をGitHubで確認 ↗
2. 2026/08/16
   実装内容を更新8f0758cをGitHubで確認 ↗
3. 2026/08/16
   実装内容を更新5d58752をGitHubで確認 ↗
4. 2026/08/15
   実装と使いやすさを改善02fcaceをGitHubで確認 ↗
5. 2026/08/15
   機能・コンテンツを追加cb55381をGitHubで確認 ↗
6. 2026/08/15
   機能・コンテンツを追加70d51b6をGitHubで確認 ↗
7. 2026/08/15
   プロジェクトの初期構成を作成0b17ff2をGitHubで確認 ↗

05 / 学び

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

• 変更を小さく記録する

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

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

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

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

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

06 / よくある質問

よくある質問