Google AntiGravity × Obsidian｜Webマーケターのための「第二の脳」と完全自動化エージェント構築バイブル

エージェンティック・エコノミーにおけるマーケターの再定義

2020年代半ば、生成AIの普及によりWebマーケティングの現場は劇的な変化を遂げました。しかし、多くのマーケターが直面しているのは「ツール疲れ」という新しい課題です。ChatGPTでコピーを書き、Midjourneyで画像を生成し、WordPressで入稿し、GA4で分析する——個別作業はAIで加速されたものの、ツール間を繋ぐ「統合的なワークフロー」は依然として人間の手作業に依存しており、ここが生産性のボトルネックになっています。 Googleが2025年11月20日に公開した Google AntiGravity は、この状況を根本から覆すパラダイムシフトをもたらしました。これは単なるコードエディタではなく、自律的なAIエージェントが計画・実行・検証を行う「エージェントファースト」の開発プラットフォームです。本来はソフトウェアエンジニア向けに設計されたこの強力な環境を、非エンジニアのマーケターが活用することで「タスク自動化」を超えた「業務プロセスの自律化」が可能になります。

「第二の脳」Obsidianとの融合

ナレッジマネジメントの分野では、ローカル環境でMarkdownファイルを管理する Obsidian が「第二の脳」としての地位を確立しています。知識をネットワーク化し、永続資産として蓄積できる点が強みです。 本稿で提唱するのは、Google AntiGravity（実行する手足）とObsidian（思考する脳）を融合させた、マーケターのための実践的な業務システムです。Obsidianは単なるメモ帳ではなく、AIエージェントへの「指令書」であり、エージェントが収集した情報の「格納庫」となります。マーケターはもはや、自ら手を動かす作業者ではなく、複数AIエージェントを指揮する「指揮者」へ進化するのです。 > 💡 KEY TAKEAWAYS > > - Google AntiGravity は実在し、エージェントファーストの開発プラットフォーム（2025-11-20公開・個人無料） > - Obsidian × AntiGravity 連携により、コード開発とナレッジ管理を統合した「第二の脳」が実現 > - n8n / Make / Zapier 等と組み合わせれば、マーケティング業務の80%を自動化できる > - プロンプト設計とルールファイル（.agent/rules）でAI生成文章を「人間らしく」できる > - 非エンジニアでも、Planning Mode と Request Review 設定で安全に運用可能

第1部：Google AntiGravity のエコシステムと基本アーキテクチャ

1.1 「エージェントファースト」とは何か

従来のAIコーディングアシスタント（GitHub Copilot等）は、人間が書くコードの次の行を予測する「Copilot（副操縦士）」でした。これに対し、AntiGravityは「エージェント（代理人）」を中心とした設計思想に基づいています。 | 観点 | 従来のAIアシスタント | Google AntiGravity | |---|---|---| | 役割 | 人間の入力補助 | タスクの自律的な遂行 | | 操作範囲 | エディタ内のテキストのみ | エディタ・ターミナル・ブラウザ・ファイルシステム | | 対話形式 | チャットでの一問一答 | ミッション提示 → 成果物レビュー | | 記憶 | セッションごとの短期記憶 | プロジェクト全体 + 外部知識ベース（Obsidian） | AntiGravityのエージェントは「競合サイトの分析をして」という抽象的な指示を受けると、自律的に計画（Plan）→ ブラウザでWeb巡回（Browse）→ データ抽出（Code/Act）→ レポート化（Artifacts） という一連のプロセスを遂行します。

1.2 マーケターが押さえるべきコアコンポーネント

