DEVELOPER’s BLOG

技術ブログ

MCP実践:公式・SaaS・OSS、3つの導入方法を試す。第2部 Zapier MCPサーバー

2025.12.01 Takahisa Ogawa
生成AI
MCP実践:公式・SaaS・OSS、3つの導入方法を試す。第2部 Zapier MCPサーバー

  1. 1. はじめに
  2. 2. Zapier MCPサーバーを使ってみよう
  3.  2-1. 準備フェーズ
  4.   ①Zapierでアカウントを作成
  5.   ②ZapierでMCPサーバーを構築
  6.   ③VS CodeにMCPサーバー情報を設定
  7.  2-2. 実行フェーズ
  8.   ①Agentを実行しよう
  9.   ②Zapierの実行履歴(History)を確認しよう
  10. 3. まとめ

1. はじめに

ブログをご覧の皆さまこんにちは。エンジニアの小川です。

前回の記事ではGitHubが提供する公式のMCPサーバーを使用したMCPサーバーのVS Codeでの使用方法をご紹介しました。

本記事ではZapier社が提供するSaaS型のMCPサーバを使用するケースをご紹介します。

Zapier MCPサーバーは、GitHub MCPとは異なり「コード不要」で外部サービスのAPIを扱えるのが最大の特徴です。利用者はトークン等の接続情報を設定するだけでMCPサーバーとして扱える点が大きなメリットです。

本記事は主にVS Code、またGitHub Copilot、Claude Code等のAIエージェントの使用経験があるエンジニアの方を対象としています。

2. Zapier MCPサーバーを使ってみよう

この項では以下の流れを行っていきます。

[準備フェーズ]
①Zapierでアカウント作成
②ZapierでMCPサーバーを構築
③VS CodeにMCPサーバー情報を設定

[実行フェーズ]
①Agentを実行しよう
②Zapierの実行履歴(History)を確認しよう

2-1. 準備フェーズ

①Zapierでアカウント作成

まずはZapierのアカウントを作成します。https://zapier.com/mcpにアクセスしてSign upからアカウント作成画面に遷移しますので、サイト内の記載の通りに作成します。

Zapier top

アカウントが作成できたら早速ログインします。
ここで注意していただきたいのが、ヘッダーのLoginボタンからログインを行うと別のサービス画面に遷移しますので、https://zapier.com/mcpのTOP画面の「Start Building」からログインしてください。いやほんと謎仕様...。

zapier login

zapier mcp top 「Start Building」から入った場合のMCPサーバー画面

zapier main service top ヘッダーからログインした場合のZapierのメインサービス画面
ちなみにこの画面からはMCP画面に遷移できないので、入ってしまったらやり直し。

②ZapierでMCPサーバーを構築

まずは画面内にある「+ NEW MCP Server」ボタンを押下します

NEW MCP Server Button

モーダルが表示されるので、「MCP Client」のセレクトボックスで、MCPサーバーに接続するクライアントツールを選択し、Nameには適当な識別名を付けます。

view mcp modal

サイドバーに追加されたMCPサーバーを選択すると、現在のMCPサーバーの設定情報が表示されますので、こちらで「+ Add tool」ボタンを押下します。

server settings

追加できるWebサービス一覧が表示されます。先頭には恐らくよく使われるサービスが表示されておりますので、一覧に無い場合は検索ボックスから検索します。
今回は「Slack」を選択します。

web services

Slackで使用できるTool(API)一覧画面が表示されます。この中から使いたいSlackの機能を選択します。

zapier tool list

Toolの選択が完了すると、サービスへの接続設定が求められます。今回はSlackを選択している為、Slackへの接続設定を行うボタンが表示されます。

mcp slack connect

mcp slack connect setting

今回は合わせてGoogle Calendarも追加しました。

mcp settings

③VS CodeにMCPサーバー情報を設定

最後にVS Codeとの接続設定を行います。
接続設定はヘッダにある「Connect」リンクを押下します。すると選択したMCP Clientへの接続設定と、接続用に発行されたURLが一部隠された状態で表示されます。

server connect guide

「Server URL」の右にある「Copy URL」ボタンを押下すると、クリップボードにMCPサーバーのURLがコピーされます。

そして今度は取得したサーバーのURLを、前回の記事で作成した .vscode/mcp.jsonファイルに記載します。記載の内容は以下です。

mcp-use2-image15.webp

{ "servers": { "zapier": { "url": "https://mcp.zapier.com/api/mcp/s/xxxx==/mcp" } } }

以上でMCPサーバーへの接続が完了です!今回もとても簡単でしたね!

2-2. 実行フェーズ

①Agentを実行しよう

それでは早速使ってみましょう!今回GitHub Copilot Agentが連携している対象は「Slack」と「Google Calendar」の2つのサービスと連携できているハズ!です!

今回テスト用に、Slackに「#notify」チャンネルを作成し、Googleカレンダーには「お茶を買いに行く」という日程を追加しました。

