技術の裏側
AIが「分析からサイト更新」まで自動化する仕組み
MCP × Claude × CI/CD ── データ接続から、記事・広告・サイト更新までを人を介さず回す技術構成を、具体的に説明します。
TrendViewer Growth では、これまで人が手作業で行っていた「データ分析 → 改善案づくり → サイトへの反映」を、AIがツール接続から実装まで一気通貫で実行します。本記事では、その裏側で動く技術を順に解説します。
全体像
各種ツールに MCP で接続し、Claude が分析・生成、反映層(自動デプロイ・サーバ更新) を経てサイトに反映します。本番反映の前には必ず人の承認が入ります。
① MCPでデータに「接続」する
MCP(Model Context Protocol) は、AIが外部のデータやツールに安全につながるための共通規格です。GA4・Search Console・広告・Microsoft Clarity・商品レビュー分析(TrendViewer)などを “MCPサーバ” として接続し、AIが必要なデータを自分で取得します。
- 例:AIが「検索クエリ別のクリック率」をSearch Consoleから、「流入別のCVR」をGA4から取得。
- 人がダッシュボードを見て回る作業を、AIがAPI経由で自動化します。
② Claudeが分析・意思決定・生成する
取得したデータをもとに、Claude(AnthropicのAI) が課題を診断します。例:「指名検索しか取れていない」「特定ページのクリック率が低い」「フォームで離脱が多い」。続いて、改善の打ち手(記事・広告コピー・ページ改善案)を生成します。
- “それっぽいだけ” の案を避けるため、根拠となる数値の確認と検証を挟みます。
- 過去のレポートを参照し、重複提案を防ぎます。
③ サイトへ「直接更新」する
生成した改善を、AIがそのままサイトへ反映します。技術的には2系統です。
- コード・テンプレート:テーマのファイルをgitリポジトリで編集し、ブランチにpush。CI/CDが検知して自動デプロイします(検証環境はタグ、本番は承認後にマージ)。
- コンテンツ・データ:サーバ上のWordPressをプログラムから操作(記事の作成・更新、画像の登録)。専用CLIが無い環境でも、クラウドのセッション管理経由でサーバに処理を安全に投入して実行します。
- 反映後はキャッシュを自動で削除し、最新状態を配信します。
④ 安全のための「ガードレール」
- 認証情報・個人情報・セキュリティ設定は対象外(AIは触れません)。
- すべての変更はgit履歴に残り、いつでも巻き戻せます。
対応プラットフォームとつなぎ方
つなぎ方はプラットフォームの種類で3つに分かれます。重要なのは、分析(MCP接続)と接客(AIチャットのタグ設置)はどのカートでも繋がること。変わるのは「コンテンツ更新をどこまで自動で書き込めるか」だけです。
- A 公開API:各カートの Admin / REST / GraphQL API に接続し、商品・ページ・ブログ・メタを作成/更新(フル自動)。
- B 自前ホスト:サーバのファイル / DB / CLI / デプロイで更新(WordPressと同じ・最も自由)。
- C APIが弱い / エンプラ:AIが原稿を生成 → 人が反映(半自動)、または個別の連携開発。
| プラットフォーム | 種別 | つなぎ方 | 更新の自動度 |
|---|---|---|---|
| Shopify | SaaS | A:Admin API(GraphQL)+Custom App(商品/ページ/ブログ/メタ/テーマ) | ◎ フル自動 |
| BASE | SaaS | A:BASE API(OAuth)・商品中心 | ○ 記事系は限定 |
| STORES | SaaS | C:公開APIが弱い | △ 半自動 |
| カラーミーショップ | SaaS | A:カラーミーAPI(OAuth)・商品/ページ | ◎ 自動 |
| MakeShop | SaaS/パッケージ | A:API / CSV連携 | ○ 自動寄り(要確認) |
| メルカート | SaaS(ecbeing系) | C:エンプラ個別連携 | △ 個別開発 |
| EC-CUBE | オープンソース(自前) | B:ファイル / DB / CLI / プラグイン | ◎ フル自動・最自由 |
| ecbeing | SaaS/パッケージ(エンプラ) | C:個別連携 | △ 個別開発 |
| ecforce | SaaS | A:ecforce API | ○ 自動(API) |
| futureshop | SaaS | A:API / CSV(商品中心) | ○ 自動寄り(要確認) |
| ebisumart | SaaS/パッケージ(エンプラ) | C:カスタム / 個別開発 | △ 個別開発 |
| W2 | SaaS/パッケージ | C:個別連携 | △ 個別開発 |
| Eストアー ショップサーブ | SaaS | C:APIが限定 | △ 半自動 |
| Magento Open Source | オープンソース(自前) | B:CLI / DB / テーマ or REST/GraphQL API | ◎ フル自動 |
◎フル自動 / ○ほぼ自動(範囲あり) / △半自動 or 個別開発。「要確認」は API の提供範囲が契約・プランで変わるため、導入時に各社で確認します。
まとめると、どのカートでも分析と接客はすぐ繋がり、Shopify・EC-CUBE・Magento などはコンテンツ更新もフル自動。API の無い SaaS やエンタープライズ系は、半自動または個別の連携開発(開発メニュー)で対応します。
なぜ速く、安いのか
分析・制作・反映を1つのAIワークフローに集約するため、専任チームを雇うより速く・安く回せます。人は「確認と意思決定」に集中し、手を動かす作業はAIが担います。