Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
DenoとJSRで実現する最速MCPサーバー開発記 / Building MCP Server...
Search
Okuto Oyama
June 18, 2025
Technology
2
500
DenoとJSRで実現する最速MCPサーバー開発記 / Building MCP Servers at Lightning Speed with Deno and JSR
toranoana.deno #21
登壇資料
Okuto Oyama
June 18, 2025
Tweet
Share
More Decks by Okuto Oyama
See All by Okuto Oyama
転生したらTypeScriptのEnumだった件 ~型安全性とエコシステムの変化で挫けそうになっているんだが~ / TSKaigi 2025
yamanoku
0
25
React 18からのAPI useIDを使おう!/ Let's Use the useID API from React 18
yamanoku
0
93
リアクティブシステムの変遷から理解するalien-signals / Learning alien-signals from the evolution of reactive systems
yamanoku
3
1.8k
ブラウザ互換の重要性 - あらゆるユーザーに価値を届けるために必要なこと
yamanoku
0
290
画面遷移から考えるNuxtアプリケーションをアクセシブルにする方法 / How to make Nuxt applications accessible based on page transitions
yamanoku
0
880
Vue.js でアクセシブルなコンポーネントをつくるために / To make accessible components in Vue.js
yamanoku
0
3.3k
アクセシブルなフロントエンド開発のこれまでとこれから / the past and future of accessible front-end development
yamanoku
3
5.8k
PWA is Progressive Web Accessibility
yamanoku
0
89
PWA RTA in Japan 2020
yamanoku
0
140
Other Decks in Technology
See All in Technology
アウトプットから始めるOSSコントリビューション 〜eslint-plugin-vueの場合〜 #vuefes
bengo4com
3
1.8k
SCONE - 動画配信の帯域を最適化する新プロトコル
kazuho
1
380
クラウドとリアルの融合により、製造業はどう変わるのか?〜クラスメソッドの製造業への取組と共に〜
hamadakoji
0
430
ソフトウェアエンジニアの生成AI活用と、これから
lycorptech_jp
PRO
0
900
もう外には出ない。より快適なフルリモート環境を目指して
mottyzzz
13
10k
あなたの知らない Linuxカーネル脆弱性の世界
recruitengineers
PRO
3
160
Biz職でもDifyでできる! 「触らないAIワークフロー」を実現する方法
igarashikana
7
3.4k
Databricks AI/BI Genie の「値ディクショナリー」をAmazonの奥地(S3)まで見に行く
kameitomohiro
1
410
20251027_マルチエージェントとは
almondo_event
1
420
NLPコロキウム20251022_超効率化への挑戦: LLM 1bit量子化のロードマップ
yumaichikawa
3
470
事業開発におけるDify活用事例
kentarofujii
5
1.5k
様々なファイルシステム
sat
PRO
0
240
Featured
See All Featured
XXLCSS - How to scale CSS and keep your sanity
sugarenia
249
1.3M
Git: the NoSQL Database
bkeepers
PRO
431
66k
Six Lessons from altMBA
skipperchong
29
4k
Making Projects Easy
brettharned
120
6.4k
Optimising Largest Contentful Paint
csswizardry
37
3.5k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
10
890
Build your cross-platform service in a week with App Engine
jlugia
233
18k
How GitHub (no longer) Works
holman
315
140k
Being A Developer After 40
akosma
91
590k
What’s in a name? Adding method to the madness
productmarketing
PRO
24
3.7k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
230
22k
GraphQLとの向き合い方2022年版
quramy
49
14k
Transcript
DenoとJSRで実現する 最速MCPサーバー開発記 2025-06-18 toranoana.deno #21 大山奥人 / yamanoku
• 株式会社Schoo ◦ 技術戦略部門ユニット • PodCast ◦ お元気ですか.fm • @yamanoku
◦ X ◦ GitHub ◦ BlueSky 大山奥人 - yamanoku おおやま おくと
個人でも会社でも 生成AIを使うことは 当たり前になってきた
世はまさに 生成AI戦国時代
突然ですが、質問です
皆さんの推し 生成AIサービスは 何ですか?
私の推しは …
None
Claudeの個人的推しポイント • LLMモデル(Claude Sonnet / Opus) • Claude Code •
Claude Code GitHub Actions • Web、DesktopやClaude CodeでのMCP連携 💰個人で6月からMAX $200 Planにて課金しています💰
MCP ( Model Context Protocol )
引用元: What is Model Context Protocol (MCP)? How it simplifies
AI integrations compared to APIs | AI Agents That Work
いくつかMCPを試してみた • Figma Context MCPを試してみて感動 ◦ Figma APIと疎通したやり取りでUIを構築 ◦ 1人日はかかりそうなUI実装が30分足らずで完成
• Playwright MCPでブラウザ操作して感動 ◦ テストケースをAI側が生成してくれる ◦ 自然言語でブラウザが操作できる! ◦ 新たな支援技術のようなもの?(アクセシビリティ観点)
これは、楽しい!
いくつかの言語でMCPのSDKが扱える ※スクリーンショットは2025年6月時点のもの
自分も MCPサーバー 作ってみよう!
mizchiさんの記事ほかでDenoでMCPサーバー作ってみた話を見かける
Denoで MCPサーバーを 作ってみる
Denoの開発体験が最高 • TypeScriptファースト ◦ 現在のNode.jsもオプションなしでTS実行できるが ◦ tsconfig.jsonの設定がたいへん…🥲 • Linterやtestなど機構が標準搭載 •
npm packageとも互換がある サクッと作ってみるには自分にとって最適だった!
Denoの特徴とMCPサーバーでの利点 • サンドボックス実行・パーミッション制御ができる ◦ 疎通・通信するときに確認が入る ◦ 実行前の確認はセキュリティ観点で有効 ◦ 場合によっては --deny-net
で外界と遮断することもできる ◦ 学習データ汚染を減らせる期待がある ちなみにNode.jsでもv24からパーミッション機能が安定版でリリース https://nodejs.org/api/permissions.html
npmとDenoでのMCPサーバー起動の違い
Denoで作った MCPサーバーの紹介
Baseline MCP Server 特定のHTML、CSS、JavaScript、Web APIに関するBaselineの情報を教えてく れるMCPサーバー AIエージェントが情報を参照してWidely なものを選んだり、一部制限があるもの を使わないようにする https://github.com/yamanoku/baseline-mcp-server
Connpass User MCP Server Connpassのユーザー情報ほか 参加イベント・発表イベントや 所属するグループ情報を取得する MCPサーバー ※Connpass APIキーが必要
https://github.com/yamanoku/connpass-user-mcp-server
ALT Decision Tree MCP Server 画像の代替テキスト(ALT属性)をALT決 定木に基づいて自動生成するMCPサー バー 画像とそれにまつわる文脈をLLMに 渡すことで、より適切な
代替テキストを提示してくれる https://github.com/yamanoku/alt-decision-tree-mcp-server
作ったMCPサーバーを 使ってもらいたい!
Deno packageの 配布先といえば …
None
JSRへのアップロード体験が最高! npm publishとの比較として…(個人的感想) • CLI操作+ブラウザ操作でサクサクとpublish • publishするまでの前準備がそこまでかからない • npmパッケージとしても配布できる ◦
npm i jsr:@organization/some-mcp-server
JSR Scoreを埋めていくのが楽しい
Deno Land Inc. への 個人的要望
Deno Deployで リモートMCPサーバーを ホスティングしたい!
リモートMCPサーバーのホスティング候補 • Cloudflare • Vercel • Azure Container Apps (他もご存じの方がいたら教えてください)
この中にDeno Deployも入れてほしい!
まとめ • MCPサーバーをDenoで作ってみた • Node.js環境で作るよりも簡単に作れるのが良い • パーミッションの制約でよりセキュアで高品質なMCPサーバーへ • JSRの体験が良すぎる。ありがとうございます •
Deno DeployでリモートMCPサーバー建てたい!お願いします! みんなもDenoでMCPサーバー作ってみよう!
Thank you for listening ! 2025-06-18 toranoana.deno #21 大山奥人 /
yamanoku