ChatGPT6以降の新たな開発体験_.pdf

Transcript

1. 2026.09.13 / LIGHTNING TALK CDLE AI プログラミング サポーター ChatGPT6以降の 新たな開発体験 Shoji Hirano GitHubを中心に、企画・実装・レビューを循環させる。 ChatGPT Work 企画・設計 GitHub Codex plan → ChatGPT Chat build → 実装 review レビュー・相談 branch / pull request / diff 修正はまたWorkへ戻す 01 / 07
2. 今日話すこと ChatGPT6以降の開発を、企画・実装・レビューの役割分担で整理します。 01 自己紹介：バックボーンと LTの視点 02 結論：AI開発は「役割分担」でコスパが変わる 03 Site / MockAppで企画・設計を固める 04 Codex実装 × GitHub PR × Chatレビュー 8分LTなので、注意点・補足よりも「使い分けの流れ」に絞る構成。 Agenda 02 / 07
3. 自己紹介： CDLE AI プログラミング サポーター / Shoji Hirano Background 01 CAREER 営業 → インフラ運用・情シス支援 → DX推進 02 AUTOMATION Python / VBA / RPAで、定型作業を自動化 03 FOCUS AI Agent / Codex / GitHub PR / Chatレビュー “ 面倒な作業は、だいたい自動化したい。” 自己紹介 PROJECTS 🧪ML Visual Lab LINKS GitHub: SioComb | X: @SH16646329 03 / 07
4. AI開発は「役割分担」でコスパが変わる 企画・設計・実装・レビューをCodexだけに任せると、実装に不要な文脈まで抱え込みやすい。 BEFORE AFTER Codexだけで開発すると 役割を分け、必要な文脈だけ渡す 役割分担 Codex 企画・設計 / 実装 / レビュー Work 企画・設計・MockApp Codex 実装・PR作成 Chat レビュー・相談・修正案 文脈が肥大化する トークン消費が増える AIごとに役割を分け、実装AIには「実装に必要な文脈」だけ渡す 結論 04 / 07
5. Site / MockAppで「触る仕様」にする 文章だけで固めず、動くMockAppで企画・設計をレビューしやすくします。 01 Idea やりたいことを整理 02 → Site 03 → 実際に動くMockAppを作成 共有・レビュー コードを Zipファイルでもらう or PRしてもらう “見る仕様 ” から “触る仕様 ” へ 文章だけでは見えない「体験のズレ」を、 MockAppで先に見つける 企画・設計 05 / 07
6. MockAppなら、Workで簡単に形にできる 完成品ではなく、合意形成のための「動く設計図」として使います。 01 — 見せる 02 — 伝える 03 — 決める 画面 説明 仕様 レイアウト 対象レベル 状態管理 ボタン 用語説明 データ構造 グラフ 注意書き 操作条件 アニメーション 学習導線 完成基準 MockApp＋設計書にすると、Codexへ渡す文脈が整理される 企画・設計 06 / 07
7. 主役は Codex と ChatGPT Chat GitHubは受け渡し場所。Workの設計を起点に、実装AIとレビューAIでサイクルを回します。 設計書・MockApp ChatGPT Work：設計を作る Codex 設計・Issue PR / diff 開発・PR作成 GitHub ・設計を実装に落とす コード・PR・diff レビュー・相談・修正案 ・PR / diff を読む ・論点を整理して相談 ・branch / PR を作る ・レビュー指摘を反映 ChatGPT Chat PR作成 修正案 ・次の修正方針をまとめる 実装は Codex、レビューは ChatGPT Chat。GitHubに残したPR・diffを中心に回す。 Workはサイクルの外側で、最初に渡す設計を整理する役割。 実装・レビュー 07 / 07