Google AI StudioでAPI Keyを取得する
Geminiの APIキーを用意していきます。Googleを開いて検索窓に「Google AI Studio」と入力してください。Google AI Studioが出てくるのでクリックします。
初めて利用する方はスタートページが表示されるので、右上の「Get Started」ボタンを押してください。適当なアカウントでログインしましょう。
APIキーの作成手順
- 左のサイドバーの「Get API Key」ボタンを押します
- 初めて触る方は表示がない場合があるので、その場合は右上の「APIキーを作成」ボタンを押してください
- 「デフォルトGeminiプロジェクト」がおそらくあると思いますので、これを選択した状態でキーを生成してください
- プロジェクトがない場合は「プロジェクトを作成」ボタンからプロジェクトを作成し、それを選択してキーを生成してください
- 生成されたら、右の「Copy API Key」ボタンを押してコピーします
.env.localファイルにAPIキーを設定する
コピーしたAPIキーをエディタに戻って設定します。設定する場所は.env.localファイルです。このファイルがおそらく作成されていると思いますので、ここにAPIキーを貼り付けてください。
動作確認と生成テスト
APIキーを設定したら、実際にブログ記事を生成してみましょう。テーマを入力して「生成」ボタンを押すと、「生成中」と表示されます。
うまく動かない場合の対処法
もし生成がうまくいかない場合は、Geminiのモデル指定を確認してください。サーバーサイドの実装はapiディレクトリの中にあり、例えばブログのroute.tsというファイルにモデルの指定が書かれています。
無料枠で使っている場合、以下の点に注意が必要です。
- Gemini 2.5 ProやGemini 2.0などの上位モデルは無料枠では使えない場合があります
2.0 Flashや2.5 Flash Liteなどの無料枠対応モデルを指定する必要があります- AI系のライブラリは頻繁にアップデートされるため、AIが古い関数名を指定してしまうパターンがあります。その場合はClaude Codeに調査してもらえば修正できます
Google AI Studioの料金について
上位モデルやより多くのAPIリクエストを使いたい場合は、有料プランへの移行が必要です。「お支払い情報を設定」ボタンから設定できます。
ただし、有料プランに設定すると従量課金制になり、APIを使うほどコストがかかるので注意してください。
新規アカウントでGoogle AI Studioを使う場合は、特典として300ドル（日本円で約45,000円）のクレジットがもらえます。テキスト生成のアプリケーションであれば1生成あたり約1円程度なので、かなりの量を使えます。ただし、このクレジットは90日間限定なので、期限の確認はしっかり行ってください。期間が過ぎると従量課金制に切り替わります。
マークダウン形式の出力について
生成された記事を確認すると、#や##、*といった記号が表示されていることがあります。これはマークダウン形式での出力です。
#は見出し1##は見出し2*1つは箇条書き**2つで囲むと太文字
マークダウンをHTMLとして反映させたい場合は、Claude Codeに修正を依頼すれば対応してくれます。
.png)