2026年7月14日の開発日記 - MCPハンズオン講座の実装とAIベンダー戦略記事5本

daily-log

2026年7月14日の開発日記

朝のXで「OpenAIの開発者がClaude Codeの中で自社最新モデルを動かす手順を聞いている」という話題が流れてきて、そこからAIベンダー戦略の対話が転がり続けた。気づけば公開記事5本。さらにその考察が「自作APIをMCP化するハンズオン講座を作る」という実装に接続して、計画書のCodexレビュー4往復からultracodeでの実装・検証まで1日で走り切った。裏ではeurekapu-nuxt4のデザインシステム講座を丸一日磨き込み、Live2Dの計画も確定させた（うえで保留と判断した）。

今日のタイムライン

タイムライン

今日やったこと

1. 自作API→MCP化ハンズオン講座の実装（journal-mcp-tutorial）

午前のMCP vs APIの考察から「ミニマムな自作APIを作ってMCPサーバー化する一連のチュートリアル講座」（税理士・会計士向け）を作ると決めた。計画書をCodexレビュー4往復で固めてからultracodeに実装させ、FastAPIのミニ仕訳帳API＋MCPサーバーの教材リポジトリと講座記事が1日で形になった。素のAPI直叩きとMCPツール経由の2経路で仕訳登録の再現テストを繰り返し、ホワイトリスト外の勘定科目が両経路とも同じ止まり方をすることまで確認した。

主な成果:

  • 教材リポジトリ journal-mcp-tutorial（FastAPI ミニ仕訳帳API＋MCPサーバー、X-API-Keyヘッダー認証）
  • 講座記事の公開: 自作APIをMCP化するハンズオン講座
  • 2経路×2依頼文の検証セッションで挙動一致を確認、14分割コミットで整理

詳細: 自作APIをMCPサーバー化するハンズオン講座を作った日

2. AIベンダー戦略の考察と記事執筆（mdx-playground）

Claude Codeハーネス上で他社モデルが動く仕組み（サブスク枠内・規約の非対称性）、OpenAIのApp Server／アプリストア戦略、「データがスイッチングコストになる」説への反論まで対話で掘り、記事5本とSVG図解18枚に落とした。MCP＝APIのラップという自分の理解は、クラウド会計ソフトのOSS実装を解剖して「手書き15ツール＋実行時検証」という設計を確認するところまで進んだ。

主な成果:

詳細: AIベンダー戦略を対話で掘って記事5本を書いた日

3. デザインシステム基礎講座のブラッシュアップ（eurekapu-nuxt4）

講座を自分で読み直しては「実物がない箇所」を潰していった。同じ健康管理アプリをターゲット別（高齢者/若い女性/企業向け）に組み分けた比較モックアップ、講座自身を題材にした9ステップ実践のランディングページ（ヘッダー固定＋スクロールスパイ付き）、章扉画像15枚、全体目次のハンバーガーメニューまで積み上げた。夕方に見つけた本文センタリングずれは原因特定と修正まで済ませ、約30ページの一括検証は明日に回した。

主な成果:

  • ターゲット別比較モックアップ、9ステップ実践LP、実カラー列、章扉画像15枚
  • ハンバーガーメニュー実装、チャプター目次の開閉仕様を全ページ統一
  • UIデザイン原則のGOOD/BADコンテンツをアクセシビリティ章に移植

詳細: デザインシステム基礎講座を磨き込んだ一日

4. AI生成キャラを動かす実装とLive2D計画（mdx-playground）

前日生成したキャラ設定画（No.1 ミコ）に擬似リグのモーションを実装させ、表情切り替えのバグと座標ズレを潰した。動かし方3系統を比較して「Live2D正攻法」に決定し、Codexレビュー3周で計画を確定。ただしCubism Editor習得などの負担を見て、着手は保留と判断して記録を残した。

主な成果:

  • 擬似リグのモーション実装（/blog/unpublished で確認できる状態に）
  • Live2D正攻法の詳細計画確定: 調査・計画・実装計画（いずれも未公開）
  • Cubism SDK/Coreのライセンス論点を整理、work/live2d/ を .gitignore に追加

詳細: AI生成キャラを動かす — Live2D正攻法の計画確定と保留の判断

このほか、朝の定例チェーン（/make-diary）で前日日記の生成と決算・統計データの更新（TSMCの推定値、韓国輸出統計）を回した。

今日の試行錯誤

#テーマ試したこと結果気づき
1講座データ反映TSを修正しても画面が変わらない → 生成JSONの再生成を挟む解決ビルド時生成物はソース修正だけでは反映されない。データフローを最初に確認する
2wrangler更新pnpm update wrangler が途中で止まる → devサーバーのファイルロックを疑って停止解決Windowsではdevサーバーがファイルを掴んだままパッケージ更新を止める
3表示検証DevToolsのresizeが効かない → デバイスエミュレーションに切り替え解決レスポンシブ確認は emulate で行う
4AIベンダー考察GPT-5.6 SolはAPI従量課金と予想して質問予想が覆るサブスク枠内で使える設計。OpenAIの囲い込み戦略の一部と理解した
5MCP理解「MCP＝APIの機械的ラップ」の理解でOSS実装を解剖理解を更新実物は手書き15ツール＋実行時検証。ツール設計こそが本体
6MCP講座検証API直叩きとMCP経由の2経路×2依頼文で仕訳登録テスト成功正常系だけでなく「止まり方」まで両経路で一致することを確認できた
7キャラモーション擬似リグで表情が切り替わらない → 拡大表示で座標ズレを特定させて調整解決まぶた・口のような細部は拡大して座標を合わせる
8Live2D導入判断3系統（Live2D/ニューラルレンダリング/image-to-video）を比較計画確定→保留視線追従できるのはLive2Dだけ。ただし習得コストを見てから着手を決める

今日の学び

  • MCPサーバーの価値はAPIを機械的にラップすることではなく、エージェントが誤用しにくいツール設計（数を絞る・実行時検証を入れる）に宿る
  • OpenAIとAnthropicの規約の非対称性（他社ハーネスでの利用を許すか）は、計算資源の在庫量と市場シェアの戦略から読み解ける
  • 講座・教材は「実物」（LP・モックアップ・実カラー表示）を置いた瞬間に説得力が跳ねる。抽象論のページには実例を足す
  • ビルド時生成物（JSON）を挟むデータフローでは、ソースを直しただけで安心しない

明日やること

  • デザインシステム講座の本文センタリング修正を約30ページで一括検証してコミット
  • Live2Dは保留のまま（Cubism Editor習得の負担を見て再判断）

関連記事