CoreDash MCPをClaudeに接続する:カスタムコネクタのセットアップ

CoreDashをカスタムコネクタとしてClaudeに追加し、すべての会話で実際のCore Web Vitalsデータを取得する。

Arjen Karel Core Web Vitals Consultant
Arjen Karel - linkedin
Last update: 2026-05-29

Trusted by market leaders · Client results

ebaydpg mediaworkivaperionloopearplugssaturnvpnkpnnina careharvardcomparefotocasaaleteiawhowhatwearadevintanestlesnvmarktplaatshappyhorizonerasmusmcmonarchmy work featured on web.dev

Claudeでは、カスタムコネクタ(リモートMCPサーバー)をUIから直接追加できる。CoreDashもそれを提供している。接続すれば、ClaudeにCore Web Vitalsについて質問し、推測ではなく実際のフィールドデータに基づいた回答を得ることが可能になる。

所要時間は約2分。設定ファイルもターミナルコマンドも不要だ。ClaudeのUIで3つのステップを実行するだけで完了する。

必要なもの

  • Claudeアカウント(Free、Pro、Max、Team、Enterpriseのいずれか)
  • アクティブなプロジェクトがあるCoreDashアカウント

ステップ1: カスタムコネクタを追加する

Claudeで、左下のSettings(設定)に移動し、Connectors(コネクタ)を選択する。

下にスクロールしてAdd custom connector(カスタムコネクタを追加)をクリックする。次のCoreDash MCPサーバーのURLを貼り付ける:

https://app.coredash.app/api/mcp

Add(追加)をクリックする。高度な設定は一切不要だ。

TeamプランおよびEnterpriseプランの場合: まず管理者がOrganization(組織)設定でコネクタを追加する。その後、チームメンバーが各自のSettings(設定)ページから接続する。

ステップ2: CoreDashアカウントを認証する

CoreDashコネクタのConnect(接続)をクリックする。ClaudeからCoreDashのOAuthページにリダイレクトされる。CoreDashアカウントでログインし、接続したいプロジェクトを選択して、権限を承認する。

認証はCoreDashによって処理される。APIキーをコピーしたり、トークンを貼り付けたりする必要はない。Claudeがパスワードを見ることは決してない。

複数のサイトを監視している場合は、プロジェクトごとにこの手順を繰り返すことができる。

ステップ3: 会話で有効化する

新しいチャット(または既存のチャット)を開く。メッセージバーの+ボタンをクリックし、Connectors(コネクタ)を選択する。CoreDashをオンに切り替える。

動作確認のために質問してみよう:

"モバイルでの現在のCore Web Vitalsを教えて"

Claudeがget_metricsを呼び出し、サイトの実際の数値を返せば、設定は完了だ。

ClaudeがCoreDashデータでできること

MCPサーバーには3つのツールがある。Claudeは接続時にこれらを自動的に検出する:

  • get_metrics: 現在のパフォーマンススコア。デバイス、国、ページ、ブラウザ、その他25以上のディメンションでフィルタリングできる。例:"ドイツにおけるモバイルの /product のLCPはどうなっているか?"
  • get_timeseries: 経時的なトレンド。例:"INPは先週から悪化しているか?" 改善、安定、悪化の傾向を自動的にフラグ付けする。
  • get_histogram: 分布の形状。例:"デスクトップでのCLSの分布を見せて"。p75の数値が遅延ロードのロングテールによるものなのか、それとも大多数のユーザーが遅延を経験しているのかを視覚的に把握できる。

これらはすべて実際のユーザーデータである。Googleがランキングに使用しているものと同じ、28日間・75パーセンタイルのデータだ。

解説動画

2分弱で完了するセットアップ全体を動画で確認する:

Claude Code、Cursor、その他のMCPクライアントでも動作

ClaudeのカスタムコネクタUIを使用するのが最も早い開始方法だが、同じMCPエンドポイントはどこでも機能する。Claude Code、Cursor、Windsurf、VS Code、その他のMCP互換ツールについては、各クライアントのJSON設定例を含む完全なMCPサーバーセットアップガイドを参照してほしい。

トラブルシューティング

  • Claudeにコネクタツールが表示されない場合: 現在の会話でコネクタがオンに切り替えられていることを確認する(+ボタン → Connectors)。
  • 「Unauthorized(未承認)」またはデータが表示されない場合: OAuthセッションの有効期限が切れている可能性がある。Settings(設定)に移動してCoreDashコネクタを見つけ、一度切断してから再接続する。
  • 間違ったサイトデータが表示される場合: OAuthフローで特定のプロジェクトを選択している。プロジェクトを切り替えるには、切断して再接続し、別のプロジェクトを選択する。
CoreDash MCPをClaudeに接続する:カスタムコネクタのセットアップCore Web Vitals CoreDash MCPをClaudeに接続する:カスタムコネクタのセットアップ