3 Articles in MCP
『AIエージェント開発の知識地図』をご恵贈いただきました

『AIエージェント開発の知識地図』をご恵贈いただきました

AIエージェント界隈は用語が増えすぎて、正直そろそろ追いつけない。そんなタイミングで『AIエージェント開発の知識地図』をご恵贈いただきました。特に第5章の連携・標準化技術の話がよかったので、そこを中心に書きます。

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とプロキシによる多層防御など、実装の技術的な詳細を紹介します。