パワポ作るマンをMCP Apps化してみた

2026-03-31
出版記念イベントin東京『AWSではじめるMCP実践ガイド』
https://kinto-technologies.connpass.com/event/386363/

Transcript

1. パワポ作るマンを MCP Apps 化してみた 岩本 隆史 (@iwamot) 出版記念イベントin 東京『AWS ではじめるMCP 実践ガイド』 https://kinto-technologies.connpass.com/event/386363/
2. 自己紹介 岩本 隆史 (@iwamot) ENECHANGE 株式会社 VPoT 『 ［入門］LLM アプリ開発』 （共著、技術評論社） 3-3 「MCP を使ったLLM アプリ開発」 1
3. 本題 2
4. パワポ作るマンとは みのるんさん作のWeb アプリ https://pawapo.minoruonda.com/ https://github.com/minorun365/marp-agent AI エージェントがスライドをいい感じに作ってくれる 3
5. MCP Apps とは MCP の拡張仕様 Anthropic やOpenAI らが策定、2026 年1 月に公開 インタラクティブなUI ツールを提供 サンドボックス化されたiframe で安全に動作 現在、Claude Desktop App 、Claude.ai などが対応 https://modelcontextprotocol.io/clients 4
6. パワポ作るマンMCP Apps https://github.com/iwamot/marp-agent-mcp 基本機能を実験的に移植したもの 使い慣れたAI クライアントでスライドが作れる 森田さんの先行事例（資料完成後に気づいた… ） https://github.com/moritalous/slidev-mcp-apps ともかく、このあとデモします！ 5
7. デモ 6
8. 手元で試す場合 「カスタマイズ」画面で設定 コネクタ： https://pawapo.iwamot.com/mcp （認証不要） スキル：https://pawapo.iwamot.com/skill.zip プロンプト例：「MCP Apps について調べてスライド作って」 7
9. 細かな話 8
10. MCP Apps 開発tips 1. 公式の create-mcp-app スキルで実装 2. ローカルサーバーをcloudflared でトンネル接続 3. Claude の開発者ツールでデバッグ Desktop App は開発者モードの有効化が必要 4. UI リソースのサイズをCDN で抑制 バンドルが大きいと、UI が表示されない 今回は marp-core が大きかったので esm.sh を利用 9
11. 現状のインフラ構成 ローカルでDocker イメージをビルド Amazon ECR にpush AWS App Runner にデプロイ おすすめの構成があれば教えて！ 10
12. MCP Apps の未来 正直、わからない CLI で代替しづらい機能であることは確か 活用できるタスクは多そう https://github.com/modelcontextprotocol/ext-apps#examples 未来は予想するものじゃない、作るもの 何か作ってみよう！ 11
13. Thank you!