AI coding guide for practical website work

Codexでできること

Codexは、コードを書く人だけでなく、小規模サイトを運営する人にも使いやすい作業相手になります。

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

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

まなぶちゃんがCodex作業の読み方を確認しているイラスト GPTガイドくんがCodex作業の確認ポイントを説明しているイラスト

読み方の1ポイント

目的、対象、確認項目を分けて読む

このページでは、Codex作業を安全に進めるための考え方を整理します。実行前に、対象、触らないもの、確認項目を分けて見ると迷いにくくなります。

まなぶちゃん

このページも、全部を一度に覚えないとダメ?

GPTガイドくん

必要なところから読めば大丈夫です。作業前に対象と停止条件、作業後に確認項目を見ると安全です。

目的を見る注意点を見る確認する

活用例

  • HTMLページの追加と共通CSSの調整
  • title、meta description、canonicalの確認
  • 内部リンク切れの確認と修正
  • GitHub PRの作成補助
  • 既存コードの読み解きと改善提案

ホームページ制作での使い方

小規模情報サイト、企業サイト、個人ブログ、SEO用の静的サイトでは、ページ構成の整理、テンプレート化、sitemap作成、スマホ表示の調整などをまとめて依頼できます。

確認作業

公開前は、ステータスコード、SSL、wwwの挙動、robots.txt、sitemap.xml、内部リンク、未完成文言の有無を確認すると安心です。

Codexでできることの全体像

Codexは、単にコードを書かせるだけの道具ではありません。実務では、既存ファイルを読んで調査する、修正案を作る、HTMLやCSSを編集する、PHPの構文や入力チェックを確認する、公開前のSEOタグを点検する、といった一連の作業に使えます。

特にコード版サイトでは、1ページ追加、共通CSS調整、sitemap.xml更新、robots.txt確認、Search Console前のURL点検までをまとめて依頼しやすいです。ただし、公開判断や料金・公式仕様の判断、秘密情報の扱いは人間側で確認します。

サイト制作で任せやすい作業

  • HTML / CSS の修正と既存デザインへの合わせ込み
  • PHPファイルの構文確認や入力チェック観点の整理
  • title、meta description、canonical、robots の確認
  • sitemap.xml の作成・URL数照合・200 OK確認
  • robots.txt のSitemap行とDisallow確認
  • 問い合わせフォーム作成時の安全確認項目の整理
  • WordPressサイトをコード版へ段階移行する時の調査
  • GitHub連携、差分確認、PR作成補助
  • 作業報告書とロールバック手順の整理

Codexに任せない方がいい作業

DB削除、DNS変更、メール設定変更、.htaccess変更、WordPress本体の削除、APIキーやログイン情報の扱いは、影響範囲が大きいため慎重に分けます。Codexには調査やチェックリスト作成を頼み、実作業が必要になりそうなら停止条件として報告させる方が安全です。

実務で使う確認チェックリスト

  • 変更対象ファイルが明確か
  • 触らないファイルを指定したか
  • 公開URLが200 OKか
  • CSSが読み込まれているか
  • canonicalが自己URLか
  • noindexメタが入っていないか
  • sitemapとrobotsの確認をしたか
  • バックアップと戻し方を報告したか

関連する実践ガイド

よくある質問

Codexの仕様は固定ですか?

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

初心者でも使えますか?

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