すべてのバイブコードされたウェブサイトは異なる言葉で同じページです。だから、私はそれを作りました。

220日前原文(vibe-coded.lol)

概要

{{COMPANY_NAME}} はAI技術を活用し、スタートアップ業界に革新をもたらす企業
迅速な開発 とユーザー中心のサービス提供を掲げる
AIによる自動生成 やユーモアを交えた開発スタイルが特徴
顧客の声や実績データ もユニークに紹介
問い合わせやサポート体制も充実

会社紹介

{{COMPANY_NAME}} はスタートアップ支援に情熱を注ぐ企業
最先端AI技術 を駆使したイノベーティブなソリューション提供
創業者{{CEO_NAME}} が率いるチームによる世界水準のサービス
ユーザーの期待を超えるプロダクト開発
変化を恐れず、スピード重視の開発姿勢

開発スタイルと哲学

「とりあえず動けばOK」 の精神でAIにコード生成を依頼
コーディング学習の手間を省き、 ChatGPTやClaude へ「make me a website」と入力するだけ
プロンプトエンジニアリング が新たなプログラミング論争の火種
コードの意味を理解せず、出力をそのままコピペする開発フロー
バグが出ても AIに丸投げ修正依頼、根本原因は気にしない
設計・テスト・ドキュメント無視 でAIの勘に頼る

Tailwind CSS風味のジョーク

「 Tailwindが足りない」という指摘に、風に揺れる尻尾のイラストで対応
角丸・シャドウ を加えるだけで「ほぼTailwind」と主張

セキュリティ注意喚起

静的サイトにも関わらずパスワード流出 （例: hunter2）
HTTPS使用 で安心感を演出
OAuth未理解によるAI任せの認証実装

プロジェクト構成

ファイル名が乱立 するカオスなディレクトリ構成
- index.html
- index-working.html
- index-revised.html
- debug-site-on-mobile-issue.sh
- DEBUGGING-RESULTS.md
- CLAUDE.md
- INSTALLATION-INSTRUCTIONS.md
- css/
バージョン管理で「罪」もコミット

リソースとリンク

AI自動生成のナビゲーション によるリンク切れ多発
見た目のプロフェッショナルさ を重視

顧客の声

「 ランディングページがプロっぽくて即購入。ドキュメントは読まない」 — Sarah M. CEO at {{CUSTOMER_COMPANY_1}}
「 グラデーションボタン で未来を確信、即本番環境へ」 — Michael R. CTO at [Object Object]
「 未定義のソリューションでROIがnull%向上」 — Jennifer K. Founder at TechCorp Solutions Inc.
- ※すべて GPT-3.5による自動生成、実在の人物とは無関係

実績データ

99.9%稼働率 （localhost動作時）
10倍速開発 （本格的なコーディング学習比）
バグ無限大 （テストせずにイテレーション）
420% AIパワー （意味は不明）
売上0ドル （意図的なプリ・レベニュー）
NaN%顧客満足度 （顧客ゼロで算出不能）
開発者1名 （Claudeは社員カウント外）
69回のプロンプトで完成

画像とビジュアル

AI生成ストックフォト やUnsplashの画像を多用
「プロっぽさ」を演出するためのランダム画像

お問い合わせ

{{CONTACT_EMAIL}} への連絡推奨
{{OFFICE_ADDRESS}} での来訪歓迎
{{TEAM_SIZE}}名の専任スタッフ がサポート
{{CALL_TO_ACTION}} への対応体制

開発者の本音

ChatGPTプロンプト作成の腕前 を自信満々にアピール
「 コードは読んでいないが動くからOK」
「Full Stack Developer」 を堂々と履歴書に記載
+1-555-PROMPT-ME でのコンタクトも受付

Hackerたちの意見

いくつかの脆弱性を忘れてるよ。なんか、全体的に不完全な感じがする。冗談はさておき、誰とは言わないけど、人気のあるバイブコーディングプラットフォームのトップページには、いくつかのプロモートされた実際のプロジェクトがあって、ほとんど全てに大きなセキュリティホールがあるんだよね。クリックジャッキングのことを言ってるわけじゃないけど。

└

了解、追加したよ。https://vibe-coded.lol/#security

この噂のバイブコーディングされたウェブサイト、2010年代のテックスタートアップのウェブサイトにそっくりだね。うーん、LLMはどこでこんなウェブサイトのアイデアを得たんだろう。

LLMってタイムトラベルできるのかな？だって、2013年にこんなクッキーカッターのウェブサイトを作ったみたいだし。

└

君のコメントを見て考えさせられたよ。たぶん、トレーニングデータには2013年のウェブサイトがたくさん含まれてるんだろうね。それに、自己運転車のトレーニングデータは、人間の運転に基づくものがどんどん少なくなって、他の自己運転車の動きに基づくものが増えていくのかな？

└

