更新履歴

ベータ版 v0.0.9 をリリースしました。駐車場ページのUIを大幅に改善し、より直感的な操作が可能になりました。また、ブログ記事機能を追加し、成田の魅力をより深く紹介できるようになりました。

主な変更点

駐車場ページのUI刷新

• 目的セレクター: 六角形デザインに変更、目的ごとの色分け枠線を追加
• モバイルUI改善: 2行レイアウト（戻るボタン+目的セレクター / 並び順+フィルター+件数）
• スライドトランジション: 目的選択画面と一覧表示の切り替えにスライドアニメーションを追加
• 並び順セレクター: スポット一覧と統一したデザインに変更
• 絞り込み機能: PC・モバイル両対応のフィルターシートを実装

トップページの改善

• 検索ボックス: ガラス風の半透明背景に変更

エリア詳細ページの改善

• ナビゲーション改善: パンくずリストを「エリア選択に戻る」バーに変更

ブログ記事機能

• コラム記事追加: 成田の魅力を深掘りする記事コンテンツを追加
• グローバルナビ対応: 記事へのリンクをナビゲーションに追加

スポット詳細ページの刷新

• Hero背景+スライダー: 写真を大きく表示する新デザイン
• モーダルUI改善: より見やすいレイアウトに変更

ベータ版 v0.0.8 をリリースしました。成田郊外エリアに飛行機撮影スポットやドライブルートの特集ページを追加し、郊外の魅力をより深く紹介できるようになりました。

主な変更点

成田郊外エリアの強化

• 飛行機撮影スポット特集: さくらの山公園、三里塚さくらの丘、十余三東雲の丘、ひこうきの丘の4スポットを詳しく紹介
• さくらの山公園詳細ページ: 園内施設、撮影ポイント、アクセス情報を充実
• ドライブルート特集: 空港周回ルート、田園風景ルート、七福神巡りルートの3コースを追加

郊外トップページの再構成

• カード構成変更: 「成田ゆめ牧場」「飛行機撮影スポット」「ドライブを楽しむ」の3本柱に
• 七福神巡りの位置づけ変更: ドライブルートの1つとして統合

UI改善

• 背景画像追加: エリア選択・駐車場選択ページに成田山総門の背景画像を追加
• PC版フッター強化: 最新5件の更新履歴をフッターに表示

特集ページ一覧

• /area/suburbs/plane-spotting - 飛行機撮影スポット
• /area/suburbs/sakuranoyama - さくらの山公園
• /area/suburbs/sakura-airport - さくらの山〜空港周回ドライブ
• /area/suburbs/rural-drive - 田園風景ドライブ
• /area/suburbs/shichifukujin - しもふさ七福神巡り

ベータ版 v0.0.7 をリリースしました。トップページとエリア選択ページをキャラ選択風UIに刷新し、駐車場一覧のPC表示を大幅に改善しました。

主な変更点

トップページの刷新

• 背景スライダー構成: 写真スライダー + 検索BOXの新レイアウトに変更
• 旧トップページ移設: エリア選択機能を /area に移設

エリア選択ページの刷新

• キャラ選択風UI: 各エリアカードに写真背景とテーマカラーを適用
• ヒーロー写真背景: エリア詳細ページのヒーローセクションに写真背景を追加

駐車場トップページの刷新

• 目的地カード: 成田山、表参道、空港周辺などの目的地をテーマカラーで装飾
• キャラ選択風UI: エリア選択と統一されたデザインに変更

駐車場一覧ページの改善

• PCスマートモード: PC表示（640px以上）でコンパクトな2列カードレイアウト
• カードタップで遷移: PC・モバイル共通でカードタップ/クリックで詳細ページへ遷移
• 地図ボタン非表示: 一覧表示で不要な「地図を表示」ボタンを非表示化

スポット一覧の改善

• PC版グリッド拡張: 段階的に4列まで拡張
• カードレイアウト改善: PC版のカードUIを最適化

ナビゲーション・フィルターの改善

• PC版グローバルナビ: ヘッダーにグローバルナビゲーションを埋め込み
• 「戻る」UI削除: 全ページから削除（ボトムナビ・ブラウザバックで対応）
• PC版件数表示統合: フィルター内に件数表示を統合

ベータ版 v0.0.6 をリリースしました。モバイル体験の大幅な改善を行い、ボトムナビゲーションの追加、各ページのモバイルUIの最適化を実施しました。

主な変更点

モバイル用ボトムナビゲーション追加

• 固定フッターナビ: モバイル表示時に画面下部に固定ナビゲーションを追加
• 主要導線: ホーム・駐車場・スポット・お気に入り・メニューへのクイックアクセス
• BackBar非表示: ボトムナビで戻れるため、モバイルでは「前のページに戻る」バーを非表示化

スポット一覧モバイルUIの改善

• 余白の最適化: ヘッダーとの余白を詰めてコンテンツ領域を拡大
• カード表示の調整: モバイルでの視認性を向上

駐車場一覧の改善

