ChatGPT vs Gemini vs Claude｜同じHTMLを書かせてみたら、見た目は似ているのにコード設計がまるで違った
ChatGPT・Gemini・Claude の3つに、まったく同じワイヤーフレームと要件を渡して、架空のBtoBサービス「カミレス」の1枚LPをHTMLで書かせてみました。ブラウザで開くと見た目はどれも整っているのに、コードを開くと構造・CSS設計・アクセシビリティ配慮まで、3社のキャラがはっきり分かれます。検証シリーズ第4弾、コード領域に踏み込んだ比較記事です。
CATEGORY
AI駆動開発
Claude Code・Codex などのAIを開発に組み込む「AI駆動開発」の記事をまとめています。AIでLP・Webアプリ・資料を作った実体験、AIごとのコードの違い、開発の進め方の変化を紹介します。
記事 10 件
ARTICLES
AI駆動開発の記事
AI駆動開発
AI駆動開発LP制作はAIでどこまで自動化できる？人が担う4つの工程と、実体験の時間比較
GPT Image 2とCodexを組み合わせて、LP制作はどこまで自動化できるのか。実際に手を動かしながら、構成・ライティング・実装・画像生成・改善設計までを工程ごとに分解し、AIに任せられる領域と、人間に残る成果設計の領域を「実体験ベースの時間比較表」付きで整理しました。AI時代のLP制作は、作るから改善するへ重心が移動していきます。
AI駆動開発Claude Fableでアプリを作ってみた。作り手として感じた「AI時代の制作の変化」
話題のClaude Fableで実際にアプリを作ってみました。「LPをSaaSっぽくして」と雑に指示するだけで形になっていく体験を通して、AIで何かを作る人視点で感じた制作現場の変化、AIに任せられる領域と人間に残る領域、これからの“作り手”の価値の置き場所を整理しました。
AI駆動開発AI、もう「コピペで使う道具」じゃない｜Claude Codeを見てたら、開発の景色が変わってきた話
ChatGPTにエラーをコピペして貼り付ける時代が、静かに終わろうとしています。Claude Code をはじめとした「エディタの中に住むAI」は、プロジェクトを丸ごと理解し、複数ファイルを横断し、文脈を覚えたまま長時間作業を続けます。AIが「道具」から「隣で働く同僚」に変わり始めている、その変化の正体を整理します。
AI駆動開発Codex の新機能「Appshots」 Mac で Command 連打すれば、AI が今見ている画面を一瞬で理解する
OpenAI が Codex Thursday で発表した新機能「Appshots」が、地味に効きそうな機能でした。Mac で Command キーを2回押すだけで、いま開いているアプリの画面と中身のテキストを丸ごと Codex に渡せます。バグ報告、デザインレビュー、資料の引用など、コピペで疲れていた現場仕事の多くが一気に楽になりそうだったのでまとめます。
AI駆動開発AIで「猫に餌をあげるだけのサイト」を作ったら、世界中の猫好きが集まった話
AI に頼って作った「feed-the.cat」というサイトが、世界中の猫好きを巻き込んでバズっています。遠隔で本物の猫にエサをあげられるだけのシンプルなサイトですが、AI で作られた個人開発が「話題化」になる時代の入口を感じる事例でした。
AI駆動開発Codexで資料・スライドを作る方法｜パワポ(PowerPoint)/プレゼン資料を自動生成【Marp対応】
Codex はコード生成AIだと思っていたら、スライド資料も作れるという話を見かけたので、実際に作らせてみました。Marpベースで出てきた資料が、思った以上に「構成から考えてきている」内容で、資料作成の概念が少し変わりそうだったのでまとめます。
AI駆動開発AIに同じ指示を10回出したら、全部違うLPが出てきた
同じプロンプトをAIに10回投げたら、想像以上にバラバラなLPが出てきました。デザインだけでなく構成や訴求軸まで違う。「1商品1LP」から「1商品100LP」時代への入り口かもしれません。
AI駆動開発GPT Image 2×CodexでLPを作ってみた｜AIだけでどこまで作れるか試した結果
GPT Image 2とCodexを組み合わせてLPを1本作ってみました。制作時間、クオリティ、修正のしやすさ、そして「人間が必要だった部分」まで現役デザイナーが正直にレポートします。
AI駆動開発GPT Image 2とGPT 5.5で実現するLP制作の革命｜もうデザインツールはいらないかもしれない
GPT Image 2の画像生成とGPT 5.5のコード生成を組み合わせれば、編集可能なLPがAIだけで完成します。従来のデザインツール不要の新しいLP制作フローを解説。