← サービスへ戻る

技術の裏側

AIが「分析からサイト更新」まで自動化する仕組み

MCP × Claude × CI/CD ── データ接続から、記事・広告・サイト更新までを人を介さず回す技術構成を、具体的に説明します。

TrendViewer Growth では、これまで人が手作業で行っていた「データ分析 → 改善案づくり → サイトへの反映」を、AIがツール接続から実装まで一気通貫で実行します。本記事では、その裏側で動く技術を順に解説します。

全体像

各種ツールに MCP で接続し、Claude が分析・生成、反映層(自動デプロイ・サーバ更新) を経てサイトに反映します。本番反映の前には必ず人の承認が入ります。

データ層に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が無い環境でも、クラウドのセッション管理経由でサーバに処理を安全に投入して実行します。
  • 反映後はキャッシュを自動で削除し、最新状態を配信します。

④ 安全のための「ガードレール」

本番反映は必ず人の承認。 まずステージング(検証環境)に反映し、表示崩れがないかをレンダリングやHTTPステータスで検証してから公開します。
  • 認証情報・個人情報・セキュリティ設定は対象外(AIは触れません)。
  • すべての変更はgit履歴に残り、いつでも巻き戻せます。

対応プラットフォームとつなぎ方

つなぎ方はプラットフォームの種類で3つに分かれます。重要なのは、分析(MCP接続)と接客(AIチャットのタグ設置)はどのカートでも繋がること。変わるのは「コンテンツ更新をどこまで自動で書き込めるか」だけです。

  • A 公開API:各カートの Admin / REST / GraphQL API に接続し、商品・ページ・ブログ・メタを作成/更新(フル自動)。
  • B 自前ホスト:サーバのファイル / DB / CLI / デプロイで更新(WordPressと同じ・最も自由)。
  • C APIが弱い / エンプラ:AIが原稿を生成 → 人が反映(半自動)、または個別の連携開発。
プラットフォーム種別つなぎ方更新の自動度
ShopifySaaSA:Admin API(GraphQL)+Custom App(商品/ページ/ブログ/メタ/テーマ)◎ フル自動
BASESaaSA:BASE API(OAuth)・商品中心○ 記事系は限定
STORESSaaSC:公開APIが弱い△ 半自動
カラーミーショップSaaSA:カラーミーAPI(OAuth)・商品/ページ◎ 自動
MakeShopSaaS/パッケージA:API / CSV連携○ 自動寄り(要確認)
メルカートSaaS(ecbeing系)C:エンプラ個別連携△ 個別開発
EC-CUBEオープンソース(自前)B:ファイル / DB / CLI / プラグイン◎ フル自動・最自由
ecbeingSaaS/パッケージ(エンプラ)C:個別連携△ 個別開発
ecforceSaaSA:ecforce API○ 自動(API)
futureshopSaaSA:API / CSV(商品中心)○ 自動寄り(要確認)
ebisumartSaaS/パッケージ(エンプラ)C:カスタム / 個別開発△ 個別開発
W2SaaS/パッケージC:個別連携△ 個別開発
Eストアー ショップサーブSaaSC:APIが限定△ 半自動
Magento Open Sourceオープンソース(自前)B:CLI / DB / テーマ or REST/GraphQL API◎ フル自動

◎フル自動 / ○ほぼ自動(範囲あり) / △半自動 or 個別開発。「要確認」は API の提供範囲が契約・プランで変わるため、導入時に各社で確認します。

まとめると、どのカートでも分析と接客はすぐ繋がり、Shopify・EC-CUBE・Magento などはコンテンツ更新もフル自動。API の無い SaaS やエンタープライズ系は、半自動または個別の連携開発(開発メニュー)で対応します。

なぜ速く、安いのか

分析・制作・反映を1つのAIワークフローに集約するため、専任チームを雇うより速く・安く回せます。人は「確認と意思決定」に集中し、手を動かす作業はAIが担います。

この仕組みを、貴社のECに。

まずは無料の集客診断で、改善余地をレポートします。