#### Agent Manager（エージェントマネージャー） エージェント活動を統括する「司令室」。従来のIDEではファイルツリーが主役でしたが、AntiGravityでは起動直後にAgent Managerが表示されます。「リサーチ担当」「執筆担当」「コード修正担当」を並行して走らせるマルチエージェント運用が可能です。 #### AntiGravity Browser（内蔵ブラウザ） エージェントが「目」として使うChromeベースのブラウザ。Webサイト閲覧・スクリーンショット・クリック・入力までこなします。マーケティングでは競合調査・自作LPの表示確認・フォームの動作テストに不可欠。操作ログは動画記録され、「エージェントが何を見て判断したか」を後から検証できます。 #### Artifacts（成果物） やり取りはチャットログではなく「成果物」が中心。エージェントが作成したドキュメント・コード差分・計画書がArtifactsとして提示され、ユーザーはGoogleドキュメントのようにハイライトしてコメントすることで修正指示します。 #### Nano Banana Pro（画像生成・認識モデル） 統合された最新画像生成モデル。従来モデルが苦手としていた「画像内のテキスト描画」において極めて高い精度を誇り、UIモックアップ・スライド資料の図解生成に特化しています。

第2部：非エンジニアのための環境構築完全ガイド

2.1 AntiGravity のインストールと初期設定

#### 手順1: インストーラーのダウンロード antigravity.google にアクセスし、OSに合わせたインストーラーをダウンロード。プレビュー版として提供されており、個人のGmailアカウントがあれば無料で使用可能です。 #### 手順2: アカウント連携とモデル選択 初回起動時にGoogleアカウントでログイン。AIモデル選択画面で次から選びます。 - Gemini 3 Pro：Googleのフラッグシップ。推論・コーディング・コンテキスト理解で高い性能。基本はこれを選択 - Claude Sonnet 4.5 / GPT-OSS：オプション。Googleエコシステムとの親和性を考えると初期はGeminiを推奨 #### 手順3: 拡張機能（Extension）の導入 VS Codeをベースに開発されているため、VS Codeの豊富な拡張機能資産が使えます。日本語化パック等を必要に応じてインストール。

2.2 Obsidian の Vault 構築と AntiGravity 連携

#### 「Self-Documenting Codebase」の概念 連携の核心が「Self-Documenting Codebase（自己文書化するコードベース）」。通常、ドキュメントと実装は別ツールで管理されますが、これを同一ファイルシステム上で管理することで、エージェントがドキュメントを読み込み即座に実装に反映するサイクルが実現します。 #### Webマーケター向け推奨フォルダ構造

Marketing_Brain/        ← Vault ルート
├── 00-Inbox/           # 未整理のメモ受け皿
├── 01-Projects/        # 進行中のキャンペーン・プロジェクト
├── 02-Areas/           # 担当領域
│   ├── SEO/
│   ├── SocialMedia/
│   ├── EmailMarketing/
│   └── ContentCalendar/
├── 03-Resources/       # 再利用資産
│   ├── Templates/
│   ├── Personas/
│   └── BrandGuidelines/
├── 04-Archives/        # 完了・非アクティブ
└── .agent/rules/       # エージェント役割定義（次節）

Inbox/AIマーケティング_2025.md のテーマに基づき、Google検索で
上位10記事をリサーチしてください。特に「エージェンティック・
ワークフロー」に関する記述を抽出し、論点整理を行った上で、
記事の構成案（H2, H3見出し）を作成して同ファイルに追記してください

#### ステップ2：執筆（Writer Agent）

作成された構成案に基づき、5,000字程度の記事を執筆してください。
文体は .agent/rules/blog_style.md に従うこと。読者は30代の
マーケターを想定し、専門用語には注釈を入れてください

• ペルソナ・インジェクション：「この記事を、辛口だが親身なベテランコンサルタントが、悩める後輩に語りかけるような口調にリライトしてください。比喩表現を3箇所追加してください」
• 筆写（Style Mimicry）：あなたが「良い」と思う過去記事を Samples/Good_Article.md として保存しておき、「Samples/Good_Article.md の文体・リズム・改行頻度を分析し、そのスタイルを模倣して今回の記事をリライトしてください」

# コンテキスト設定
あなたは10年のキャリアを持つWebマーケターです。
読者は中小企業のマーケティング担当者です。

