やさしいMCP入門 - Speaker Deck

やさしいMCP入門

by みのるん

Slide 1

Slide 1 text

やさしいMCP⼊⾨ KDDIアジャイル開発センター株式会社テックエバンジェリスト御⽥稔（みのるん）

Slide 2

Slide 2 text

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

Slide 3

Slide 3 text

2 KDDI Agile Development Center Corporation 最近、MCPってよく聞きますよね︕ …ざっと調べても、イマイチ分かりづらくないですか︖

Slide 4

Slide 4 text

3 KDDI Agile Development Center Corporation MCP is 何︖ • MCP ＝ Model Context Protocol の略。⽣成AIモデルに⽂脈情報を渡しやすくするための技術規格。 • Claudeで有名なAnthropic社が、2024年11⽉に発表した。 2025年に⼊ってから、実際にMCPを活⽤した事例やサービスが増えてきた。 • 特に、ClineなどのコーディングAIエージェントの爆発的な普及とともに開発者の間で⼤きな話題となっている。

Slide 5

Slide 5 text

4 KDDI Agile Development Center Corporation MCPの何が嬉しいの︖ • 昨今話題の「AIエージェント」アプリケーションの便利な特徴の⼀つは、まるでドラえもんのように様々なツールを使えること。（ツール＝プログラムの関数。⼩さなアプリケーションといったイメージ） ◦ ツールの例︓ Web検索、ファイル作成、メール送信など • しかし、ツールの実装⽅法は使う⾔語やフレームワークによってバラバラだった。そのため、⾃分が作ったツールを他の⼈にも使ってもらうことが簡単ではなく、 AIエージェント普及のハードルの⼀つになっていた。例︓LangChainで作った AIエージェント LangChain専⽤の Web検索ツール

Slide 6

Slide 6 text

5 KDDI Agile Development Center Corporation MCPの何が嬉しいの︖ • そこにMCPが登場。これまでバラバラだったAIエージェント⽤ツールの「提供のしかた」と「呼び出し⽅」が共通化され、エコシステムを形成しやすくなった。 • これにより、⾃社データや⾃社アプリを他社のAIエージェントへ提供できるように。 ◦ 例えば…「弊社の製品マニュアル検索ツールのMCPサーバーを⽴てました︕ MCPクライアントを搭載したAIエージェントから、誰でも使ってください」など。へい︕ウチのお⾁レシピ提案ツール便利だよ︕使ってね MCPクライアント MCPサーバー

Slide 7

Slide 7 text

6 KDDI Agile Development Center Corporation MCPの何が嬉しいの︖ つまり、すごく雑に⾔うとと捉えると分かりやすいです。規格だけでなく、それを簡単に使えるSDKと⼀緒に公開されたことで⼀気に普及しました。 ※厳密には、ツール以外の⽂脈補完（プロンプトや⽂書の提供）にも対応しています。 MCP ＝ AIエージェント⽤のツール接続規格

Slide 8

Slide 8 text

7 KDDI Agile Development Center Corporation 「ツールって2種類あんねん」情報取得のツール外部操作のツール例︓Web検索ツール例︓予定登録ツール AIエージェントアプリに外部知識を与えるのが⽬的。いわゆるRAGの⼀種といえる AIエージェント AIエージェント AIエージェントアプリに⼈間のかわりに仕事させるのが⽬的。資料作成や他システム操作など

Slide 9

Slide 9 text

8 KDDI Agile Development Center Corporation MCPのしくみ

Slide 10

Slide 10 text

9 KDDI Agile Development Center Corporation MCPのアーキテクチャ MCPホスト（例︓Claude Desktopアプリ）

Slide 11

Slide 11 text

10 KDDI Agile Development Center Corporation MCPのアーキテクチャ MCPホスト（例︓Claude Desktopアプリ） MCPサーバー（例︓天気予報サーバー） MCP クライアント

Slide 12

Slide 12 text

11 KDDI Agile Development Center Corporation MCPのアーキテクチャ MCPホスト（例︓Claude Desktopアプリ） MCPサーバー（例︓天気予報サーバー） MCP クライアントローカルデータソース（例︓気象⽤語集）リモートサービス（例︓予報取得API）ツール（例︓予報ツール）リソース（例︓⽤語データ） Web 経由

Slide 13

Slide 13 text

