#399 Codex・Claude Codeでサイトを作り比べてみた。完成度を左右するのはAIではありませんでした

2026年5月29日 08:09

CodexとClaude Codeで同じウェブサイトを作り比べて気づいたこと。情報をいっぱい渡したのに、なんか見たことのあるようなサイトになってしまいました。

こんにちは、ちーみつです。

最近ChatGPTの画像生成がすごくいい感じだったので、Codexで画像を含めてウェブサイトを作ってみて、Claude Codeでウェブサイトを作り比べてみました。

同じ条件で2つに依頼した

題材は、架空のブックカフェの紹介ページです。

ターゲット、目的、強み、デザインの雰囲気など、必要な情報を入力して、それぞれのAIに作ってもらいました。

入力する情報はChatGPTに作ってもらって入力。

Codexは画像生成もしてくれるので、それを活かした制作ができるかなと期待していました。

Claude Codeは画像を生成できないので、Codexが生成した画像を流用しました。
でも画像を置く場所にどんな画像が必要かが書かれていました。

左からCodex、Claude Code。

情報をいっぱい入れたのに、なんかよくあるAIが作ったページになってしまい、正直期待はずれでした。

Codexは、細かい情報がなくても「これぐらいは作れるだろう」という見た目でした。

Claude Codeで作ったものは、テンプレート感はありますがCodexよりはマシかな…という程度でした。

最初に世界観やビジュアルモチーフを決めたにも関わらず、それらを無視して進めてしまったのが、よくあるAIが作るページになってしまう原因でした。

そこで決めたデザインコンセプトなどのテキストファイルを作成し、その都度ファイルを確認しながら進めてもらうことにしました。
けどテキストファイルを作ったのはCodexだけでした。

そして別のサイト生成で試したのがこちら。

Claude CodeとCodexのどちらでも、最初に決めたコンセプトや世界観を守らせるには、ブレさせない仕組みが必要でした。

どのAIを使うかより、最初に決めたコンセプトをAIがちゃんと参照できているかどうかが問題でした。

今回わかったのは、作る前にビジュアルのコンセプトや世界観をテキストに書き出して、AIがその都度確認できる状態にしておくことが大事だということです。

情報をいっぱい渡しても、それが最後まで参照される仕組みになっていないと、AIはどこかの時点でそれを忘れてよくあるページに戻っていきます。

AIでサイトを作るときは、ぜひコンセプトファイルを最初に作ってみてください。

最後まで読んでいただきありがとうございます。

今回使ったプロンプトはメルマガ登録で受け取れます。
無料なのでぜひ受け取ってください。
↓

メルマガではAIの活用や試したことなどを発信しています。
投稿の内容に不定期で追記してます。
登録していただいた方へ、私が使って便利だと思ったものをプレゼントしています。
よろしければ一覧をご覧ください。

AIを使ったウェブ制作の試行錯誤に、こちらの3本もあわせてどうぞ👇