# 執筆スタイルルール
## 使用する表現
- シンプルで短い文章
- 具体的な数字と事例
- 「あなた」と呼びかける二人称
- 能動態（受動態を避ける）

## 避けるべきAI特有のフレーズ
❌ "dive into" (深掘りする)
❌ "game-changer" (画期的な)
❌ "unlock the power" (力を解放する)
❌ "In today's digital landscape"
❌ "It's important to note that"

## 文章構造
- 導入：問題提起（1-2文）
- 本論：解決策を段階的に説明
- 結論：次のアクションを明示

4.2 YouTube動画：台本生成とリサーチ自動化

#### リサーチ自動化（Browser Automation）

YouTubeで「Notion 使い方」で検索し、再生回数10万回以上の
動画の上位5本をリストアップしてください。それぞれの動画の
タイトル、サムネイルの傾向、コメント欄で視聴者が「分かりやすい」
と評価しているポイントを分析し、表形式でまとめてください

#### 台本生成

競合動画の分析結果を元に、まだ誰も解説していない
「NotionとAIの連携」に焦点を当てた10分の動画台本を作成してください。
冒頭のフック（掴み）、本編、エンディングの構成にし、話し言葉で記述してください

4.3 メールマーケティング：Obsidian → Gmail 自動配信（n8n連携）

n8n の公式テンプレート Send Emails via Gmail from Obsidian を活用します。

[Obsidianノート（YAMLフロントマター付き）]
       ↓ Webhook
[n8n: YAMLパース]
       ↓
[添付ファイル処理]
       ↓
[Gmail API送信]
       ↓
[成功通知をObsidianに記録]

メールテンプレート例：

---
to: customer@example.com
subject: ご購入ありがとうございます
attachments:
  - /path/to/invoice.pdf
---

{{顧客名}}様

この度はご購入いただきありがとうございます。
添付の請求書をご確認ください。

【キャンペーン情報】
- 次回使える10%OFFクーポン: THANK10

第5部：Nano Banana Pro によるクリエイティブ制作

AntiGravity には最新の画像生成モデル「Nano Banana Pro」が統合され、デザイナーに依頼することなく高品質なビジュアル素材を作成できます。

5.1 Nano Banana Pro の特徴と強み

- テキストレンダリング：従来AIが苦手だった文字描画を正確に処理。LPヘッダーやバナー作成に最適 - Google検索グラウンディング：「最新のiPhoneのシェア率」等のリアルタイム情報を基に正確なインフォグラフィックを生成

5.2 UIモックアップの作成

フィットネスアプリのランディングページ。メインカラーは
エネルギッシュなオレンジ。ヒーローセクションには、
スマートフォンでトレーニング記録を確認する女性の写真。
キャッチコピーとして「君の努力を可視化する」を中央に配置。
モダンでフラットなデザイン。Generate UI Mockup

生成画像は、そのまま次の「コーディング」工程の入力素材として使えます。

5.3 Reveal.js でスライド生成

Obsidian の Markdown メモを HTML スライド（Reveal.js）に変換。

Presentation/Seminar_Draft.md の内容を基に、
Reveal.jsを使用したスライドを作成してください。
背景はダークモード、文字色は白。各見出しを
スライドの区切りとし、画像はUnsplashから関連するものを
自動で挿入してください

1. 参考画像の取り込み：気に入ったデザインのサイトのスクリーンショットを撮り、AntiGravityにドラッグ＆ドロップ
2. プロンプト：「このデザインをベースに、配色は青基調に変更し、テキストは Text/Copy.md の内容に差し替えたレスポンシブなLPを、HTMLとTailwind CSSで作成してください」
3. ブラウザプレビュー：エージェントがコードを書き、右側ブラウザパネルに即座にプレビュー
4. インタラクティブ修正：プレビュー画面を見ながら「ボタンの角をもっと丸く」「スマホ表示時の余白を調整して」と指示

Images/Raw フォルダ内の全JPG画像を、幅1200pxにリサイズし、
WebPフォーマットに変換して Images/WebP フォルダに保存する
Pythonスクリプトを作成し、実行してください

