Apidog

オールインワン協働API開発プラットフォーム

API設計

APIドキュメント

APIデバッグ

APIモック

API自動テスト

MCPサーバーをWindsurf AIで使用する方法(10倍のデベロッパーになる)

中村 拓也

中村 拓也

Updated on 4月 12, 2025

Windsurf AI に共鳴しているなら、あなたはすでに AI 主導の開発の最前線にいます。しかし、MCP サーバーの魔法を利用してみましたか?これらの小さなパワーハウスは、あなたのWindsurf体験を「かなりクール」から「驚くほど素晴らしいもの」に変えることができます。データベース、ブラウザ、あるいは GitHub への鍵をあなたの AI アシスタントに与えることを想像してみてください。すべて編集者を離れることなくできます。それがモデルコンテキストプロトコル(MCP)がもたらすものです。今日はWindsurfでの接続方法を説明します。レベルアップの準備はいいですか?さあ、始めましょう!

💡
MCP サーバーをWindsurf AI で使用する前に、API 愛好者にとっての完全な救いの手Apidogに素早く言及したいと思います!このスムーズなツールは、初心者でも簡単に操作できるインターフェースを使ってAPIの設計、テスト、文書化を簡略化します。Windsurfを楽しみながらアプリを作成しているなら、apidog.comで試してみてください—これは開発者の夢がかなったものです!
button
Apidog Ui 画像

さて、そのMCPの魔法を始めましょう…

MCP サーバーとは何で、なぜ Windsurf で使用するのか?

では、MCP とは何ですか?モデルコンテキストプロトコルの略で、AI ツールが外部システム(データベース、API、さらにはローカルファイルなど)と通信できるようにするオープンスタンダードです(ありがとう、Anthropic!)。MCP サーバーは、あなたの AI にツールとデータを露出させ、よりスマートで接続されたものにします。Windsurf では、これによりあなたの Cascade(そのすばらしい AI アシスタント)はコードを提案するだけでなく、リアルタイムでデータを取得したりコマンドを実行したりすることができます。

なぜそれが重要なのでしょうか?それは、MCP を使ったWindsurfは、コーディング脳にターボブーストを与えるようなものだからです。PostgreSQL データベースにクエリを実行したいですか?それに対応するMCP サーバーがあります(postgresql-mcp-serverをチェックしてください)。ブラウザタスクを自動化したいですか?それに関してもサーバーがあります。流れを維持することがすべてです—アプリを切り替えたり手動のグラントワークをしたりすることはもう必要ありません。設定を始めましょう!

Windsurf での MCP サーバーの設定:ステップバイステップガイド

MCP サーバーをWindsurfで実行するのは、あなたが考えているよりも簡単です。初心者でも経験豊富な開発者でも、これが実現する方法です。

ステップ 1: Windsurf AI をインストール

まず最初に、まだ取得していない場合はWindsurfを手に入れましょう。windurf ウェブサイトに行き、Mac、Windows、または Linux 用にダウンロードしてインストールします。それは VS Code の骨組みの上に構築された強化された IDE で、なじみのある感じですが、はるかに魔法のようです。すでに持っていますか?必ず最新の状態に更新してください—MCP のサポートは最新バージョンで輝きます。

windsurf ダウンロード

ステップ 2: 設定を開き、MCP を有効にする

MCPスイッチを入れましょう:

  1. Windsurfを起動します。
  2. 「Windsurf - 設定」ボタンをクリックする(右下)か、Cmd+Shift+P(Mac)またはCtrl+Shift+P(Windows/Linux)を押し、「Windsurf 設定を開く」と入力します。
  3. 高度な設定で「Cascade」セクションまでスクロールします。
  4. MCPオプションを探します—「モデルコンテキストプロトコル」といったラベルが付いています。有効にしてください!

これにより、WindsurfMCPサーバーからリスニングを始めることができます。ここで AI モデルも選択できます—Claude 3.5 Sonnetは、コーディングタスクには信頼できる選択肢です。

cascade 設定

ステップ 3: MCP サーバーを追加する

