DenoとJSRで実現する最速MCPサーバー開発記 / Building MCP Servers at Lightning Speed with Deno and JSR

toranoana.deno #21登壇資料

Transcript

1. DenoとJSRで実現する 最速MCPサーバー開発記 2025-06-18 toranoana.deno #21 大山奥人 / yamanoku
2. • 株式会社Schoo ◦ 技術戦略部門ユニット • PodCast ◦ お元気ですか.fm • @yamanoku ◦ X ◦ GitHub ◦ BlueSky 大山奥人 - yamanoku おおやま おくと
3. 個人でも会社でも 生成AIを使うことは 当たり前になってきた
4. 世はまさに 生成AI戦国時代
5. 突然ですが、質問です
6. 皆さんの推し 生成AIサービスは 何ですか？
7. 私の推しは …
9. Claudeの個人的推しポイント • LLMモデル（Claude Sonnet / Opus） • Claude Code • Claude Code GitHub Actions • Web、DesktopやClaude CodeでのMCP連携 💰個人で6月からMAX $200 Planにて課金しています💰
10. MCP ( Model Context Protocol )
11. 引用元: What is Model Context Protocol (MCP)? How it simplifies AI integrations compared to APIs | AI Agents That Work
12. いくつかMCPを試してみた • Figma Context MCPを試してみて感動 ◦ Figma APIと疎通したやり取りでUIを構築 ◦ 1人日はかかりそうなUI実装が30分足らずで完成 • Playwright MCPでブラウザ操作して感動 ◦ テストケースをAI側が生成してくれる ◦ 自然言語でブラウザが操作できる！ ◦ 新たな支援技術のようなもの？（アクセシビリティ観点）
13. これは、楽しい！
14. いくつかの言語でMCPのSDKが扱える ※スクリーンショットは2025年6月時点のもの
15. 自分も MCPサーバー 作ってみよう！
16. mizchiさんの記事ほかでDenoでMCPサーバー作ってみた話を見かける
17. Denoで MCPサーバーを 作ってみる
18. Denoの開発体験が最高 • TypeScriptファースト ◦ 現在のNode.jsもオプションなしでTS実行できるが ◦ tsconfig.jsonの設定がたいへん…🥲 • Linterやtestなど機構が標準搭載 • npm packageとも互換がある サクッと作ってみるには自分にとって最適だった！
19. Denoの特徴とMCPサーバーでの利点 • サンドボックス実行・パーミッション制御ができる ◦ 疎通・通信するときに確認が入る ◦ 実行前の確認はセキュリティ観点で有効 ◦ 場合によっては --deny-net で外界と遮断することもできる ◦ 学習データ汚染を減らせる期待がある ちなみにNode.jsでもv24からパーミッション機能が安定版でリリース https://nodejs.org/api/permissions.html
20. npmとDenoでのMCPサーバー起動の違い
21. Denoで作った MCPサーバーの紹介
22. Baseline MCP Server 特定のHTML、CSS、JavaScript、Web APIに関するBaselineの情報を教えてく れるMCPサーバー AIエージェントが情報を参照してWidely なものを選んだり、一部制限があるもの を使わないようにする https://github.com/yamanoku/baseline-mcp-server
23. Connpass User MCP Server Connpassのユーザー情報ほか 参加イベント・発表イベントや 所属するグループ情報を取得する MCPサーバー ※Connpass APIキーが必要 https://github.com/yamanoku/connpass-user-mcp-server
24. ALT Decision Tree MCP Server 画像の代替テキスト（ALT属性）をALT決 定木に基づいて自動生成するMCPサー バー 画像とそれにまつわる文脈をLLMに 渡すことで、より適切な 代替テキストを提示してくれる https://github.com/yamanoku/alt-decision-tree-mcp-server
25. 作ったMCPサーバーを 使ってもらいたい！
26. Deno packageの 配布先といえば …
28. JSRへのアップロード体験が最高！ npm publishとの比較として…（個人的感想） • CLI操作＋ブラウザ操作でサクサクとpublish • publishするまでの前準備がそこまでかからない • npmパッケージとしても配布できる ◦ npm i jsr:@organization/some-mcp-server
29. JSR Scoreを埋めていくのが楽しい
30. Deno Land Inc. への 個人的要望
31. Deno Deployで リモートMCPサーバーを ホスティングしたい！
32. リモートMCPサーバーのホスティング候補 • Cloudflare • Vercel • Azure Container Apps （他もご存じの方がいたら教えてください） この中にDeno Deployも入れてほしい！
33. まとめ • MCPサーバーをDenoで作ってみた • Node.js環境で作るよりも簡単に作れるのが良い • パーミッションの制約でよりセキュアで高品質なMCPサーバーへ • JSRの体験が良すぎる。ありがとうございます • Deno DeployでリモートMCPサーバー建てたい！お願いします！ みんなもDenoでMCPサーバー作ってみよう！
34. Thank you for listening ! 2025-06-18 toranoana.deno #21 大山奥人 / yamanoku