Node-RED × MCP 勉強会 vol.1

Node-RED × MCP 勉強会 vol.1「ひとまず Node-RED と MCP を連携してみたよ」の登壇資料です。

◆スライド内の素材は以下を使用させていただいております。ありがとうございます！

・シルエットデザイン http://kage-design.com/
・human pictogram 2.0 http://pictogram2.com
・ICOOON MONO http://icooon-mono.com/
・Adobe Stock https://stock.adobe.com/jp

Transcript

1. Node-RED × MCP 勉強会 vol.1 ひとまず Node-RED と MCP を連携してみたよ ワンフットシーバス 田中正吾 1
2. 私の話はスライドを後ほど共有します。 話す内容に注力いただいて大丈夫です！ 2
3. 10 分くらいで話します！ 3
4. いろいろやってみていますがローカルなら 標準入出力からブリッジして行うのがやりやすそう 2025 年 5 月時点 stdio 標準入出力 MCP サーバーをブリッジにして Node-RED が MCP クライアントと連携するメモ https://www.1ft-seabass.jp/memo/2025/05/10/stdio-mcp-server-bridge-node-red-2025-05/ 4
5. IoT 操作するデモをやってみます！ Claude Desktop が MCP クライアントとしてシンプルに IoT のディスプレイの ON/OFF を指示 5
6. MCP ブリッジの仕組みを IoT 向けにブラッシュアップ こんな感じの流れで MCP サーバーがブリッジしたら Node-RED が MQTT で IoT に指示します 6
7. 今回のデバイス AtomS3 にバッテリーがついているもの MQTT の指示でディスプレイが ON/OFF 7
8. Node-RED の様子 こんな風に MCP サーバーから Node-RED に ON/OFF 情報が来るので IoT のディスプレイへ MQTT で指示する TypeScript の MCP サーバーの役割は情報をシンプルに渡すだけで Node-RED が柔軟に処理を行う仕組み 8
9. やってみます！ Claude Desktop が MCP クライアントとしてシンプルに IoT のディスプレイの ON/OFF を指示 9
10. やってみていろいろ考えたこと やっぱり Node-RED とつながるのは楽しい 10
11. Node-RED にすぐに渡すことで 仕組みの試行錯誤しやすさ作りやすさが出てがうれしい この ON/OFF も他のデバイスにすぐに切り替えられる可能性を感じる！ 11
12. Streamable HTTP ブリッジできると 外部サーバーで Node-RED と MCP 連携できる ローカルの標準入出力じゃなくてみんなで共有して使えるような仕組みが行ける 2025 年 5 月時点 Streamable HTTP MCP サーバーをブリッジにして Node-RED が MCP クライアントと連携するメモ https://www.1ft-seabass.jp/memo/2025/05/25/streamable-http-mcp-server-bridge-node-red-2025-05/ 12
13. まとめ ひとまず連携できてうれしい Node-RED と MCP が連携できた！ 標準入出力がローカルでやりやすく Node-RED もローカルで動くので柔軟性 がなかなか良い MCP サーバーからNode-RED にすぐに渡すことで仕組むの作りやすさが出 てがうれしい いずれ Streamable HTTP との Node-RED 連携をものにして外部サーバーで もうまくやってみたい ひきつづき Node-RED と生成 AI と連携をいろいろ楽しんでいきます！ 13