ChatGPTで考えたアイデアを、Codexで実際に動くものへ進める
僕はChatGPTに新しいサービスの相談をするとき、名前や説明文、ページの構成から一緒に考えます。自分の中だけで考え続けるより、思っていることを一度言葉にして、返ってきた案へ「ここは違う」と言うほうが整理しやすいからです。
その場ではかなり進んだ気になったのに、数日たってもサイトは昨日のまま。そんな経験が何度かありました。チャットの中には使えそうな文章がある。でも、お客様に見せられるページにはなっていません。
僕はこの状態になったら、考える時間をもう少し延ばすより、Codexで一度作ってみます。
Codexは、OpenAIが提供している、Webページやアプリを実際に作ったり直したりできるAIです。ChatGPTと同じように日本語で頼めますが、返事を文章で返すだけでなく、サイトを作っているファイルを読み、変更し、ブラウザで表示を見るところまで進められます。
次に何を知りたいかで、使う場所を変える
ChatGPTとCodexには重なる部分があります。ChatGPTへコードを頼むこともできますし、Codexと相談しながら考えを整理することもできます。初級と上級のように分けるものではありません。
僕が目安にしているのは、次に知りたいことです。
サービスの相手や内容をまだ決めきれていないなら、ChatGPTでもう少し話します。逆に、ページにしたときの順番や、スマートフォンでの見え方を知りたいなら、Codexで実物を作ったほうが話が早くなります。
| 次に知りたいこと | 僕がすること |
|---|---|
| 誰に、何を伝えるサービスなのか | ChatGPTで考えを広げ、言葉を整理する |
| この順番でページにすると読みやすいか | Codexで実際のページにする |
| ボタンを押すと正しい場所へ進むか | Codexで動かし、ブラウザで見る |
| できたページの言葉がしっくりこない | 画面を見ながら、もう一度言葉を考える |
2026年8月時点のOpenAI Academyの案内では、ChatGPTをアイデアの整理や計画づくりに使う方法が紹介されています。OpenAI Developersの案内には、Codexで既存のサイトやアプリを作っているファイル（コード）を読み、機能を作り、テストして変更を見直す流れが載っています。
僕自身は、ChatGPTで考えてCodexで作り、画面を見たあとでまた言葉を考える、という順番で両方を行き来しています。
Yourlogでは、会話のあとに何をしたか
このブログをどんな場所にするか考えたときも、最初はChatGPTとの会話でした。
このとき話していたのは、読者に役立つことを第一にしながら、僕の経験や考えをどう入れるかでした。サービスの宣伝ばかりにしないこと、記事ごとに構成を変えること、カバーには実写写真を使うことも、ここで決めました。
方針が決まったあと、CodexにYourlogの実際のファイルを見てもらいました。記事の下書きを作り、写真をWebPという軽い画像形式へ揃え、ブログ一覧から開けるように登録します。それから、サイト全体に問題がないかを調べ、公開用のページを組み立てます。
最後はブラウザで記事を開きます。写真は出ているか。表はスマートフォンでも読めるか。リンクを押すと正しいページへ進むか。文章を考えている間には見えなかった問題が、ここで具体的になります。
ChatGPTで記事の方針が決まった時点では、読者はまだその記事を開けません。僕にとってCodexは、話し合った内容を本当に開けるページへ移すための道具です。
最初は、一か所だけ頼めばいい
Codexを試すために、Webサイトを丸ごと作る必要はありません。
すでにあるサービスページの冒頭だけを読みやすくする。問い合わせボタンの行き先を調べる。スマートフォンで崩れている表を直す。新しい案内ページを、まだ公開せず手元で作る。最初はこのくらいの大きさで十分です。
たとえば僕なら、次のように頼みます。
既存のサービス案内ページの冒頭を、初めて読む人にも内容が伝わるように整えてください。いまの色や全体のデザインは変えません。まず手元の画面で作り、まだ公開はしないでください。修正後は、パソコンとスマートフォンの表示、ボタンの行き先まで確認してください。
この頼み方で僕が意識しているのは、直す場所、良くしたいこと、変えたくないこと、公開するかどうか、最後に見てほしいところです。専門用語を知らなくても、これだけ伝えれば作業を始められます。
Codexが調べた内容を見て、「そのページではない」「色は今のままがいい」「公開は来週にしたい」と追加しても構いません。僕も、最初から一度ですべてを伝えられているわけではありません。
作った画面が、次に考えることを教えてくれる
ChatGPTで考えた案をページにすると、会話の中では気づかなかったことが見えてきます。
説明が長い。最初に料金を出すと唐突に見える。写真が入ると文章の順番を変えたくなる。ボタンを押した先まで見ると、案内が一つ足りない。画面があるから、気になる場所を具体的に言えるようになります。
僕にとって一番大きいのは、考えたものをすぐ形にして、見て、また直せることです。
ChatGPTでサービス案がまとまってきたら、次はページの一部分だけでもCodexで作ってみる。そこで見つかった違和感を、またChatGPTで言葉にしてもいいと思います。
良い案をチャットの中に置いたままにせず、一度画面にしてみる。僕にとっては、そこから先がAIを仕事に使う面白いところです。
考えたサービスを、実際のページにしてみたい方へ
AIバイブコーディング1日講座では、サービスの内容を整理したうえで、実際のページや仕組みを作ります。企画に合わせて、その日にどこまで試すかを決め、できた画面を見ながら一緒に直していきます。