2 Articles in MCP
MCP AppsでMIDIの譜面をリアルタイムに可視化する

MCP AppsでMIDIの譜面をリアルタイムに可視化する

MCP Appsの仕様を活用して、AIが作曲したMIDI楽曲のピアノロール譜面をClaude.ai上でリアルタイムに可視化するMCPサーバーを作りました。MCP Appsのアーキテクチャやライフサイクル、ontoolinputpartialによるプログレッシブレンダリング、Viewからの双方向通信(callServerTool・readServerResource・sendMessage)の仕組みを仕様レベルで解説しつつ、Cloudflare Workersへのデプロイ方法も紹介します。

Claude Codeのサブスクリプションで動くSlack常駐AIエージェントを作った

Claude Codeのサブスクリプションで動くSlack常駐AIエージェントを作った

Claude Code CLIの `-p` フラグとサブスクリプションを活用して、Slack上で常駐するパーソナルAIエージェント「むぎ苦労(mugi-claw)」を開発しました。Chrome DevTools Protocolによるブラウザ操作、機密情報をLLMに渡さないCredential Server、macOSのsandbox-execとプロキシによる多層防御など、実装の技術的な詳細を紹介します。