MCP

開発ツール

【Google AI 実験室 #3】Google Stitch で「電子部品の在庫管理アプリ」の画面を作り、HTML まで持ち出す｜モードは 2 つだけ・修正は世代追加・書き出しは 608px 前提

Google Labs の UI 生成ツール Stitch に、同じ 1 本の日本語プロンプトで「電子部品の在庫管理アプリ」を作らせた記録。アプリ版とウェブ版で何が変わるか、品質モードで密度がどう変わるか、チャットで 3 回修正すると何が起きるか、書き出した HTML がブラウザでどう見えるか。実測したクレジットの減り方（0 → 55 / 400）と、ドキュメントと実画面が食い違った箇所まで、全部数字で残す。

作成: 2026-09-23

開発ツール

自作 Web アプリに MCP を生やして Claude Code から書き込む｜状態を持つ MCP サーバーの作り方

前作の MCP は計算を返すだけだった。今回は DB を持ち、人間がブラウザで同時に見ている台帳に AI が書き込む。author を環境変数で固定し、権限を DB で持ち、失敗を AI に届く形で返す。Claude Code に頼んだ項目が青いバッジ付きでかんばんに現れるまで。

作成: 2026-09-12

開発ツール

Claude Code で使える MCP ツールの作り方｜Python で自作サーバを1本通す

MCP サーバは、関数に飾りを付けて起動するだけで作れる。電子工作の計算3つを題材に、最小構成から Claude Code への登録まで一本道で通す。docstring がそのまま AI への説明書になること、エラーの文言がモデルに届く条件まで。

作成: 2026-09-03 ・ 更新: 2026-09-12

ESP32

Claude Code × ESP32｜ESP-IDF 6.0 の MCP サーバ活用ガイド

ESP-IDF 6.0 の idf.py に内蔵された MCP サーバを Claude Code から使う。ターゲット設定・ビルド・書き込みの公開ツール、接続設定、リモートのドキュメント MCP サーバ、実際に詰まった点までを公式手順にもとづき図解で整理した。

作成: 2026-07-29 ・ 更新: 2026-07-31