きりん保育園のロゴ

きりんのようにゆるやかに
一歩ずつ歩んでいこう

WEBFLOW × GENERATIVE AI

Claude CodeでPairsサイトを作ってみた

生成AIに制作を依頼し、完成した作品と制作結果を実際に操作しながら確認できるページです。

Claude Code版 Pairs模倣サイト

使用AI:Claude Code制作形式:HTML / CSS / JavaScript検証日:2026.07.17

Claude Codeへ同じPairs模倣サイトの制作を依頼しました。実装方法や完成イメージが他のAIとどう異なるかを検証します。

Claude Codeの検証結果

実在サイトの丸写しはできないと明確に伝えたうえで、サービス名・対象者・訴求ポイントという最低限のコンセプトをこちらに確認してきました。条件を伝えると、すぐに複数ページのサイトを設計し、HTML・CSS・JavaScriptをファイル形式で作成してくれました。ページ構成やデザインコンセプトにも一貫性があり、「コードに強いAI」と聞いていたことへの納得感がありました。オリジナルサイトを本格的に制作する場面で特に使いやすいと感じました。

作品プレビュー

別画面で開く

※作品が表示されない場合は、作品フォルダ内に index.html があるか確認してください。