指定したECサイトのURLリストから、商品名と価格を抽出し、
CSVファイルに保存するスクリプトを作成してください。
サイトへの負荷を避けるため、アクセス間隔は3秒空けるようにしてください

6.3 Vercel へのデプロイ（公開）

作成したLPをVercelにデプロイしたいです。必要な手順をガイドし、
Gitリポジトリの初期化からデプロイコマンドの実行までを手伝ってください

1. AntiGravity のエディタで設定メニューを開き「MCP Servers」を選択
2. 利用したいサーバー（Google Workspace、PostgreSQL、Brave Search 等）を選び、設定ファイル（JSON）に追記
3. APIキーが必要な場合は .env ファイルに記述

Googleドライブの「2025Q1_レポート」フォルダにあるスプレッドシートの
データを読み込み、売上推移のグラフを作成して、
Obsidianのレポートに埋め込んでください

#### 事例2：データベース連携による CRM 分析

自社CRM（PostgreSQL等）に読み取り専用で接続するMCPサーバーを設定すれば、SQLを書かず自然言語でDB分析が可能。

先月の購入履歴データを分析し、LTV（顧客生涯価値）が高い
ユーザーの属性傾向を分析してレポートにまとめて

# Role
あなたはSEOとコンテンツマーケティングの専門家です。

# Task
以下のテーマについて、検索意図（インサイト）を分析し、
記事の構成案（H2, H3見出し）を作成してください。

# Theme
[ここにテーマを入力]

# Target Audience
[ここにターゲットを入力]

# Requirements
- Google検索で上位5記事を分析し、網羅すべきトピックを特定
- 競合にはないオリジナルの視点（インサイト）を1つ盛り込む
- 出力はMarkdown形式

A.2 文章のリライト・人間化（Writer Agent 用）

# Role
あなたは経験豊富な雑誌編集者です。

# Task
以下の原稿を、読者に寄り添う「体温のある文章」に
リライトしてください。

# Input Text
[原稿を貼り付け、またはファイルパス]

# Style Guidelines
- 「です・ます」調で、親しみやすく
- 抽象的な表現（「ソリューション」「最適化」）は避け、
  具体的な日常の言葉に置き換える
- 読者の共感を呼ぶ「問いかけ」や「比喩」を適宜挿入
- 接続詞「しかし」「また」の多用を避ける

A.3 LP モックアップ生成（Nano Banana Pro 用）

# Task
ランディングページのヒーローセクションのUIモックアップを
生成してください。

# Design Specs
- Type: Landing Page Hero Section
- Product: [商品名・サービス名]
- Target: 20代〜30代のビジネスパーソン
- Vibe: ミニマル、信頼感、未来的
- Colors: ホワイトベース、アクセントにディープブルー
- Text Rendering: 中央にキャッチコピーとして "[キャッチコピー]" を配置
- Elements: 右側に商品を使用している人物の写真、
            左側にコピーとCTAボタン（"Start Free Trial"）

付録B：用語解説（非エンジニア向け）

| 用語 | 説明 | |---|---| | IDE | Integrated Development Environment（統合開発環境）= コードを書くための高機能ソフト | | Agent（エージェント） | 人間の指示を受けて自律的にタスクを実行するAI | | Webhook | 「あるアプリでイベントが起きたら、別のアプリに通知する」仕組み | | API | Application Programming Interface = アプリ同士が会話するためのルール | | Markdown | 簡単な記号で文章を装飾できる記法（例：#見出し、太字） | | YAML | 設定情報を書くためのシンプルな形式（Obsidianのフロントマターで使用） | | CLI | Command Line Interface = 黒い画面でコマンドを打つ方式 | | ローカルファースト | データを自分のPCに保存する方式（クラウドの反対） | | MCP | Model Context Protocol。AIと外部ツールを安全につなぐ標準規格 | | Vibe Coding | 詳細仕様書を書かず、自然言語と参考画像でAIにコードを書かせる手法 |