SitesにMCPを作れるようになった！ついでに中の仕組みも調べてみた！

Transcript

1. Codex Catchup #1 OpenAI Dev Day 2026 Sites・MCPの検証 SitesにMCPを 作れるようになった！ ついでに中の仕組みも 調べてみた！ TODOで動作を試し、 DB・認証・公開の仕組みも確認。 MCPを生やして、会話から操作。中の仕組みまでキャッチアップ。 2026.10.03 スナガク（馬場俊輔） 1 / 13
2. Codex Catchup #1 OpenAI Dev Day 2026 自己紹介 スナガク（本名：馬場俊輔 ・ 株式会社 無式） ソフトウェアエンジニア 趣味: 個人開発 サウナ 最近は Codex にハマり中 X: @suna̲gaku 著書: Codexではじめるエージェンティックコーディング 個人開発 AIに気軽に恋愛相談できるアプリ Lovady 忘れ物を防ぐタイマーアプリ Motteke 2026.10.03 スナガク（馬場俊輔） amazon.co.jp/dp/ 4297158604 2 / 13
3. Codex Catchup #1 OpenAI Dev Day 2026 公式ガイド・順次提供 DevDay：SitesにMCPを追加 MCP＝AIからアプリの機能を呼び出すための、共通の接続方式。 サイトを見るだけでなく、会話から中の情報を更新できる。 出典: https://help.openai.com/en/articles/20001547-hosting-a-plugin-with-chatgpt-sites 2026.10.03 スナガク（馬場俊輔） 3 / 13
4. Codex Catchup #1 OpenAI Dev Day 2026 公式情報 Sitesとは？ 対話で作り、プレビューで直し、URLで使ってもらえる。 出典: https://help.openai.com/en/articles/20001339-creating-and-using-chatgpt-sites 2026.10.03 スナガク（馬場俊輔） 4 / 13
5. Codex Catchup #1 OpenAI Dev Day 2026 今回の本番検証 今回の検証：会話からTODOを操作 別のAIの会話 → 専用プラグイン → TODOサイトの /mcp 実測資料: docs/VERIFICATION.md ／ 同じ接続アカウントで検証 2026.10.03 スナガク（馬場俊輔） 5 / 13
6. Codex Catchup #1 OpenAI Dev Day 2026 実装・本番検証 入口は2つ。処理とDBは1つ。 tools/listで発見し、tools/callで操作。 出典: https://modelcontextprotocol.io/specification/2026-07-28/server/tools ／ https://help.openai.com/en/articles/20001547-hosting-a-plugin-with-chatgpt-sites 2026.10.03 スナガク（馬場俊輔） 6 / 13
7. Codex Catchup #1 OpenAI Dev Day 2026 動く仕組み Sites MCPが動く仕組み 専用プラグインを通じて、アプリに実装した処理を呼び出す。 出典: https://help.openai.com/en/articles/20001547-hosting-a-plugin-with-chatgpt-sites 2026.10.03 スナガク（馬場俊輔） 7 / 13
8. Codex Catchup #1 OpenAI Dev Day 2026 同梱Skill調査＋実装 sites-building Skillで動的サイトを作る Skill＝Codexが参照する、作成手順と実装のガイド。 手順と雛形を使い、データを保存・更新するアプリを公開。 一次資料: 同梱 sites-building/SKILL.md・vinext-starter/README.md ／ 今回の実装: site/ 2026.10.03 スナガク（馬場俊輔） 8 / 13
9. Codex Catchup #1 OpenAI Dev Day 2026 同梱手順調査＋公開実測 Sitesの公開：ビルドから本番まで 短期資格情報はGit push用。Wranglerは今回のローカル確認用。 本番の公開はSitesが実行。 一次資料: 同梱 site-workflow.mjs・sites-hosting/SKILL.md ／ 実測: Sites保存・デプロイ結果 2026.10.03 スナガク（馬場俊輔） 9 / 13
10. Codex Catchup #1 OpenAI Dev Day 2026 実装・本番検証 DBを変えても、前のTODOは残る description列を追加して再公開。既存IDとデータを本番で確認。 実測資料: site/db/schema.ts・site/drizzle/・docs/VERIFICATION.md 2026.10.03 スナガク（馬場俊輔） 10 / 13
11. Codex Catchup #1 OpenAI Dev Day 2026 公式情報＋同梱調査 Cloudflareの管理と、Sitesの利用枠 公開ベータはプラン別上限まで利用に含まれる。 出典: https://help.openai.com/en/articles/20001339-creating-and-using-chatgpt-sites ／ Cloudflare管理: 同梱Sites手順 2026.10.03 スナガク（馬場俊輔） 11 / 13
12. Codex Catchup #1 OpenAI Dev Day 2026 公式ガイド掲載例 公式ガイドで確認できた Use Case OpenAI公式ガイドに掲載された4つの活用例。 出典: https://help.openai.com/en/articles/20001547-hosting-a-plugin-with-chatgpt-sites 2026.10.03 スナガク（馬場俊輔） 12 / 13
13. Codex Catchup #1 OpenAI Dev Day 2026 ご清聴ありがとうございました 公開資料はこちら この資料もCodex Sitesで公開。ぜひチェックしてください！ devday-todo-lab.codex-book.chatgpt.site/presentation/ 2026.10.03 スナガク（馬場俊輔） 13 / 13