やさしいMCP入門

4/9(水) お昼にYouTubeでも解説します🙌

やさしいMCP入門 ＆ 実践LT会（KAGと学ぼう！勉強会）
https://kddi-agile.connpass.com/event/351600/

Transcript

1. やさしいMCP⼊⾨ KDDIアジャイル開発センター株式会社 テックエバンジェリスト 御⽥ 稔（みのるん）
2. 1 KDDI Agile Development Center Corporation ⾃⼰紹介 御⽥ 稔（みのるん） @minorun365 テックエバンジェリスト KDDIアジャイル開発センター株式会社（KAG） クラウドや⽣成AIで内製開発を⾏いながら 技術の楽しさを広める活動をしています AWS Community Hero AWS Samurai 2023, 2024 2024 Japan AWS Top Engineer 2024 Japan AWS All Certs Engineer Qiita 2024 Top Contributor
3. 2 KDDI Agile Development Center Corporation 最近、MCPってよく聞きますよね︕ …ざっと調べても、 イマイチ分かりづらくないですか︖
4. 3 KDDI Agile Development Center Corporation MCP is 何︖ • MCP ＝ Model Context Protocol の略。 ⽣成AIモデルに⽂脈情報を渡しやすくするための技術規格。 • Claudeで有名なAnthropic社が、2024年11⽉に発表した。 2025年に⼊ってから、実際にMCPを活⽤した事例やサービスが増えてきた。 • 特に、ClineなどのコーディングAIエージェントの爆発的な普及とともに 開発者の間で⼤きな話題となっている。
5. 4 KDDI Agile Development Center Corporation MCPの何が嬉しいの︖ • 昨今話題の「AIエージェント」アプリケーションの便利な特徴の⼀つは、 まるでドラえもんのように様々なツールを使えること。 （ツール＝プログラムの関数。⼩さなアプリケーションといったイメージ） ◦ ツールの例︓ Web検索、ファイル作成、メール送信など • しかし、ツールの実装⽅法は使う⾔語やフレームワークによってバラバラだった。 そのため、⾃分が作ったツールを他の⼈にも使ってもらうことが簡単ではなく、 AIエージェント普及のハードルの⼀つになっていた。 例︓LangChainで作った AIエージェント LangChain専⽤の Web検索ツール
6. 5 KDDI Agile Development Center Corporation MCPの何が嬉しいの︖ • そこにMCPが登場。これまでバラバラだったAIエージェント⽤ツールの 「提供のしかた」と「呼び出し⽅」が共通化され、エコシステムを形成しやすくなった。 • これにより、⾃社データや⾃社アプリを他社のAIエージェントへ提供できるように。 ◦ 例えば…「弊社の製品マニュアル検索ツールのMCPサーバーを⽴てました︕ MCPクライアントを搭載したAIエージェントから、誰でも使ってください」など。 へい︕ウチの お⾁レシピ提案ツール 便利だよ︕使ってね MCPクライアント MCPサーバー
7. 6 KDDI Agile Development Center Corporation MCPの何が嬉しいの︖ つまり、すごく雑に⾔うと と捉えると分かりやすいです。 規格だけでなく、それを簡単に使えるSDKと⼀緒に公開されたことで⼀気に普及しました。 ※厳密には、ツール以外の⽂脈補完（プロンプトや⽂書の提供）にも対応しています。 MCP ＝ AIエージェント⽤のツール接続規格
8. 7 KDDI Agile Development Center Corporation 「ツールって2種類あんねん」 情報取得 のツール 外部操作 のツール 例︓Web検索ツール 例︓予定登録ツール AIエージェントアプリに 外部知識を与えるのが⽬的。 いわゆるRAGの⼀種といえる AIエージェント AIエージェント AIエージェントアプリに ⼈間のかわりに仕事させるのが⽬的。 資料作成や他システム操作など
9. 8 KDDI Agile Development Center Corporation MCPのしくみ
10. 9 KDDI Agile Development Center Corporation MCPのアーキテクチャ MCPホスト （例︓Claude Desktopアプリ）
11. 10 KDDI Agile Development Center Corporation MCPのアーキテクチャ MCPホスト （例︓Claude Desktopアプリ） MCPサーバー （例︓天気予報サーバー） MCP クライアント
12. 11 KDDI Agile Development Center Corporation MCPのアーキテクチャ MCPホスト （例︓Claude Desktopアプリ） MCPサーバー （例︓天気予報サーバー） MCP クライアント ローカル データソース （例︓気象⽤語集） リモートサービス （例︓予報取得API） ツール（例︓予報ツール） リソース（例︓⽤語データ） Web 経由
13. 12 KDDI Agile Development Center Corporation ここが分かりづらい︕ MCPホスト （例︓Claude Desktopアプリ） MCP クライアント リモートサービス （例︓予報取得API） MCPサーバー （例︓天気予報サーバー） ローカル データソース （例︓気象⽤語集） ツール（例︓予報ツール） リソース（例︓⽤語データ） Web 経由 「サーバー」と⾔いつつ、 この部分が クライアントアプリ内で 動作するケースが多い︕ （いわばプラグイン拡張機能 のような形で動く）
14. 13 KDDI Agile Development Center Corporation ⾃分で作ってみると、理解が10倍深まります︕ MCP公式サイトに、簡単に試せるクイックスタートが公開されています。 Chrome翻訳で読みながら「サーバー」と「クライアント」をPythonで動かしてみましょう︕ modelcontextprotocol.io/quickstart ⾃分のPCの中で サーバーとクライアントを Pythonで作って動かせる
15. 14 KDDI Agile Development Center Corporation 公式GitHubで、各⾔語のSDKやサーバー実装例が公開されています • 例えばPythonでMCPサーバーを開発する場合、mcp[cli] ライブラリをインポートすれば 公式SDKで簡単にツールを作ることができます。 • ⼈気サービスに対応したMCPサーバーの 実装例も公開されています。 ◦ 例︓GitHub、Googleドライブ、 Slack、PostgreSQL…など
16. 15 KDDI Agile Development Center Corporation 実際に使われているMCPの例
17. 16 KDDI Agile Development Center Corporation MCPは「クライアント」と「サーバー」に分けて考えましょう︕ MCPホスト MCPサーバー MCP クライアント ツール リソース クライアント（使う側） サーバー（提供する側）
18. 17 KDDI Agile Development Center Corporation MCPを実際に使っている製品の例 クライアント（使う側） サーバー（提供する側） Claude Desktop Cline GitHub Copilot Agent Slack⽤ Googleドライブ⽤ 社内の資料を 検索して活⽤ チャットを 検索したり 投稿できる AIチャット アプリ
19. 18 KDDI Agile Development Center Corporation MCPクライアントの例①「Claude Desktop」 ChatGPTの次に有名なAIチャットアプリ︖ Claude.ai のデスクトップアプリ版。 MCPクライアントが搭載されており、 MCPサーバーの場所を設定してあげると Claudeにチャットするだけでツールを使える 設定画⾯
20. 19 KDDI Agile Development Center Corporation MCPクライアントの例②「Cline」 最近、エンジニアに超⼈気のコーディングAIエージェント。 VS Codeの拡張機能として提供されている Clineの「MCP Servers」ボタンを押すと 好きなMCPサーバーを探して利⽤できる マーケットプレイスから選んだ場合、 PCのローカルでMCPサーバーが稼働するよう Cline⾃⾝が設定をサポートしてくれる。 リモートサーバーを⾃分で設定もできる
21. 20 KDDI Agile Development Center Corporation MCPクライアントの例③「Amazon Bedrock エージェント」 AWSの⽣成AIサービス「Amazon Bedrock」で作ったAIエージェントでは、 元々Lambdaやナレッジベース（RAG機能）をツールのように使えていましたが、 今⽉、MCPクライアントとして外部ツールを使う⽅法も公開されました。 具体的には、コード上でAIエージェントを定義する 「インラインエージェント」という機能を補完する Inline Agent SDKという外部ライブラリを使います。 マネコンで作るエージェントもMCP対応してほしい…︕ aws.amazon.com/jp/blogs/machine-learning/harness-the- power-of-mcp-servers-with-amazon-bedrock-agents
22. 21 KDDI Agile Development Center Corporation MCPサーバーの例①「Playwright MCP」 ここからは、MCPサーバー（＝ツールとして使われる側）の紹介です。 Microsoftのテスト⾃動化ライブラリ「Playwright」のMCPサーバーが⼈気です。 MCPクライアントのアプリから⾃然⾔語を使って、 ブラウザを⼈間の代わりに⾃動操作させることができます。
23. 22 KDDI Agile Development Center Corporation MCPサーバーの例②「AWS MCP Servers」 AWS公式からも、クラウドアプリ開発に便利なMCPサーバー群が公開されて話題となりました。 最初に公開されたサンプルは以下です。 • AWSドキュメントの参照 • Bedrockナレッジベースの参照 • AWS CDKのIaCコード分析 • AWSアカウントのコスト分析 • Amazon Novaモデルを使った画像⽣成 すでにClineのマーケットプレイスにも 組み込まれていますね︕
24. 23 KDDI Agile Development Center Corporation おまけ
25. 24 KDDI Agile Development Center Corporation よくある質問 Q. MCPはLLMに追加情報を渡すために使うんだね︖ それってRAGと何が違うの︖︖ A. ⾃分のアプリ内で完結して作るだけなら、普通のRAGでもOKです。 MCPが解決するのは 「⾃分のRAGデータを他⼈のAIアプリにも公開してあげたい︕」 「みんなが使ってるあのデータを、⾃分のAIアプリからも参照したい︕」 といった課題です。 ※ちなみに狭義のRAGはベクトル検索を使うアプローチを指しますが、 MCPの主役はTool Useを使った広義のRAGです。
26. 25 KDDI Agile Development Center Corporation RAG、ツール、MCPの関係性 AIエージェント アプリ LLM ツール （LangChain⽤） ベクトルDB ツール （LangChain⽤） ツール （MCPサーバー実装） AIエージェント アプリ LLM 例︓ LangChain MCP クライアント 狭義のRAG 広義のRAG 埋め込み以外の検索⼿段 MCPを使ったツール利⽤ 従来型のツール利⽤（Function calling / Tool use）
27. 26 KDDI Agile Development Center Corporation 実装寄りの話は、クラメソshuntakaさんの資料がすごく分かりやすいです︕ speakerdeck.com/shuntaka/introduction-to-mcp
28. 27 KDDI Agile Development Center Corporation ちなみに私もMCPサーバー作って公開してみました✌ VS Codeで技術ブログを書くと ClineがAWSレベルを判定してくれる
29. Be a Change Leader. アジャイルに⼒を与え 共に成⻑し続ける社会を創る