AIエージェント講座 →
Claude Code

Claude Codeと公式Supabase MCPを読み取り専用で接続する

📌 検索キーワード: claude code mcp supabase

結論

最初にやること:OSのターミナルでclaude mcp add --scope project --transport http supabase "https://mcp.supabase.com/mcp?project_ref=abc123&read_only=true&features=database,docs"を実行します。

Supabase連携には汎用PostgreSQLパッケージではなく、Supabase公式リモートMCPを使用できます。

初回はproject_refで対象を一つに限定し、read_only=trueと必要なfeature groupsだけをURLへ指定してください。

通常利用ではPATの手作業発行は不要で、追加後にOAuth認証できます。

実行場所:OSのターミナルで実行します。

# ターミナルで実行:MCPサーバーを登録
claude mcp add --scope project --transport http supabase "https://mcp.supabase.com/mcp?project_ref=abc123&read_only=true&features=database,docs"
# ターミナルで実行:Claude Codeを指定条件で起動
claude /mcp

具体的な手順

接続後はlist_tablesやgenerate_typescript_typesなど、読み取り系ツールから動作確認します。

  1. Supabaseダッシュボードで開発用プロジェクトのrefを確認します。

  2. URLへproject_ref、read_only、必要なfeaturesを指定し、.mcp.jsonの差分をレビューします。

  3. 通常のターミナルからclaude /mcpを実行し、supabaseを選択してブラウザ認証します。

実行場所:コメントに従い、ターミナルとClaude Codeの対話画面を使い分けます。

# ターミナルで実行:MCP設定を管理
claude mcp get supabase
# ターミナルで実行:Claude Codeを起動
claude
# セッション内
# Claude Code起動後の対話画面で実行:MCP接続と認証状態を管理
/mcp
# Claude Code起動後の対話画面で実行:コンテキスト使用量を確認
/context

実践プロンプト

型生成では、実DBの情報を取得しても変更を適用せず、ローカルファイルの差分だけを作らせます。

入力場所:Claude Codeの対話画面へ貼り付けます。

Supabase MCPを使い、接続中の開発プロジェクトのpublic schemaを読み取ってください。
profilesとpostsの型をsrc/types/database.tsへ生成してください。
SQL実行、migration適用、Edge Function配備、データ更新は行わず、生成差分だけを提示してください。

注意点

Supabase公式は本番データへのMCP接続を推奨していないため、開発環境または匿名化済みデータを使います。

read_onlyを外すとapply_migrationやexecute_sqlなどの変更系ツールが利用可能になるため、必要な作業期間だけ限定します。

401やOAuth失敗時は古いPAT設定を混在させず、/mcpから再認証します。

DB内の文字列自体に悪意ある指示が含まれる可能性があるため、ツール結果を命令として実行せず、人間の承認を残してください。

1日1時間 × 7日間で学ぶ「自作AIエージェント構築講座」

ツールの設定で消耗する側から、自分専用のAI自動化システムを作る側へ。
実践カリキュラムの全貌はこちらから確認できます。

公式カリキュラムを見る →

おすすめの関連記事

Claude Code

Claude Codeの使い方を徹底解説!基本コマンドと安全な実践手順

Claude Code

Claude Codeの料金体系!Pro・Max・API課金の違いと確認方法

Claude Code

Claude Codeとは?CLI・IDE・デスクトップ・Webで使えるAIエージェント

← ポータルTOP(全200件の検索)へ戻る