>100 Views
August 30, 26
スライド概要
AIが外部の道具(ツール)を呼び出して使いこなす標準規格「MCP(Model Context Protocol)」の基礎から実践までを解説した勉強会スライドです。 DifyやGeminiを活用した経費精算エージェントやMicrosoft Learn検索AIのハンズオンを通じ、MCPの役割やAIが自律的にツールを選択・実行する仕組みを体験的に理解できます。あわせて、セキュリティ上の注意点やパフォーマンス制御など、実用面での運用リスクと対策についても触れています。 AIエージェント構築や外部ツール連携の仕組みを学びたい方におすすめの入門資料です。
AIが「外部の道具」を使える仕組みは? DifyとGeminiで学ぶ「MCP」超入門 2026/8/19 @DXDojo Shinnosuke Oka / JOHNNYWORKS LLC. / 51
AI技術の「仕組み」を学び直すシリーズ ただの座学ではなく、実際に「触れて」「試して」から「理解する」行程を重視します。 今回はコチラ Step 3: Agentic Step 2: MCP 7/15実施 Step 1: RAG 2026/08/19 @ DX Dojo (C) Shinnosuke Oka / JOHNNYWORKS LLC. 2 / 51
この発表のゴール MCPとは何かを知ろう • MCPを使ったら何がうれしくなるの? これらに MCPの仕組みを知ろう • AIとMCPはどうやって連携しているの? 回答 できるよう になる MCPの裏の顔を知ろう • MCP、便利だけど危ないんじゃない? • 気を付けることはないの? 2026/08/19 @ DX Dojo (C) Shinnosuke Oka / JOHNNYWORKS LLC. 3 / 51
タイムテーブル 5 min Networking & Ice-break 10 min Introduction 前回のあらすじ / RAG Hands-on pt.1 経費精算エージェントを 使って、MCPの可能性を知る 20 min Hands-on pt.2 Microsoft Learn MCP を 使って、MSなんでもAIを 構築する 5 min Wrap-up: MCP利用上の注意 20 min 2026/08/19 @ DX Dojo (C) Shinnosuke Oka / JOHNNYWORKS LLC. 4 / 51
自己紹介 Shinnosuke Oka (eXpresser) 合同会社JOHNNYWORKS所属 Azureクラウドエンジニア …と言いつつWebならなんでもやる 趣味:鉄道撮影・架空鉄道 鉄道趣味+自己啓発のため、 路線図を作るWebアプリを 開発・公開中 2026/08/19 @ DX Dojo (C) Shinnosuke Oka / JOHNNYWORKS LLC. 5 / 51
宣伝 私が作ったアプリがWebメディアで紹介されました! 自分だけの路線図をWebアプリで作っちゃおう!鉄道好きも納得の「路線図エディタ」で 遊んでみる – 鉄道ホビダス様 https://rail.hobidas.com/feature/540853 2026/08/19 @ DX Dojo (C) Shinnosuke Oka / JOHNNYWORKS LLC. 6 / 51
前回のあらすじ https://dxdojo.connpass.com/event/400043 2026/08/19 @ DX Dojo (C) Shinnosuke Oka / JOHNNYWORKS LLC. 7 / 51
RAG (Retrieval-Augmented Generation)とは? 有給をとる時のルールは? 有給休暇の取得は、所属会社や組織 の規定によって異なります。一般的 には… 社内データ (あなた専用の情報) の回答はできない 有給をとる時のルールは? 社員名簿データベース 社内規約文書 あなたの勤続年数ですと、~日取得 できます。有給申請は社内ポータル サイトから申請ください。 2026/08/19 @ DX Dojo 検索ヒットした文書の 一部分 を 知識 (ナレッジ) としてAIに追加 (C) Shinnosuke Oka / JOHNNYWORKS LLC. 8 / 51
ドキュメント検索エンジンの仕組み インデックス作成 ベクトル化 (埋め込み, Embedding) 文章を単語ごとに分割して、索引を作る 生成 … ○○.pdf p.12, ××.pdf p.30 ,,, AI … ○○.pdf p.12, ××.pdf p.45 ,,, の … ○○.pdf p.12, ××.pdf p.1 ,,, 規則 … ○○.pdf p.12, ××.pdf p.5 ,,, 文章を「意味のマップ(座標)」に配置する 生成AIの規則、体制整備状況… LLMマニュアル 埋め込みAIモデル (gemini-embedding-001等) カレーの作り方 特徴 特徴 単語の存在を1文字違わずチェックするため、 完全に一致するキーワードしか見つけられない 一度にAIへ送れる文字数の制限があるため、 文章をあらかじめ適切な長さにブツ切り (chunking) する必要がある 2026/08/19 @ DX Dojo (C) Shinnosuke Oka / JOHNNYWORKS LLC. 9 / 51
各検索手法まとめ 検索方法 Keyword Vector Hybrid Hybrid + Semantic 検索精度 △ △ ○ ◎ コスト ◎ ○ (Embedding モデルの利用トークン課金) ○ (Embedding モデルの利用トークン課金) △ (Embedding モデルの利用トークン課金 Semantic Reranker の利用課金) 所感: • とりあえず Hybrid にしておけばOK (Embedding モデルの課金は微量だが、ちりつもではある) • 精度と予算の評価次第で Semantic Reranker を導入 2026/08/19 @ DX Dojo (C) Shinnosuke Oka / JOHNNYWORKS LLC. 10 / 51
Introduction: MCPってなんだろう? 2026/08/19 @ DX Dojo (C) Shinnosuke Oka / JOHNNYWORKS LLC. 11 / 51
MCPがないと・・・? カレーライスの作り方を教えて 一般的な質問には回答できる 材料~~~、作り方~~~、… 有給をとる時のルールは? 有給休暇の取得は、所属会社や組織 の規定によって異なります。一般的 には… 今日の大阪の天気は? リアルタイム情報は答えられません 2026/06/17 DX Dojo #22 (C) Shinnosuke Oka 社内データ (あなた専用の情報) の回答はできない 最新のリアルタイム情報の 回答はできない 12 / 51
MCPがあると・・・! カレーライスの作り方を教えて AIが道具 (Tool) を自ら使いこなし、 追加情報の取得や登録などを行う 材料~~~、作り方~~~、… 有給をとる時のルールは? 社員名簿データベース あなたの勤続年数ですと、~日取得 できます。有給申請は社内ポータル サイトから申請ください。 社内規約文書 今日の大阪の天気は? 時計 6月17日 今夜の大阪の天気は… 2026/06/17 お天気サイト DX Dojo #22 (C) Shinnosuke Oka 13 / 51
MCP (Model Context Protocol) = Tool Calling を標準化したもの カレーライスの作り方を教えて 各Toolの 一覧、用途、呼び出し方 を ある「作法」に則って標準化 材料~~~、作り方~~~、… 有給をとる時のルールは? 社員名簿データベース あなたの勤続年数ですと、~日取得 できます。有給申請は社内ポータル サイトから申請ください。 社内規約文書 今日の大阪の天気は? 時計 6月16日 今夜の大阪の天気は… 2026/06/17 お天気サイト DX Dojo #22 (C) Shinnosuke Oka 14 / 51
MCPってなに? ChatGPT Claude MCP サーバー Google Services MCP サーバー Mail Service MCP サーバー Discord MCP サーバー Slack … … GitHub Copilot Dify MCPという「共通言語」を使うことで、 あらゆるAIに対応したツールを 開発・公開できる! Google, Notion, こっち側を MCPクライアント という 2026/06/17 DX Dojo #22 (C) Shinnosuke Oka 15 / 51
Hands-on 1: 経費精算エージェントをさわってみよう とりあえずMCP付きのエージェントを触ってみて、 MCPの可能性の広がりを実感する 2026/08/19 @ DX Dojo (C) Shinnosuke Oka / JOHNNYWORKS LLC. 16 / 51
経費精算エージェントを触ってみよう-1 https://udify.app/chat/m7DO3Cqt1axYZ0bs にアクセス 領収書PDFファイルをアップロードし、 「この領収書で経費精算して」と リクエストする 2026/08/19 @ DX Dojo (C) Shinnosuke Oka / JOHNNYWORKS LLC. 17 / 51
経費精算エージェントを触ってみよう-2 領収書の内容を読み込んで、 必要事項を埋めてくれる 不足している情報を追加して、 再度リクエスト 2026/08/19 @ DX Dojo (C) Shinnosuke Oka / JOHNNYWORKS LLC. 18 / 51
経費精算エージェントを触ってみよう-3 すべての情報が埋まったので、 最終確認を求められる 問題ないので、「申請します」 と返事する 2026/08/19 @ DX Dojo (C) Shinnosuke Oka / JOHNNYWORKS LLC. 19 / 51
経費精算エージェントを触ってみよう-4 経費精算の申請内容が Googleスプレッドシートに反映される 2026/08/19 @ DX Dojo (C) Shinnosuke Oka / JOHNNYWORKS LLC. 20 / 51
経費精算エージェントのしくみ ①マニュアルを確認 経費精算に必要な項目一覧 経費精算マニュアル Agent ②領収書を分析 ③入力された情報を スプレッドシートに追記 2026/08/19 @ DX Dojo (C) Shinnosuke Oka / JOHNNYWORKS LLC. Dify 領収書解析ワークフロー 経費精算スプレッドシート 21 / 51
Hands-on 2: Microsoft Learn MCP サーバー につないでみよう 実際にMCPサーバーとつなげた エージェントを作ってみる 2026/08/19 @ DX Dojo (C) Shinnosuke Oka / JOHNNYWORKS LLC. 22 / 51
Microsoft なんでもAIを作ってみよう! Agent Microsoft Learn MCP Microsoft Learn 内の ドキュメント・サンプルコード等を 検索 2026/08/19 @ DX Dojo (C) Shinnosuke Oka / JOHNNYWORKS LLC. 23 / 51
Gemini APIキーの発行 Googleアカウントを ご用意ください • Google AI Studio にアクセスし、 画面上部にあるAPIキー作成を押下する 2026/07/12 @ DX Dojo (C) Shinnosuke Oka 24 / 51
Gemini APIキーの発行 • キー作成ダイアログが表示されるので、 プロジェクト作成の上で、分かりやすい名前を入力する ① ② 2026/07/12 @ DX Dojo ③ (C) Shinnosuke Oka 25 / 51
Gemini APIキーの発行 • APIキーが表示されるので、メモ帳などに控えておく (Difyの設定で用いる) 2026/07/12 @ DX Dojo (C) Shinnosuke Oka 26 / 51
Dify に Gemini API キーを導入 Difyアカウントを ご用意ください • Dify クラウドにログインし、Geminiをインストールする ②「モデルプロバイダー」 を押下 ④ダイアログが表示されるので インストールを押下 ①「連携」を押下 ③Geminiにカーソルを合わせ、 「インストール」を押下 2026/07/12 @ DX Dojo (C) Shinnosuke Oka 27 / 51
Dify に Gemini API キーを導入 • Geminiが追加されるので、右側の「APIキーを追加」を押下 ①「APIキーを追加」を押下 ②さらに「APIキーを追加」 を押下 2026/07/12 @ DX Dojo (C) Shinnosuke Oka 28 / 51
Dify に Gemini API キーを導入 • API認証設定ダイアログにて、先ほど作成したAPIキーを入力 分かりやすい名前を入力 Gemini API キーを入力 最後に保存を押下 2026/07/12 @ DX Dojo (C) Shinnosuke Oka 29 / 51
Dify に Gemini API キーを導入 • 先ほど「AIクレジット使用中」となっていたのが、APIキーの 認証名になっていることを確認する ●有効になっていることを確認 2026/07/12 @ DX Dojo (C) Shinnosuke Oka 30 / 51
Microsoft Learn MCPの導入 MCPサーバーを追加 連携→MCPを選択 2026/08/19 @ DX Dojo (C) Shinnosuke Oka / JOHNNYWORKS LLC. 31 / 51
Microsoft Learn MCPの導入 サーバーURL: https://learn.microsoft.com/api/mcp 名前とアイコン: 任意の名前に サーバー識別子: 任意の名前 (小文字、数字で) 追加して承認を押下 2026/08/19 @ DX Dojo (C) Shinnosuke Oka / JOHNNYWORKS LLC. 32 / 51
成功すると以下の画面になる 認証済みになっていること 2026/08/19 @ DX Dojo (C) Shinnosuke Oka / JOHNNYWORKS LLC. 33 / 51
エージェント戦略を追加 連携→エージェント戦略を選択 Dify Agent Strategies にカーソルを合わせ、 インストールボタンを押下 2026/08/19 @ DX Dojo (C) Shinnosuke Oka / JOHNNYWORKS LLC. ダイアログが開くので 引き続きインストールを押下 34 / 51
MSなんでもAIを作る-1 作成→最初から作成を押下 スタジオを選択 2026/08/19 @ DX Dojo (C) Shinnosuke Oka / JOHNNYWORKS LLC. 35 / 51
MSなんでもAIを作る-2 チャットフローを選択 任意の名前を入力 作成するを押下 2026/08/19 @ DX Dojo (C) Shinnosuke Oka / JOHNNYWORKS LLC. 36 / 51
MSなんでもAIを作る-3 LLMノードを右クリック→削除を押下 (このノードはMCP非対応なので、 MCP対応したノードに差し替えます) 2026/08/19 @ DX Dojo (C) Shinnosuke Oka / JOHNNYWORKS LLC. 37 / 51
MSなんでもAIを作る-4 Agentを選択 ユーザー入力ノードの右側にポインタを 合わせ、出現した+ボタンを押下 2026/08/19 @ DX Dojo (C) Shinnosuke Oka / JOHNNYWORKS LLC. 38 / 51
MSなんでもAIを作る-5 ModelはGemini 3.1 Flash-Lite でOK TOOL LIST の右肩の+ボタンを押下 Microsoft Learn MCP をすべて追加 エージェンティック戦略を選択し、 Agent→FunctionCalling を選択 2026/08/19 @ DX Dojo (C) Shinnosuke Oka / JOHNNYWORKS LLC. 39 / 51
MSなんでもAIを作る-6 INSTRUCTIONは以下のように入力 Microsoft ドキュメントを検索して、ユーザーの質問に 的確に回答してください。 憶測で回答せず、情報が取得できなかった場合はその旨 を伝えてください。 QUERY右肩の関数アイコン ({x}) を押下 ユーザー入力のqueryを選択 メモリをONに切り替え 2026/08/19 @ DX Dojo (C) Shinnosuke Oka / JOHNNYWORKS LLC. 40 / 51
MSなんでもAIを作る-7 AGENTノードの右端+ボタンから 回答ノードにドラッグアンドドロップ で線をつなぐ 2026/08/19 @ DX Dojo ①応答ノードを選択する ②応答内容をすべて消す ③変数ボタン ({x}) を押下 ④AGENTのtextを選択 (C) Shinnosuke Oka / JOHNNYWORKS LLC. 41 / 51
MSなんでもAIは完成!動作確認しよう 2026/08/19 @ DX Dojo (C) Shinnosuke Oka / JOHNNYWORKS LLC. 42 / 51
結果を分析しよう-1 回答上部の緑枠を広げて、 詳細な各ノードの動きをデバッグする ことも可能 結果が出てきていることが分かる 2026/08/19 @ DX Dojo 詳細情報をクリックして、 さらに動作を深掘りする (C) Shinnosuke Oka / JOHNNYWORKS LLC. →次スライドへ 43 / 51
結果を分析しよう-2 ユーザーの質問から、 何のツールを呼び出すか計画を立てる Microsoft Learn MCPから情報検索 エージェントは2ターンの推論を実行 2026/08/19 @ DX Dojo 検索したドキュメントの情報を組み合わせ て追加の作業が必要か確認 →情報はすべて出そろっているので、 (C) Shinnosuke Oka / JOHNNYWORKS LLC. 44 / 51 ユーザーに回答する文面を生成
ここまでやってわかること • MCPサーバーの中には複数のツールが組み込まれている Microsoft Learn MCP の場合は… ドキュメント検索 サンプルコード検索 ドキュメントを Markdown形式で出力 • エージェントには使えるツールのリストを渡すだけ • ユーザーからの要求に満足する回答を行うためには、 エージェントがどのツールを呼べばいいかを 自分で考え、自分で実行する 2026/08/19 @ DX Dojo (C) Shinnosuke Oka / JOHNNYWORKS LLC. 45 / 51
Wrap-up: MCP利用上の注意 2026/06/17 DX Dojo #22 (C) Shinnosuke Oka 46 / 51
MCPを使う上での注意 (Security) 例2) 悪意のあるプロンプトの実行リスク (=間接的プロンプトインジェクション) 例1) 悪意のあるMCPの実行リスク 外部の悪意ある データを取得 MCP呼出 BAD MCP Server GOOD MCP Server 不正プログラム 混入 GOOD MCP Server 機密情報の 流出 ✓ 信頼できる企業の公式MCPのみを導入 ✓ 機密データを扱う際に 外部送信MCPの利用を制限する そのMCP、本当に今使っていいの? という判断を怠らないこと 2026/06/17 DX Dojo #22 (C) Shinnosuke Oka 47 / 51
MCPを使う上での注意 (Performance) 使うMCPサーバーが多くなると? 大量のツールをAIに読み込ませるとAIの推論低下につながる 入力トークン爆増による利用コスト増につながる タスクごとに使うMCPサーバーを限定する (VSCode等は設定あり) 2026/06/17 DX Dojo #22 (C) Shinnosuke Oka 48 / 51
まとめ MCPの本質 = AIに「手足」を授ける • MCPを使うことで、AI単体でできなかった情報の取得や操作が可 能になり、できることが大幅に増える MCPの仕組み = AIによる「自律的なツールの実行」 • MCPサーバーは「何ができるか」をAIに提供する • ユーザーからの要望実現のため、AIが考え、自動で実行 MCPの運用: 最大のリスクヘッジは「人間」 • 便利さの裏で「知らん間になんかされた!」となるMCPの怖さ • そのMCP、本当に今使っていいの? という判断を怠らないこと 2026/06/17 DX Dojo #22 (C) Shinnosuke Oka 49 / 51
最後に • 宣伝 WebでSVGの図を書きたいといったニーズがあればぜひお声掛けください! 2026/08/19 @ DX Dojo (C) Shinnosuke Oka / JOHNNYWORKS LLC. 50 / 51
Thank You! 2026/08/19 @ DX Dojo (C) Shinnosuke Oka / JOHNNYWORKS LLC. 51 / 51