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サーバーを構築して使用する例を紹介します。

関連記事

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

1. はじめに 2. 公式GitHub MCPサーバーを使ってみよう  2-1. 準備フェーズ   ①GitHubでPersonal Access Tokenを作成   ②VS CodeにMCPサーバ情報を設定   ③作業対象のサンプルプロジェクトを作成  2-2. 実行フェーズ 3. まとめ 1. はじめに ブログをご覧の皆さまこんにちは。エンジニアの小川です。 前回の記事ではMCPサーバーの概要と導入時の注意

記事詳細
MCP実践:公式・SaaS・OSS、3つの導入方法を試す。第1部 公式Github MCPサーバー
生成AI
実体験でわかったMCPサーバー・クライアントの役割と導入メリット

1. はじめに 2. MCPとは(一般論) 3. 実際に触ってわかったこと: よくある誤解  3-1. MCPサーバーの誤解  3-2. MCPクライアントの存在 4. MCPを導入する前に知っておくべきこと  4-1. 実現できること  4-2. リスクと注意点 5. まとめ 6. おまけ:現状と今後の展望についての極めて個人的な考察 7. 参考資料 1.

記事詳細
実体験でわかったMCPサーバー・クライアントの役割と導入メリット
生成AI
XcodeのClaude統合機能を利用して、AI縛りでiOSアプリを作ってみよう

目次 はじめに 環境構築 AI に実装を依頼する 所感 まとめ 1. はじめに こんにちは。エンジニアの齋藤です。 昨今のSNSでは、ChatGPTやClaudeを使ってアプリを作ったという報告を目にすることがあります。一方で、「どんな手順で進めればいいのか」「どこまでAIに任せて、どこから自分で考えるべきか」 といった具体的なプロセスについては、まだ体系的な情報が少ないように感じます。 本記事では、Apple が Xcod

記事詳細
XcodeのClaude統合機能を利用して、AI縛りでiOSアプリを作ってみよう
生成AI
生成AI導入案件の30%が中止見込み、従来システム導入と大きく異なるアプローチ

Gartner社による生成AIのレポート 生成AI導入の進め方 まとめ Gartner社による生成AIのレポート Gartner社は、データ品質の低さ、リスク管理の不十分さ、コストの増大、ビジネス価値の不明確さなどの理由で、2025年末までに生成AIプロジェクトの30%がPoC以降に中止されるだろうと発表しました。 2024/07/29に発表されたGartner社によるレポート 2024/7/29にシドニーで開催されたGartner Data

記事詳細
生成AI導入案件の30%が中止見込み、従来システム導入と大きく異なるアプローチ
コラム 生成AI

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