Marimuni0221 / LeafWhisper

0 stars 0 forks source link

Issue 4-1: カフェ検索機能の作成 #26

Open Marimuni0221 opened 4 weeks ago

Marimuni0221 commented 4 weeks ago

Summary(概要)

Google Maps APIを使用して、日本茶専門カフェを検索し、地図上に表示する機能を作成する。

path

app/views/cafes/search.html.erb app/javascript/packs/map.js app/controllers/cafes_controller.rb app/views/cafes/search.turbo_stream.erb

[ ] Google Cloud Platformでプロジェクトを作成し、Google Maps APIを有効にする
[ ] APIキーを取得し、環境変数に設定する
[ ] 検索フォームを作成し、検索結果を地図上に表示するための部分を用意
[ ] Google Maps APIを使って地図を表示
[ ] コントローラーに検索ロジックを追加
[ ] 検索結果を地図上にマッピング
[ ] 検索フォームにHotwireのデータ属性を追加してリアルタイム検索を可能にする
[ ] Turbo Streamレスポンスを処理するためのビューを作成

Goals(ゴール)

ユーザーがカフェの検索キーワードを入力し、地図上に日本茶専門カフェの位置を表示できる。