NostalPic

Google ストリートビューの過去の写真を Instagram 風に投稿・共有できる Web アプリケーションです。

機能

• Google Maps で場所を選択してストリートビュー画像を取得
• 年月を指定して
• Instagram 風のグリッドレイアウトで一覧表示
• レスポンシブデザイン対応

主な機能

1. マップとストリートビューの同時表示で直感的な場所選択

   • Google Maps の地図インターフェースで簡単に場所を指定できる
   • マップ上のクリック一つでストリートビュー画像を取得
   • ストリートビュー画面を操作しても、地図を動かすことができる

2. 過去に遡って風景の移り変わりを楽しむ

   • Google Street View の過去の画像を活用して、街の変化を記録・共有
   • 年月を指定することで、数年前から数十年前の風景を探索可能

3. ソーシャル共有機能でみんなと思い出を共有しよう

   • Instagram 風のレイアウトで思い出を美しく表示
   • タイトル、説明、撮影年月などのメタデータを記録
   • レスポンシブデザインでスマートフォンからも快適に閲覧

技術スタック

• Ruby 3.4.3
• Rails 8.0.2
• PostgreSQL
• Tailwind CSS
• Google Maps JavaScript API
• Google Street View Static API

セットアップ

1. リポジトリのクローン

git clone <repository-url>
cd streetview_memories

2. 依存関係のインストール

bundle install

3. データベースのセットアップ

bin/rails db:create
bin/rails db:migrate

4. Google Maps API キーの取得と設定

1. Google Cloud Console にアクセス
2. 新しいプロジェクトを作成
3. 以下の API を有効化：
   • Maps JavaScript API
   • Street View Static API
4. API キーを作成
5. .env ファイルに API キーを設定：

GOOGLE_MAPS_API_KEY=your_api_key_here

5. サーバーの起動

bin/rails server

ブラウザで http://localhost:3000 にアクセス

使い方

1. 「New memory」ボタンをクリック
2. 地図上で場所をクリックして選択
3. タイトル、年月、説明などを入力
4. 「Create Memory」で保存