Geminiで自動生成したブログ記事をAntigravity（MCP）から直接Bloggerに投稿してみた！

2026年8月23日日曜日

AI Antigravity Blogger GCS Gemini MCP Python

はじめに

最近のAIの進化は本当に凄いですね！
今回は Gemini（Google DeepMind） とAIエージェント Antigravity を組み合わせて、「AIに対話形式でブログ記事を書いてもらい、そのままBloggerに直接下書き投稿する」 という自動化環境を作ってみました。

「AIで記事を書く」→「Blogger用HTMLに変換」→「タイトル画像を生成」→「クラウドストレージ（GCS）に自動アップロード」→「Bloggerに下書き保存」という一連の作業がチャット上のやり取りだけで完結するようになります。

そして驚くべきは、この仕組みの構築からプログラミング、設定、執筆まで、ほぼすべてGeminiがやってくれた という点です！
今回はその全体像と、人間側がやった数少ない作業（Google Cloudの認証設定など）のリアルな流れをまとめておきます。

人間がやったのは「Google Cloudの認証情報を登録しただけ」！

MCPサーバーのPythonプログラムを書いたり、Antigravityの設定ファイルを弄ったりする作業は、すべて Gemini（Antigravity）が自動でコーディング＆設定 してくれました。

なので、人間側が実際に手を動かしたのは、セキュリティ上どうしても本人が操作する必要がある 「Google Cloud での認証情報の作成」 くらいです。
しかも、その登録手順もGeminiに画面の操作手順を教えてもらいながら進めたので、迷うことなく数分で完了しました。

【人間の作業】
・Geminiに教えてもらいながら Google Cloud で認証情報を作成
・ダウンロードした client_secret.json を配置
・ブラウザで1回ログイン許可（token.json 生成）
・Google Cloud Storage（GCS）の無料バケットを作成

【Gemini / Antigravity がやった作業】
・Blogger API 連携用 MCP サーバーの設計・実装（Python）
・Markdown → Blogger用デザインHTML変換モジュールの作成
・Antigravity（MCP設定）へのサーバー登録
・ブログ記事の構成・執筆・HTML整形
・アイキャッチ・タイトルイラストの自動生成
・GCS への画像自動アップロード＆サムネイルURL自動挿入
・Blogger への下書き（Draft）自動投稿・更新

導入の簡単ステップ（実際の流れ）

ステップ1: Google Cloud で認証情報（client_secret.json）を取得

Blogger API を安全に利用するために、Google Cloud Console で認証ファイルを用意します。

Google Cloud Console でプロジェクトを作成。
「Blogger API v3」 を有効化。
OAuth 同意画面 を設定（アプリ名を入力し、テストユーザーに自分の Gmail アドレスを追加）。
「認証情報」 > 「OAuth クライアント ID」（デスクトップアプリ）を作成し、JSONファイル（client_secret.json）をダウンロード してフォルダに配置します。

✨ TIP > **エラーが出てもGeminiが即座に解決！** > 初回ログイン時に「アクセスをブロック：審査プロセスを完了していません」というエラー画面が出ましたが、そのスクリーンショットをGeminiに見せたら「OAuth同意画面のテストユーザーにGmailが未登録なのが原因です」と一発で教えてくれて即解決しました。

ステップ2: 初回認証で token.json を生成する

client_secret.json を配置後、Geminiが作ってくれた認証スクリプトを実行します。

python blogger_auth.py

ブラウザが自動で立ち上がり、Google アカウントのアクセス許可画面が表示されるので「許可（続行）」をクリックします。
すると認証トークン token.json が自動生成・保存され、次回以降はログイン操作なしで安全に Blogger API へアクセスできるようになります。

ステップ3: サムネイル画像用の無料ストレージ（GCS）を準備

ブログ一覧でサムネイル画像が綺麗に表示されるよう、Google Cloud Storage（GCS）に無料枠（月5GB無料）の画像用バケットを作成。
AIが生成したアイキャッチ画像を自動でアップロードし、その公開URLを記事HTMLの先頭に自動挿入する仕組みを構築しました。

ステップ4: MCP サーバーとAntigravityの連携（Geminiが全自動）

Pythonの mcp ライブラリを使った Blogger 操作用 MCP サーバーの実装や、Antigravity の設定ファイル（mcp_config.json）への登録は、Geminiが自動で作成・設定してくれました。

{
  "mcpServers": {
    "blogger": {
      "command": "python",
      "args": ["d:/OneDrive/Blogger/mcp_server/blogger_server.py"]
    }
  }
}

ステップ5: チャットで記事生成＆投稿を依頼！

準備が整ったら、あとは Antigravity のチャット上で話しかけるだけです。

プロンプトの例:
「Geminiでブログ記事を自動生成してAntigravityから投稿したよ、って記事を書いて下書き保存して！」
「他の記事みたいにタイトルのサムネイルイラストも生成して追加して！」

これだけで、AIが記事を企画・執筆し、見出し・コードブロック・表・コールアウト（ノート・Tips枠）をBlogger用に綺麗にHTML整形した上で、アイキャッチイラストを自動生成＆GCSアップロードして下書き投稿してくれます。

実際にやってみて感じたメリット

💡 NOTE > **「下書き（Draft）」として投稿される安心感** > チャットから直接「公開」することもできますが、デフォルトで「下書き」として保存されるように設定しているため、Blogger管理画面でプレビューやレイアウトの最終確認をしてから落ち着いて公開できます。

面倒なコピペ・画像アップロード・HTML整形から完全解放: 文章作成から画像の生成・クラウド配置・HTMLタグ挿入までワンストップで自動化。
過去記事の一覧取得やリライトも自由自在: AIがBlogger上の既存記事を読み取って、加筆修正やラベル変更を行うことも可能です。

まとめ

Gemini × Antigravity × MCP の組み合わせにより、「環境構築から記事の執筆・画像生成・GCS自動保存・下書き投稿まで、AIと会話しているだけで完成してしまう」 という圧倒的に手軽なブログ運営環境が完成しました。

ブログの執筆効率を劇的に上げたい方や、技術メモを手軽に発信したい方には本当におすすめの構成です！