全体の進め方
実装は5つのフェーズに分けて進めます。
- Google Cloud Platformでアカウント作成・APIキー取得(あなたの作業)
- データ取得スクリプトをClaudeで作る(私と一緒に)
- データを取得してJSONファイルを作る(あなたの作業)
- 表示用HTMLサイトをClaudeで作る(私と一緒に)
- WordPress固定ページに埋め込む(あなたの作業)
トータルで2〜4時間程度を見込んでください。
フェーズ1:Google Cloud Platform登録とAPIキー取得
まずここから。これは私が代行できないので、あなた自身で進めてもらう必要があります。
ステップ1-1:Google Cloudアカウント作成
- https://console.cloud.google.com/ にアクセス
- Googleアカウントでログイン(普段使っているもので可)
- 「無料で利用開始」をクリック
- クレジットカード情報を登録(無料枠を超えない限り課金されない)
- $300分のクレジットが90日間無料で付与される(これとは別に、Places APIには月$200の無料枠が永続)
ステップ1-2:プロジェクト作成
- 上部の「プロジェクトを選択」→「新しいプロジェクト」
- プロジェクト名:
kyoto-restaurant(なんでもOK) - 「作成」をクリック
ステップ1-3:Places API(New)を有効化
- 左メニュー「APIとサービス」→「ライブラリ」
- 検索窓で「Places API (New)」を検索 ⚠️ 「Places API」(旧版)ではなく「Places API (New)」を選んでください。新版の方が機能が豊富で料金体系も新しい。
- 「有効にする」をクリック
ステップ1-4:APIキーを発行
- 左メニュー「APIとサービス」→「認証情報」
- 上部の「+認証情報を作成」→「APIキー」
- 表示されたAPIキーをコピー(
AIzaSy...から始まる長い文字列) - このキーは絶対に他人に見せない・公開しない
ステップ1-5:APIキーに制限をかける(超重要)
セキュリティのため、必ず制限をかけてください。
- 作成したAPIキーの「編集」(鉛筆アイコン)をクリック
- 「APIの制限」セクションで「キーを制限」を選択
- 「Places API (New)」だけにチェック
- 「保存」
これをやらないと、万が一キーが漏れた時に他のAPIも悪用されるリスクがあります。
ステップ1-6:予算アラートを設定(念のため)
絶対に課金されないようにするため、アラートを設定。
- 左メニュー「お支払い」→「予算とアラート」
- 「予算を作成」
- 名前:
kyoto-restaurant - 予算額:$1(1ドル使ったら通知が来る)
- アラートの閾値:50%、90%、100%
- 「完了」
これでたった$1でもAPIに課金されたら即メールで通知されます。
ここまでの作業が終わったら、APIキーを準備したよ、と教えてください。APIキーは私には共有しないでください(セキュリティのため、あなた自身の手元で管理)。
次のフェーズ(データ取得スクリプト作成)に進む際、Claude(私)が書くスクリプトをあなたが実行する形になります。実行環境について確認させてください:
実行環境の確認
データ取得スクリプトは、PythonまたはNode.jsで書きます。あなたのPCで実行することになりますが、
- OSは何ですか?(Windows / Mac / その他)
- PythonかNode.jsをインストール済みですか?(わからなければ「わからない」でOK、その場合は最も簡単な方法をご案内します)
- コマンドライン(ターミナル/コマンドプロンプト)を触ったことがあるか
これによって、最も簡単な進め方をご提案します。
API登録、進めてみてもらえますか?つまずいたら教えてください。