go to buy the tea

Slack notify Channel preview

さて、それではCopilot Agentにお茶を買いに行く日付を調べさせて、分かったらSlackの#notifyチャンネルに通知させる動作確認を実用性はさておき行ってみたいと思います。

vs code agent log 1 途中でSlackにメッセージを投稿して良いのか?という確認が入りますのでOKします。

mcp-use2-image19.webp

完了したみたいですので、Slackチャンネルを見てみます。

view slack channel

問題なく投稿できていますね!

以上、とても簡単に Google Calendarから検索→Slack通知という、複数のサービスと連携した動作が実現できました!

②Zapierの実行履歴(History)を確認しよう

最後にZapier側で実際にMCPサーバーがどのように動作したかを確認してみます。
Zapier MCPサーバーの画面に戻り、ヘッダーの「History」リンクを押下します。

header history button

history screen

History画面ではMCPサーバーが受け取ったリクエストが一覧で表示されています。
ここで先程のSlack通知の際に送信されたリクエストを選択してみます。

mcp-use2-image23.webp

アコーディオンを展開すると、MCPサーバーが受け取ったリクエストの詳細情報が確認できます。
ここではMCPサーバーが受け取った指示内容や、Slackに投稿するために解決したパラメータ情報、最終的な出力結果などを確認することができます。
これにより、MCPサーバーがどのように動作したかを把握できます。

3. まとめ

以上、SaaS提供MCPサーバーであるZapier MCPサーバーを使って複数のサービスと連携した動作がとても簡単に実現できることを紹介しました。

前回の公式GitHub MCPサーバーと比べ、今回のSaaS型 MCPサーバーは

・アプリやアプリ内のToolsの追加が画面上で簡単に行える。
・どういうToolが使えるかが一覧で把握できる。
・外部サービスの認証設定も画面上で簡単に行える。

といったメリットがあることがわかりました。
また今回紹介はしておりませんが、WebhookやカスタムAPIを使用して独自のサービスと連携することも可能です。

一方でZapier MCPサーバーでは

・日本のサービスはあまり対応していない。
・社内システムなどの外部に公開されていないAPIとは連携できない。
・使用の都度コストがかかる(無料プランもありますが、利用制限が厳しい)。

といった点にも注意が必要です。

次回はOSS MCPサーバーを構築して使用する例を紹介します。

関連記事

AWS Kiro Spec駆動開発とは - AIとの対話を構造化する新しいアプローチ

目次 はじめに Kiroについて 実際に触ってみた 感想 おまけ 1. はじめに AIを使用してコーディングする場面を思い浮かべてください。 コード生成した結果、周辺とは違った書き方をされたり、余計な箇所を直されたり、意図しない修正をされて困った経験はありませんか? 他機能への影響が限定的な箇所や、とても簡単な機能の修正は、思い通りにいくことが多いですが、 他機能への影響が大きい改修など、機能の複雑度が高くなればなるほど

記事詳細
AWS Kiro Spec駆動開発とは - AIとの対話を構造化する新しいアプローチ
体験記 生成AI
コード生成を安定させる3つのポイント:設計書・指示の出し方・セッション管理

はじめに ポイント1:設計書を書いてもらいましょう ポイント2:Geminiを使うときの指示の出し方 ポイント3:自分で修正したら「読み直して」と必ず伝える まとめ はじめに 生成AIを使ってコード生成や修正を行うことは、もはや特別なことではなくなってきました。 Gemini や CodeX、Copilot、Cursor など、選択肢も増え、「うまく使えばかなり楽になる」という実感を持っている方も多いと思います。 一方で、実際に使い込

記事詳細
コード生成を安定させる3つのポイント:設計書・指示の出し方・セッション管理
コラム 生成AI
非エンジニアでもできる!Microsoft Copilotを利用した業務改善入門

目次 はじめに プロジェクトの概要 ― 障害対応を生成AIで効率化する 全体の構想 - PowerAutomate × Copilot Studioによる自動化 実際に構築したフロー - Microsoft 365 Copilotでできること 振り返りと教訓 おわりに 1. はじめに 2026年現在、生成AIサービスは目的や専門性に合わせて非常に多くの選択肢がありますが、その中でも、Microsoft Copilotは

記事詳細
非エンジニアでもできる!Microsoft Copilotを利用した業務改善入門
生成AI
Cursorを使う前に知っておきたかったこと | Rulesやコードレビュー

目次 1. はじめに 2. Cursorの概要 3. 言語モデルの選択 4. 4つのモード  4-1. Agentモード  4-2. Askモード  4-3. Planモード  4-4. Debugモード 5. Rulesの設定  5-1. プロジェクトルール  5-2. ユーザールール 6. コードレビューでの活用  6-1. レビュー用のプロジェクトルールを作成する  6-2. レビュー対象の差分

記事詳細
Cursorを使う前に知っておきたかったこと | Rulesやコードレビュー
生成AI

お問い合わせはこちらから