Codexとは？Web未経験者ができることと任せ方を整理

Webサイトを作りたいと思っても、未経験者には最初の一手が分かりません。私も、ファイルの名前や公開方法をほとんど知らない状態から始めました。

ChatGPTへ質問すればコードは返ってきます。ただ、そのコードをどこへ置き、何が壊れていないか確かめる作業は残ります。私がCodexに興味を持ったのは、説明を受けるだけでなく、手元のプロジェクトで実際に作業してもらえるからでした。

Codexは、コードを書くためだけのチャットではありません。選んだプロジェクトのファイルを読み、変更し、テストやビルドを行い、何を変えたか報告できるコーディングエージェントです。

2026年8月25日に確認した情報

OpenAIのCodexクイックスタートとCodex CLIの公式資料を確認しました。利用できる機能や画面は変わるため、導入時は公式情報を優先してください。

「コードを答えるAI」と何が違うのか

質問へコード例を返すだけなら、利用者がコピーして自分で配置します。Codexは、作業対象として選んだフォルダを読み、既存の構成に合わせて変更できます。

このサイトで記事を追加するときは、本文のMDXファイルだけを増やせば終わりではありません。タイトルやカテゴリの形式をそろえ、内部リンクを確認し、公開用のページが生成できるか検査します。Codexには、その一連の作業をまとめて頼めます。

公式のCodex画面でも、コードベースの理解、新機能の実装、レビュー、問題修正が主な用途として案内されています。

AI副業実践ノートでは、次の作業にCodexを使いました。

速かったのは、変更するファイルを探す作業です。私は「記事ページの冒頭を直したい」と伝え、Codexは共通レイアウトと記事本文のどちらを変えるべきか調べました。

一方、文章の気持ち悪さは自動検査では見つかりませんでした。公開画面を読んだ私が違和感を言葉にし、Codexへ修正を戻しています。作業は任せられても、良し悪しの基準まで消えるわけではありません。

ここからは架空の例です。

営業職の会社員・ユウさんが、知人の店の1ページサイトを練習で作ったとします。スマートフォンでは料金表が横にはみ出しますが、どのCSSが原因か分かりません。

この場合、次のように依頼できます。

スマートフォンで料金表が横にはみ出します。
原因を調べ、既存の色と文章は変えずに修正してください。
変更後は幅375px相当の表示を確認し、触ったファイルと理由を説明してください。

「直して」だけで終わらず、残すものと確認条件を書いています。結果が合っているかをユウさん自身が画面で確かめられる依頼です。

最初からサイト全体を丸投げすると、見た目は完成しても、どこが正しいのか判断できません。私はこのサイトを一度に公開まで進めましたが、その後に日付、プロフィール、広告表記、文章を何度も直しました。

初めて使うなら、結果を目で確認できる仕事から始めるほうが安全です。

依頼には「変えたいこと」「残したいこと」「終わったと判断する条件」を入れます。これだけでも、曖昧な修正が減ります。

Codexはファイルを変更し、環境によっては外部サービスと連携できます。便利な分、権限の扱いは軽く考えられません。

私はGitHub、Cloudflare、広告サービスへのログインや本人確認を自分で行いました。パスワードや広告管理画面の情報を記事ファイルへ保存していません。公開や外部への送信が必要な場面では、対象を読んでから許可しました。

変更前の状態をGitへ残し、差分を読み、ビルド結果を確認する。この三つを習慣にすると、合わない変更を戻しやすくなります。

企画がまだ曖昧なら、会話しながら考えを整理できるChatGPTが使いやすい場面があります。修正したいファイルや完成条件が見えているなら、Codexへ作業を渡せます。

実際には役割が重なるため、きれいに二分する必要はありません。このサイトでは、企画や文章の相談にChatGPTを使い、プロジェクトの変更と検査をCodexへ任せました。ChatGPTとCodexをどう使い分けたかで、同じ制作工程に当てはめて説明しています。

自分でも一つ作ってみたい人は、CodexでWebサイトを作る6つの工程へ進んでください。私がWeb未経験からこのサイトを公開した経緯は、Codexでアフィリエイトサイトを作った記録に残しています。