読み方の1ポイント
目的、対象、確認項目を分けて読む
このページでは、Codex作業を安全に進めるための考え方を整理します。実行前に、対象、触らないもの、確認項目を分けて見ると迷いにくくなります。
このページも、全部を一度に覚えないとダメ？
必要なところから読めば大丈夫です。作業前に対象と停止条件、作業後に確認項目を見ると安全です。
結論
Codexがなくても、ChatGPTだけでホームページは作れます。ChatGPTにページ構成、HTML、CSS、説明文、FAQ案を作ってもらい、人間がファイルとして保存し、FTPやサーバーのファイルマネージャーでアップロードする流れです。
一方で、ChatGPTだけの場合は、既存ファイルの確認、上書き前の判断、CSS読み込み確認、リンク切れ確認、sitemap.xml更新、公開後の表示確認を人間が進める必要があります。Codexを使う場合は、既存フォルダやファイルを確認しながら、修正、公開前チェック、報告書作成まで依頼しやすくなります。
この記事は2026年5月時点の情報をもとにしています。最新の仕様・料金・対応プランはOpenAI公式情報をご確認ください。当サイトはOpenAI公式サイトではありません。Codexの使い方を実体験ベースで整理する非公式ガイドです。
ChatGPTだけでホームページを作る流れ
構成を作る
トップページ、サービス紹介、FAQ、問い合わせ案内など、必要なページと役割をChatGPTで整理します。
HTMLとCSSを作る
index.html と assets/css/style.css のように、ファイル名と保存場所を決めてコードを作ってもらいます。
サーバーへアップする
FTPソフトやサーバーのファイルマネージャーで、作ったファイルを公開ディレクトリへアップロードします。
公開後に確認する
ブラウザ表示、スマホ表示、CSS読み込み、title、description、canonical、robots、リンク切れを確認します。
robots.txt や sitemap.xml もChatGPTに作成を頼めますが、公開URLが正しいか、Search Consoleへ送信できる状態かは人間が確認します。ChatGPTだけでホームページを作る手動手順は、ChatGPTガイド側の記事でも整理しています。
ChatGPTだけで作る時に残る作業
ChatGPTはコードや手順を作れますが、通常のチャットだけではサーバー上の既存ファイルを直接読んだり、保存やアップロードを代わりに実行したりするわけではありません。次の作業は人間側に残ります。
- HTML / CSS をファイルとして保存する
- アップロード先フォルダを確認する
- 既存ファイルをバックアップする
- 上書きしてよいファイルか確認する
- ブラウザで表示確認する
- スマホ表示で崩れていないか確認する
- 内部リンクや画像パスを確認する
- sitemap.xml と Search Console 登録を確認する
Codexを使うと何が変わるか
Codexを使うと、既存サイトのファイル構成や関連ファイルを確認したうえで、必要な範囲だけを修正する進め方が取りやすくなります。特に既存CSSに合わせる、sitemap.xmlにURLを追加する、canonicalやnoindexを確認する、作業後に変更ファイルを報告する、といった作業で違いが出ます。
Codexで楽になること
- 既存フォルダやファイルの確認
- 修正対象ファイルの特定
- 複数ファイルの関係確認
- 本番反映前チェック
- sitemap / robots / canonical 確認
- 作業報告書の作成
それでも人間が見ること
- 公開してよい情報か
- 本番反映してよいか
- 重要アカウントや秘密情報の扱い
- 公式仕様や料金の最終確認
- AdSense / Search Console の最終判断
- 大きな変更の許可
ChatGPTとCodexの役割分担
| 担当 | 向いている作業 | 注意点 |
|---|---|---|
| ChatGPT | サイト構成案、ページタイトル案、本文の方向性、説明文の下書き、SEOキーワード整理、Codexに渡す指示文作成 | 出力されたコードは、人間が保存・確認・アップロードする必要があります。 |
| Codex | 既存ファイル確認、HTML / CSS / PHP 修正、sitemap.xml更新、robots確認、canonical確認、公開前チェック、作業報告書作成 | 触ってよい範囲、触らないファイル、停止条件を先に指定します。 |
| 人間 | 何を作るか、どのサイトを触るか、公開してよい情報か、本番反映してよいか、秘密情報の扱い | 最終判断と公開後の実画面確認は人間が行います。 |
Codexが使えない人におすすめの作り方
- まずは1ページだけ作る
- HTMLとCSSを分ける
- サーバーのファイルマネージャーでアップする
- 難しければWordPressの記事として始める
- 問い合わせフォームやDBは後回しにする
- 最初は静的HTMLサイトで小さく始める
Codexを使った方がよいケース
既存サイトを修正する、複数ページをまとめて整える、既存CSSに合わせる、sitemapやrobotsを更新する、WordPressからコード版へ移行する、本番反映前確認を細かくしたい、作業報告書を残したい、といった場合はCodexを使う価値が高くなります。
ただし、DB削除、.htaccess変更、重要な共通部品変更、メール送信設定、決済、個人情報やAPIキーの扱いは、Codexに任せすぎない方が安全です。必要な場合も、バックアップ、停止条件、人間確認を先に決めます。
Codexに渡す指示文テンプレート
既存サイトを修正する時は、いきなり変更させず、まず調査と修正案だけを頼むと安全です。
既存サイトの1ページを修正したいです。
まず対象ファイルと関連ファイルを確認し、修正案だけ出してください。
この段階では本番ファイルを変更しないでください。
確認してほしいこと
・対象ファイル
・title / meta description
・canonical
・robots
・CSS読み込み
・内部リンク
・sitemap掲載
禁止事項
・.htaccess変更禁止
・DB変更禁止
・既存ページ削除禁止
・秘密情報表示禁止
最後に、変更が必要なファイルと最小修正案を報告してください。安全に進めるための注意点
ChatGPTだけでもCodexを使う場合でも、AIに最終判断を丸投げしないことが大切です。料金、プラン、公式仕様、対応環境は変わる可能性があるため、必要に応じてOpenAI公式情報を確認してください。重要な公開作業では、変更後に必ずブラウザで表示確認します。
- 公開してはいけない内部情報を本文に入れない
- サーバーパス、IPアドレス、ログイン情報、APIキーを書かない
- 上書き前にバックアップを取る
- 大きな変更は小さく分ける
- 重要な予定や公開作業は人間が最終確認する
関連ページ
まとめ
ChatGPTだけでもホームページは作れます。ただし、手動保存、アップロード、既存ファイル確認、公開後チェックは人間が行います。Codexを使うと、既存サイトの確認、修正、公開前チェック、報告まで進めやすくなります。
初心者は、まずChatGPTで小さな静的HTMLサイトを作り、慣れてきたらCodexで実装支援や既存サイト修正を使うと進めやすいです。どちらを使う場合も、最終判断と本番確認は人間が担当します。