• おすすめバッジ方式に変更: 「帰りがラク」「近い」「長居OK」をカード内バッジで表示
• 目的フィルタの不具合修正: 成田山以外の目的が選択できない問題を修正
• 目的選択モーダル化: 目的切り替えをモーダル形式に変更（ボトムシート/中央モーダル）
• モバイルUIの調整: スポット一覧に合わせた余白・レイアウトの統一

トップページのUI整理

• 目的チップのリッチ化: 2列グリッド・円形アイコン・シャドウ追加でタップしやすく
• 重複導線の削除: ハンバーガーメニューと重複するフッターナビ・ボトムリンクを削除
• 駐車場CTAボタン削除: 目的チップから直接遷移できるため削除

ナビゲーションの整理

• 「使い方」リンクの統一: 「このサイトについて」に統合し、重複を解消

技術的な改善

• CSS冗長性の改善
• 駐車場フィルタリングロジックの整合性修正（areaSlugベースに統一）

ベータ版 v0.0.5 をリリースしました。エリア詳細ページの大幅改善、駐車場詳細ページへの記事機能追加、ベータ版表示の強化を行いました。

主な変更点

エリア詳細ページの強化

• セクション順序変更: スポット → 駐車場の順に変更し、観光導線を改善
• 駐車場カテゴリバッジ追加: 「帰りがラク」「近い」「長居OK」のバッジを表示
• スポット表示の最適化: 表示件数を5件に調整、6件以上で「もっと見る」リンクを表示
• 駐車場表示の最適化: 表示件数を3件に調整、4件以上で「もっと見る」リンクを表示
• おすすめ駐車場セクション削除: 冗長なセクションを削除してUIを簡潔化

ベータ版表示の強化

• サイトタイトル変更: 「成田エリアガイド β」に変更（ロゴ・OGP・フッター）
• 初回訪問モーダル: 本番環境で初回訪問時にベータ版注意モーダルを表示

ベータ版 v0.0.4 をリリースしました。目的別ナビゲーションの改善、成田郊外ポータルページの追加、駐車場UIの最適化を行いました。

主な変更点

目的別ナビゲーション改善

• 空港目的ページ改善: ターミナル選択UI（T1/T2/T3）を追加、駐車場おすすめ表示を削除

駐車場機能

• 目的カードのモバイル最適化: モバイル表示時はコンパクト化（目的名と件数のみ表示）

ベータ版 v0.0.3 をリリースしました。お気に入り・共有機能、駐車場マップ、ページング機能など多数の機能を追加しました。

主な変更点

お気に入り機能

• お気に入り登録: 駐車場・スポットをお気に入りに追加可能に
• お気に入り一覧ページ: 横並びリスト形式で一覧表示
• ヘッダーにお気に入りリンク追加: デスクトップ・モバイル両対応
• お気に入り件数バッジをヘッダーに表示

共有機能

• 駐車場・スポットの共有ボタン追加: Web Share API対応、非対応ブラウザはURLコピー
• お気に入り一覧の共有: お気に入りリストをURL形式で共有可能

駐車場機能

• インタラクティブ地図: Google Maps JavaScript APIを使用した駐車場マップを追加
• おすすめスコア: 料金・距離・設備などを総合評価した「おすすめ順」ソートを追加
• 地図ポップアップのUI改善（カスタム閉じるボタン、レスポンシブ対応）

スポット機能

• おすすめスコア: 評価・営業時間・カテゴリなどを考慮した「おすすめ順」ソートを追加

ページング機能

• 駐車場一覧・スポット一覧にページング追加: 20件ごとに表示
• ページ番号ナビゲーション、前へ/次へボタン
• フィルター・検索変更時に1ページ目にリセット

その他

• BackBarナビゲーションの統一
• モバイルUIの改善

ベータ版 v0.0.2 をリリースしました。

主な変更点

スポット機能

• 飲食カテゴリの細分化: 「軽食」カテゴリを「レストラン」「カフェ・甘味」「バー・居酒屋」「テイクアウト」「フードコート」に分類
• スポットカードのクリック動作を修正
• エリア詳細ページからエリア選択UIを非表示に変更（詳細閲覧時の冗長さを解消）

駐車場機能

• モバイルUI改善: フィルター行を2行レイアウトに変更し、操作性を向上
• 駐車場モーダル追加: スポットと同様のモーダル表示に対応
• 駐車場カードにサムネイル画像を追加
• ヘッダーをシンプル化（件数表示のみに）

エリア拡張

• 成田空港（第1〜3ターミナル）エリアを追加（準備中）
• 大栄・下総エリアを追加（準備中）

その他

• アイコンシステムを拡張（飲食系アイコン5種追加）
• モバイルでのドロップダウン表示位置を修正

ベータ版 v0.0.1 をリリースしました。ヘッダーとトップページのデザインを一新し、使いやすさを向上させました。

成田エリアガイドのベータ版を公開しました。

成田駅〜表参道〜成田山周辺の駐車場情報を中心に、エリアごとの特徴やスポット情報を掲載しています。

情報の正確性向上のため、皆さまからのフィードバックをお待ちしております。