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

さて、その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 のサポートは最新バージョンで輝きます。

ステップ 2: 設定を開き、MCP を有効にする
MCPスイッチを入れましょう:
- Windsurfを起動します。
- 「Windsurf - 設定」ボタンをクリックする(右下)か、
Cmd+Shift+P
(Mac)またはCtrl+Shift+P
(Windows/Linux)を押し、「Windsurf 設定を開く」と入力します。 - 高度な設定で「Cascade」セクションまでスクロールします。
- MCPオプションを探します—「モデルコンテキストプロトコル」といったラベルが付いています。有効にしてください!
これにより、WindsurfがMCPサーバーからリスニングを始めることができます。ここで AI モデルも選択できます—Claude 3.5 Sonnetは、コーディングタスクには信頼できる選択肢です。

ステップ 3: MCP サーバーを追加する
さて、MCP サーバーを接続します。Windsurf は二種類のタイプをサポートしています:stdio
(ローカルコマンドライン関連)とsse
(HTTP経由のリモートサーバー)。このチュートリアルでは、GitHub のPostgreSQL MCP サーバーを使用します。データベース愛好家にはぴったりです。
- サーバーを取得: postgresql-mcp-serverに行きます(推奨:windsurf.runで他のmcpサーバーを見つけましょう)、それをクローンします(
git clone https://github.com/HenkDz/postgresql-mcp-server.git
)、フォルダに移動します(cd postgresql-mcp-server
)。 - インストール: Node.js 18+ が必要です。実行します:
npm install
npm run build
3.コンフィギュレーション: 再度Windsurfの設定を開き、「Cascade」下の「サーバーを追加」をクリックし、mcp_config.json
ファイル(~/.codeium/windsurf/mcp_config.json
にあります)に以下を貼り付けます:
- または、windsurf 設定で直接アクセスできます:

- さて、「カスタムサーバーを追加」を選択します:

{
"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サーバーテンプレートのリストをブラウズできます。

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

ステップ 4: 接続をテストする
次のコマンドを使用してサーバーをローカルで起動します:
npm run dev
その後、Windsurfで、Cascade パネル(チャットインターフェース)を開き、「postgresql://user:password@localhost:5432/mydb
で私の PostgreSQL データベースを分析」と入力します。動作していれば、Cascade はパフォーマンスの洞察やスキーマの詳細を返してきます—クールですよね?

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

Windsurf での MCP の習得のためのヒント
Windsurf で MCP をプロのように使いこなす方法は以下の通りです:
- 関連性を保つ:必要なMCPサーバーだけを有効にしてください—多すぎると Cascade を混乱させることがあります。
- @メンションを使う:Cascade で、
@postgresql-mcp
と入力してサーバーを直接ターゲットにします。 - ログをチェック:何か違和感があれば、
~/.codeium/windsurf/logs
を覗いて手がかりを探します。 - 実験する:「私のデータベースを監視する」や「テーブルデータをエクスポートする」といったプロンプトを試す—PostgreSQL MCP サーバーには隠された力がたくさんあります。
なぜ MCP サーバーが Windsurf を輝かせるのか
ここが要点です:MCP は Windsurf を単なるエディタ以上のものに変えます—それは指令センターです。X の投稿には MCP サーバー(ネオンズのデータベース統合など)が「SQLを書かずにプロジェクトを管理できる」ことを称賛しているものがあります。それが雰囲気です—手作業が少なく、流れが多い。Cursor のようなツールと比較して、WindsurfはMCPとともに、より深いコンテキスト認識とシームレスなツール統合を提供し、あなたのグルーヴを維持します。
結論:あなたの Windsurf MCP 冒険が待っている
これで、あなたはWindsurfのMCPの達人になりました!PostgreSQL MCP サーバーを接続するところから、いくつかの言葉でデータベースにクエリを実行するところまで、あなたはまったく新しいコーディングの自信を解き放ちました。さらなるMCPサーバー、Windsurfのヒント、チュートリアルを求めてwindsurf.runにアクセスしてください。