AIサイト群 / ChatGPT司令塔 / 作業別AI分担

AI作業でGitHubを使う理由

AIが作った変更ほど、あとから見直せる差分と戻せる履歴が大切です。

GitHubはAI作業の安全装置

AI作業では、変更内容が広がったり、意図しないファイルに触れたりすることがあります。GitHubでbranch、diff、PR、rollbackを使うと、作業の入口がChatGPTでも、実装がCodexでも、最後に人間が確認しやすくなります。

このページでできること

ChatGPT一本で進めるメリットと、作業別にAIを使い分けるメリットを比較し、AIサイト群でどのページを読めばよいかを整理します。

結論は「入口はChatGPTに寄せる。ただし、実装・素材・設計・資料整理・安全確認は専門AIや専用ツールへ振り分ける」です。

ChatGPT一本に寄せるメリット

相談、方針、記憶、次の指示が一か所にまとまりやすい。
作業の背景や判断理由を言葉にしやすい。
Codex、Canva、Figma、Geminiへ渡す前の依頼文を作りやすい。
AIサイト群全体の運用思想を整理しやすい。

AIを使い分けるメリット

Codexは実装、GitHubは差分管理、Canvaは素材、Figmaは設計というように、得意分野へ任せられる。
ひとつのAIに判断と作業を集中させすぎず、確認点を分けられる。
公開前チェック、Secrets確認、権利確認を工程として組み込みやすい。
作業内容ごとに、止める条件と報告形式を明確にできる。

AIツールの役割分担表

AI/ツール	得意なこと	向いている作業	向いていない扱い
ChatGPT	相談、方針整理、記憶、正文、次のオーダー作成	入口、司令塔、作業前の言語化	実装、差分管理、素材制作、安全確認を全部背負わせること
Codex	HTML/CSS、既存ファイル編集、内部リンク、公開前チェック	ChatGPTで整理した/GOALを実装へ進める	Secretsや認証情報を渡すこと
GitHub	diff、PR、rollback、履歴管理	AI作業の変更を見える形で管理する	main直pushや確認なしのmerge
Canva	画像、バナー、サムネイル、LP素材	ページに使う見た目の素材を作る	公式ロゴ、権利不明素材、公式画像の流用
Figma	設計、ワイヤーフレーム、UI、スマホ幅確認	Codexへ渡す前に見た目と構造を整理する	設計だけで公開品質まで保証した扱いにすること
Gemini	Google Drive、Spreadsheet、資料整理	Google系の材料をまとめて次の作業へ渡す	共有範囲や個人情報を確認せず扱うこと
Copilot	Microsoft/GitHub周辺の作業補助	環境に合う場合の開発補助候補	必ず必要なAIと断定すること
HAL	Secrets、個人情報、AI過信、公式誤認の確認	公開前に止める役、安全確認の入口	安全確認を省くこと

やらないこと

ChatGPTだけで全作業が安全に完了すると断定しない。
Codexや特定AIが万能だと書かない。
SEO効果、CV、問い合わせ増加、検索順位を保証しない。
公式ロゴ、公式画像、公式スクリーンショットを使わない。
APIキー、token、Secrets、.env、認証情報、DB情報、顧客情報、個人情報を掲載しない。

AIサイト群の横断ページ

gptguide.jp/ai-tool-or-chatgpt-main/AIは使い分けるべきか、ChatGPT一本で進めるべきか chatgptguide.jp/chatgpt-as-ai-command-center/ChatGPTをAI作業の司令塔にするには codexguide.jp/codex-from-chatgpt-order/ChatGPTで考えてCodexで作業する流れ githubguide.jp/github-ai-work-safety-hub/AI作業でGitHubを使う理由 canvaguide.jp/canva-ai-material-role/CanvaはAI作業で何に使うか figmaguide.jp/figma-ai-design-role/FigmaはAI作業で何に使うか geminiguide.net/gemini-ai-material-organize-role/GeminiはAI作業で何に使うか hal9000.sbs/ai-tool-safety-role/AIツールを使い分ける時の安全注意

公式情報で確認した前提

CodexはOpenAIのCodexドキュメント、ChatGPTの記憶はOpenAI Help、GitHub Copilot cloud agentはGitHub Docs、Gemini CLIはGoogle for Developers、FigmaのDev ModeはFigma Help、Canva Apps SDKはCanva Developersの一次情報を確認し、ここでは料金や提供条件の断定ではなく役割分担に限定して整理しています。