AI coding guide for practical website work

ChatGPTでホームページを作る方法

ChatGPTは企画や文章整理、Codexはファイル編集や確認作業に向いています。両方を分けて使うと、ホームページ制作が進めやすくなります。

当サイトはOpenAI公式サイトではありません。Codexの使い方を実体験ベースで整理する非公式ガイドです。

この記事は2026年5月時点の情報をもとに整理しています。Codexの料金、対応プラン、アプリ、CLI、GitHub連携などは変更される可能性があります。最新情報はOpenAI公式情報をご確認ください。

役割分担

  • ChatGPT: サイト構成、見出し案、文章案、FAQ案
  • Codex: HTML/CSS作成、内部リンク、SEOタグ、公開確認
  • 人間: 事業内容、表現の正確性、最終判断

制作の流れ

1

構成を作る

必要なページと各ページの役割を整理します。

2

文章を整える

読み手の不安や検索意図に合わせて本文を作ります。

3

Codexで実装

HTML、CSS、sitemap、robotsを生成します。

よくある質問

Codexの仕様は固定ですか?

固定ではありません。利用できる機能、プラン、CLIやアプリの挙動は更新される可能性があるため、作業前にOpenAIの公式情報を確認するのが安全です。

初心者でも使えますか?

使えます。ただし、作業フォルダ、編集権限、Gitの扱い、秘密情報の管理は最初に整理しておくと安心です。