12 KDDI Agile Development Center Corporation ここが分かりづらい︕ MCPホスト（例︓Claude Desktopアプリ） MCP クライアントリモートサービス（例︓予報取得API） MCPサーバー（例︓天気予報サーバー）ローカルデータソース（例︓気象⽤語集）ツール（例︓予報ツール）リソース（例︓⽤語データ） Web 経由「サーバー」と⾔いつつ、この部分がクライアントアプリ内で動作するケースが多い︕ （いわばプラグイン拡張機能のような形で動く）

Slide 14

Slide 14 text

13 KDDI Agile Development Center Corporation ⾃分で作ってみると、理解が10倍深まります︕ MCP公式サイトに、簡単に試せるクイックスタートが公開されています。 Chrome翻訳で読みながら「サーバー」と「クライアント」をPythonで動かしてみましょう︕ modelcontextprotocol.io/quickstart ⾃分のPCの中でサーバーとクライアントを Pythonで作って動かせる

Slide 15

Slide 15 text

14 KDDI Agile Development Center Corporation 公式GitHubで、各⾔語のSDKやサーバー実装例が公開されています • 例えばPythonでMCPサーバーを開発する場合、mcp[cli] ライブラリをインポートすれば公式SDKで簡単にツールを作ることができます。 • ⼈気サービスに対応したMCPサーバーの実装例も公開されています。 ◦ 例︓GitHub、Googleドライブ、 Slack、PostgreSQL…など

Slide 16

Slide 16 text

15 KDDI Agile Development Center Corporation 実際に使われているMCPの例

Slide 17

Slide 17 text

16 KDDI Agile Development Center Corporation MCPは「クライアント」と「サーバー」に分けて考えましょう︕ MCPホスト MCPサーバー MCP クライアントツールリソースクライアント（使う側）サーバー（提供する側）

Slide 18

Slide 18 text

17 KDDI Agile Development Center Corporation MCPを実際に使っている製品の例クライアント（使う側）サーバー（提供する側） Claude Desktop Cline GitHub Copilot Agent Slack⽤ Googleドライブ⽤社内の資料を検索して活⽤チャットを検索したり投稿できる AIチャットアプリ

Slide 19

Slide 19 text

18 KDDI Agile Development Center Corporation クライアントの例①「Claude Desktop」 ChatGPTの次に有名なAIチャットアプリ︖ Claude.ai のデスクトップアプリ版。 MCPクライアントが搭載されており、 MCPサーバーの場所を設定してあげると Claudeにチャットするだけでツールを使える設定画⾯

Slide 20

Slide 20 text

19 KDDI Agile Development Center Corporation クライアントの例②「Cline」 Cursorと並んで、エンジニアに⼈気のコーディングAIエージェント。 VS Codeの拡張機能として提供されている Clineの「MCP Servers」ボタンを押すと好きなMCPサーバーを探して利⽤できるマーケットプレイスから選んだ場合、 PCのローカルでMCPサーバーが稼働するよう Cline⾃⾝が設定をサポートしてくれる。リモートサーバーを⾃分で設定もできる

Slide 21

Slide 21 text

20 KDDI Agile Development Center Corporation クライアントの例③「Strands Agents SDK」 MCP対応のAIアプリを⾃分で作ってみたい⽅に︕ AWSが最近発表した、AIエージェント開発⽤のOSSフレームワーク。とても簡単にエージェントが書ける︕ 10⾏ちょいでMCPホストアプリが完成

Slide 22

Slide 22 text

21 KDDI Agile Development Center Corporation 私も⾃作クライアント公開してます✌ 好きなMCPサーバーをセットして Webから実⾏できる︕ strands-mcp-agent.streamlit.app

Slide 23

Slide 23 text

22 KDDI Agile Development Center Corporation MCPサーバーの例

Slide 24

Slide 24 text

23 KDDI Agile Development Center Corporation サーバーの例①「Slack MCP」 Slackのメッセージを参照したり、投稿したりできる #general で困ってる⼈がいたら返信しておいて︕ …などをAIアプリに頼める

Slide 25

Slide 25 text

24 KDDI Agile Development Center Corporation サーバーの例②「Atlassian MCP」 Conﬂuenceのページ作成や検索、Jiraのチケット更新などを⾏える。公式リモートMCPサーバーが便利︕

Slide 26

Slide 26 text

