Google Labs の UI 生成ツール Stitch に、同じ 1 本の日本語プロンプトで「電子部品の在庫管理アプリ」を作らせた記録。アプリ版とウェブ版で何が変わるか、品質モードで密度がどう変わるか、チャットで 3 回修正すると何が起きるか、書き出した HTML がブラウザでどう見えるか。実測したクレジットの減り方（0 → 55 / 400）と、ドキュメントと実画面が食い違った箇所まで、全部数字で残す。
文章を返さず、判定と確率だけを返す AI「Jev」を Next.js に組み込み、Vercel AI Gateway 経由で 48 回コードを審査した。API キーをサーバー側に閉じる構成、シミュレーターと実測を混ぜない設計、CI ゲートに置くときの閾値とコストの設計案まで。
Gemini API を始める準備編。AI Studio で記事専用の Google Cloud プロジェクトを切り、既存の課金アカウントに紐づけて Tier 1 で API キーを発行し、Windows の uv + Python 3.12 + google-genai から gemini-3.8-flash を最初に呼ぶまで。無料枠と有料 Tier の違いと課金で始める理由、Google AI Pro とは別会計であること、キーを漏らさない置き場所、構造化出力の最小例、実測トークン数と実費（3 本で約 0.7 円）の確認方法。
AI エージェントと働くと、残項目がチャットの末尾に散らばる。人と AI が同じボードに書き、誰が書いたかが全部残る Web アプリを FastAPI＋SQLite＋htmx で作った。JS を書かずにかんばんの列が動く仕組みと、履歴を消さない設計まで。
前作の MCP は計算を返すだけだった。今回は DB を持ち、人間がブラウザで同時に見ている台帳に AI が書き込む。author を環境変数で固定し、権限を DB で持ち、失敗を AI に届く形で返す。Claude Code に頼んだ項目が青いバッジ付きでかんばんに現れるまで。
InfluxDBに貯めたセンサーデータを、Grafanaの8パネル1画面にまとめた。何をどの集計で見せるか、欠測をグラフの穴として残す設計、基板が増えてもパネルを編集しない変数の組み方まで。全4回の最終回。
第1回の基板が送るデータの受け皿を、Mosquitto・Telegraf・InfluxDB の3コンテナで自宅サーバーに立てた。核は ACL の %u 置換で、1台の鍵が漏れても他の機体になりすませない。違反 publish が黙って捨てられる罠と、トークン露出事故の後始末まで。全4回の第3回。
ESP32-S3とAzure FunctionsでgRPC（Nanopb）とJSONの通信を実測比較。シリアライズ2.7倍高速・データ1/3圧縮の効果と、通信時間を支配するTLSハンドシェイクの正体、gRPCを選ぶべき条件を解説。
ESP32-S3 から Azure へデータを届ける。Azure Functions（Python v2）を HTTP Trigger で受け口にし、ESP32 側では SSL 証明書という HTTPS 通信の壁を越えて JSON を POST する。ログストリームでの確認とエラー対処まで。
WordPressからHugoへ移行に伴い失われた「コメント機能」を、Azureの無料枠をフル活用して自作。C# (Azure Functions) と Cosmos DB を使ったサーバーレス掲示板の構築手順と、デプロイ時のハマりポイントを解説。
Azure Stream Analyticsを放置して50万円超の高額請求を受けた体験談。Microsoftサポートへの返金交渉、成功事例と予防策を詳しく解説。クラウドサービス利用者必読。