自分のポートフォリオページをデザインするのが面倒で、他の人と同じテンプレートを使ってるウェブ開発者を思い出したよ。

└

その通りだね。なんでこのサイトのクリエイターはLLMを批判して、最初にLLMが学習した一般的なクソみたいなものを批判しないのか、全然わからないよ。

└

現代のshow hn / hn 2025バッチのSaaSサイトはみんな同じように見えるし、「デザインがすごく好き！」って言う人が多いけど、何のデザイン？ただのframer.comのテンプレートと、どのSaaSスタートアップのダッシュボードも同じだよ。私はそれで全然構わないけど、今が2013年と違うなんて言わないでほしいな。

pxehostのサイトをバイブコーディングしたよ - https://pxehost.com テキストコンテンツはほとんど手書きだけど、スタイルや構造はバイブだね。$20以上のプランのCodex CLIを使ったよ。最初のショットは最終結果にかなり似てたけど、調整やテストがたくさん必要だった。

└

たぶん数時間の作業でこれができるなら、すごく良いね。pxehostをうまくアピールしてる。

└

このソフトがDHCPサーバーを動かすってこと、もっと目立たせた方がいいよ。ローカルマシンでこれを動かすと、ネットワークがめちゃくちゃになる可能性があるから、どこかに警告を入れた方がいい。デフォルトゲートウェイやDNSをどうやって決めるの？

└

正直、これはvibe codingの良い例だね。ウェブサイトじゃないプロジェクトのためのスプラッシュページを作るのはいいアイデアだ。

静的なパンフレットウェブサイトを作るのに、なんでコーディングスキルが必要なんだろう？

└

同意だね。でもAIは必要ないと思うよ。過去にWeeblyを使ったことがあるけど、テキストを入力して、画像を選ぶだけで終わりだったから。

誰かがピークBootstrapを経験してないみたいで、それが見えるね。:p 古いものは新しいものになるってことだね。（それに、ちょっとしたインスピレーションをプロンプトに加えるだけで、LLMがデザインしたウェブサイトからもっと多様性が得られると思うよ。）

└

「Tailwindでウェブサイトをブートストラップして、でも実際のブートストラップみたいに見えるようにして」

└

クリエイティブな人はモチベーションがあるし、モチベーションがあれば自分が何を求めているかを正確に説明できる。もし自分が求めていることを正確に説明する時間を取れれば、最も効率的な方法はコードを使って説明すること。コードで説明できれば、欲しいものが手に入る。正直、LLMを使うためのベストなハックだと思うよ。自分が欲しいものを求める言語で正確に書けば、反応は毎回即座に完璧だよ。

LLMは特定のスタイルにデフォルトでなるみたいだね。俺は「即興ウェブサーバー」を作って、パスに基づいてサイトを計画・生成するんだけど、ホスティングして数百の生成されたサイトを見たら、どれも似たような感じになってた。まあ、予想通りかな？でも、人間のデザイナーがどれだけ差別化しようとするかは面白いね。 https://github.com/jasonthorsness/ginprov https://ginprov.com

└

これを試してみたけど、君の言う通り、スタイルがあるね。でもまず、これめっちゃいいし、楽しい！よくやった！システムのプロンプトやトレーニングデータは多分マーケティングサイトに焦点を当ててるんだろうけど、設定ページやキャンバスゲームは作れなかったみたい。でも、キャンバスゲームの作り方を教えてくれるサイトは作ってくれたよ :) プロンプトを作るためのパスをどうやって補間してるのかな？（まだコードは確認してないけど…）

LLMが自動補完したウェブサイトの適切なパロディには、壊れたリンクや誤ったリンクがたくさん必要だよね。

└

私たちについて：スタートアップに情熱を持っていて、お客様を大切にしているとかの説明。でも、ビジネス名や人名、連絡先はなし。

└

ほんとその通りだね。 https://vibe-coded.lol/#broken-links

hunter2のジョークを思い出すと、またbash.orgが恋しくなるなぁ。

このウェブサイトは、クッキー、localStorage、sessionStorage、IndexedDB、WebSQL、ブラウザフィンガープリンティング、キャンバスフィンガープリンティング、そして多分お母さんの旧姓を使って、あなたの行動をすべて追跡してるよ。このデータは847の信頼できるパートナーと共有していて、広告主やデータブローカー、ケイマン諸島の怪しいスタートアップ、そしてレコード1件あたり$0.003を払う用意がある人たちが含まれてる。「すべて受け入れる」をクリックすると、私たちがあなたのデータを売ることに同意したことになるよ。「すべて拒否」をクリックすると、それでも私たちがあなたのデータを売ることに同意したことになる。「カスタマイズ」をクリックすると、あなたが選択肢があるふりをしながら、私たちはまだあなたのデータを売るよ。誰かがクッキーバナーはどこにあるの？って聞いてたけど、ここにあるよ。完璧だね。

ハクソク