25 KDDI Agile Development Center Corporation サーバーの例③「AWS MCP Servers」 AWS公式からも、クラウドアプリ開発に便利なMCPサーバー群が公開されています。 • AWSドキュメントの参照 • Bedrockナレッジベース（RAG）の参照 • AWS CDKのIaCコード分析 • AWSアカウントのコスト分析 • Amazon Novaモデルを使った画像⽣成すでにClineのマーケットプレイスにも組み込まれていますね︕

Slide 27

Slide 27 text

26 KDDI Agile Development Center Corporation 私も⾃作MCPサーバー公開してます✌ AWSに関するブログを読ませると技術レベルを判定してくれる︕

Slide 28

Slide 28 text

27 KDDI Agile Development Center Corporation デモ（Claudeアプリから ConﬂuenceとSlackを利⽤）

Slide 29

Slide 29 text

28 KDDI Agile Development Center Corporation 最近流⾏りの「リモートMCP」

Slide 30

Slide 30 text

29 KDDI Agile Development Center Corporation リモートホスト「MCPサーバーって2種類あんねん」ローカルホスト ① ローカルMCPサーバー ② リモートMCPサーバー MCP クライアント MCP サーバーローカルホスト MCP クライアント MCP サーバーリモートホストローカルホスト MCP クライアント MCP サーバー旧⽅式新⽅式標準⼊⼒標準出⼒ HTTP SSE Streamable HTTP

Slide 31

Slide 31 text

30 KDDI Agile Development Center Corporation リモートホスト「MCPサーバーって2種類あんねん」ローカルホスト ① ローカルMCPサーバー ② リモートMCPサーバー MCP クライアント MCP サーバーローカルホスト MCP クライアント MCP サーバーリモートホストローカルホスト MCP クライアント MCP サーバー旧⽅式新⽅式標準⼊⼒標準出⼒ HTTP SSE Streamable HTTP こっちが現在主流のプラグイン的な使い⽅（使う環境へ⼀時的にインストールが必要）こっちはツールの提供企業などがクラウド上などで運⽤する必要あり。でも、利⽤者はWebアプリやスマホなど⾊んな環境から使えて便利︕

Slide 32

Slide 32 text

31 KDDI Agile Development Center Corporation リモートMCPに対応するクライアント・サーバーも増えてきた︕ Claudeアプリ MCPクライアント MCPサーバー（ホスティング環境） Maxプラン（⽉100ドル）のみ対応。 Web版で設定し、デスクトップ版でも使える Cloudﬂare AWS Lambda いち早くリモートMCPのホスティングをサポート︕ 最新のStreamable HTTPにコミュニティ実装が登場︕

Slide 33

Slide 33 text

32 KDDI Agile Development Center Corporation よくある質問

Slide 34

Slide 34 text

33 KDDI Agile Development Center Corporation よくある質問 Q. MCPはLLMに追加情報を渡すために使うんだね︖ それってRAGと何が違うの︖︖ A. ⾃分のアプリ内で完結して作るだけなら、普通のRAGでもOKです。 MCPが解決するのは「⾃分のRAGデータを他⼈のAIアプリにも公開してあげたい︕」「みんなが使ってるあのデータを、⾃分のAIアプリからも参照したい︕」といった課題です。 ※ちなみに狭義のRAGはベクトル検索を使うアプローチを指しますが、 MCPの主役はTool Useを使った広義のRAGです。

Slide 35

Slide 35 text

34 KDDI Agile Development Center Corporation RAG、Function Calling、MCPの関係性 AIエージェントアプリ LLM ツール（LangChain⽤）ベクトルDB ツール（LangChain⽤）ツール（MCPサーバー実装） AIエージェントアプリ LLM 例︓ LangChain MCP クライアント狭義のRAG 広義のRAG 埋め込み以外の検索⼿段 MCPを使ったFunction Calling 従来型のFunction Calling

Slide 36

Slide 36 text

35 KDDI Agile Development Center Corporation One more thing...

Slide 37

Slide 37 text

36 KDDI Agile Development Center Corporation MCPをもうちょっと知りたい⽅へ︕ コンパクトな⼊⾨書を出版します👍 今すぐ予約してね︕

Slide 38

Slide 38 text

37 KDDI Agile Development Center Corporation 来週⽔曜のお昼、Claude Codeの⼊⾨勉強会をYouTube配信します︕

Slide 39

Slide 39 text

Be a Change Leader. アジャイルに⼒を与え共に成⻑し続ける社会を創る