さて、MCP サーバーを接続します。Windsurf は二種類のタイプをサポートしています:stdio(ローカルコマンドライン関連)とsse(HTTP経由のリモートサーバー)。このチュートリアルでは、GitHub のPostgreSQL MCP サーバーを使用します。データベース愛好家にはぴったりです。

  1. サーバーを取得: postgresql-mcp-serverに行きます(推奨:windsurf.runで他のmcpサーバーを見つけましょう)、それをクローンします(git clone https://github.com/HenkDz/postgresql-mcp-server.git)、フォルダに移動します(cd postgresql-mcp-server)。
  2. インストール: Node.js 18+ が必要です。実行します:
npm install
npm run build

3.コンフィギュレーション: 再度Windsurfの設定を開き、「Cascade」下の「サーバーを追加」をクリックし、mcp_config.jsonファイル(~/.codeium/windsurf/mcp_config.jsonにあります)に以下を貼り付けます:

  • または、windsurf 設定で直接アクセスできます:
mcp サーバーの追加
  • さて、「カスタムサーバーを追加」を選択します:
カスタムmcpサーバー
{
  "mcpServers": {
    "postgresql-mcp": {
      "command": "node",
      "args": ["/path/to/postgresql-mcp-server/build/index.js"],
      "disabled": false,
      "alwaysAllow": []
    }
  }
}

/path/to/を実際のフォルダパス(例:/home/user/postgresql-mcp-server)に置き換えます。

  • または、windsurf を使用する際に mcp 設定とインストールを簡素化する既存のmcpサーバーテンプレートのリストをブラウズできます。
mcpサーバーテンプレート

4.リフレッシュ: 設定でリフレッシュボタンを押して読み込みます。

windsurf 利用可能なツールを見る

ステップ 4: 接続をテストする

次のコマンドを使用してサーバーをローカルで起動します:

npm run dev

その後、Windsurfで、Cascade パネル(チャットインターフェース)を開き、「postgresql://user:password@localhost:5432/mydbで私の PostgreSQL データベースを分析」と入力します。動作していれば、Cascade はパフォーマンスの洞察やスキーマの詳細を返してきます—クールですよね?

cascade mcp サーバーツール

Windsurf での MCP サーバーの使用:リアルワールドの楽しみ

あなたのMCPサーバーが安定したら、Windsurfで遊んでみましょう。PostgreSQL MCP サーバーには数々のトリックが含まれています—いくつかの使い方を紹介します。

データベースのクエリ

Cascade で次を試してください:

>> postgresql://user:password@localhost:5432/mydb のスキーマ情報取得

MCP サーバーがテーブル名、カラム、制約を取得し、Windsurf の AI がきちんとフォーマットします。具体的な情報が必要ですか?「user テーブルについて」と付け加えて、より詳細を確認できます。

テーブルの作成

Cascade に次を伝えます:

>> 'tasks' という名前のテーブルを作成し、カラム id(SERIAL)、name(VARCHAR)、done(BOOLEAN)を postgresql://user:password@localhost:5432/mydb に作成します

MCP サーバーが実行し、Windsurf が結果を表示します。手動の SQL は不要です!

遅いクエリのデバッグ

アプリが遅い場合は、次のように質問してください:

>> postgresql://user:password@localhost:5432/mydb のパフォーマンスの問題をデバッグ

サーバーがボトルネックを探ります—インデックスが欠けているかもしれません—そしてWindsurf が修正を提案します。まるで DBA が速達でサポートしているようです!

Windsurf でのその他の MCP サーバーの探索

PostgreSQL MCP サーバーはほんの始まりです。Windsurfユーザーはwindsurf.runに行って、もっと多くのMCPサーバー、Windsurfのルール、チュートリアル、そしてたくさんのグッズを発見できます。GitHub を自動化したいですか?それに対応するサーバーがあります。ブラウザ制御が必要ですか?Browserbase のMCPオファリングをチェックしてください。

windsurf.run ウェブページ

Windsurf ドキュメントページはあなたの宝の地図です—掘り下げて、あなたのプロジェクトに合うものを見つけてください!

windsurf.run 学ぶ

Windsurf での MCP の習得のためのヒント

WindsurfMCP をプロのように使いこなす方法は以下の通りです:

  • 関連性を保つ:必要なMCPサーバーだけを有効にしてください—多すぎると Cascade を混乱させることがあります。
  • @メンションを使う:Cascade で、@postgresql-mcpと入力してサーバーを直接ターゲットにします。
  • ログをチェック:何か違和感があれば、~/.codeium/windsurf/logsを覗いて手がかりを探します。
  • 実験する:「私のデータベースを監視する」や「テーブルデータをエクスポートする」といったプロンプトを試す—PostgreSQL MCP サーバーには隠された力がたくさんあります。

なぜ MCP サーバーが Windsurf を輝かせるのか

ここが要点です:MCPWindsurf を単なるエディタ以上のものに変えます—それは指令センターです。X の投稿には MCP サーバー(ネオンズのデータベース統合など)が「SQLを書かずにプロジェクトを管理できる」ことを称賛しているものがあります。それが雰囲気です—手作業が少なく、流れが多い。Cursor のようなツールと比較して、WindsurfMCPとともに、より深いコンテキスト認識とシームレスなツール統合を提供し、あなたのグルーヴを維持します。

結論:あなたの Windsurf MCP 冒険が待っている

これで、あなたはWindsurfMCPの達人になりました!PostgreSQL MCP サーバーを接続するところから、いくつかの言葉でデータベースにクエリを実行するところまで、あなたはまったく新しいコーディングの自信を解き放ちました。さらなるMCPサーバー、Windsurfのヒント、チュートリアルを求めてwindsurf.runにアクセスしてください。

button