動くLPが1時間で3パターン！AIでホームページ制作が変わった

今回は「AIを使って動きのある自己紹介LPを作ってみた話」というテーマでお届けします。

「自分のホームページやLPを作ってみたいけれど、デザインもコーディングも難しそう…」そんな常識が、AIの進化によって一気に塗り替えられました！今回、相談を受けた方のサンプルとして、スクロール連動アニメーションが付いた「動きのある自己紹介LP」を制作したところ、1時間足らずで異なる3パターン（＋4色のカラー切り替え機能付き）が完成してしまいました。

ポイントは、ChatGPTで「参考デザイン×本人の写真」を掛け合わせた完成イメージ画像を作り、それをClaude Code（Opus 5.5）に渡して実装させる黄金フロー。文字がふわっと浮かび上がる洗練された演出まで、プロンプト一つで再現されます。

さらに、この圧倒的な制作スピードがもたらす「提案スタイルの変化」についても解説。「提案してから作る」のではなく、「まず作って見せてから相談する」という新しいアプローチが、これからのビジネスや情報発信でどれほど強力な武器になるのかを詳しくお話ししています。

【公式LINE友だち追加で豪華2大プレゼント】 公式LINEにお友だち追加していただいた方に、日々の保育や仕事ですぐに役立つ2大特典を無料プレゼント中！ ①自分仕様にカスタマイズできる「保育AIプロンプトメーカー（週案・月案・個別計画・お便り等）」 ②行事やリトミックで大活躍の音響アプリ「ポン出しパッド」 AIをどう使えばいいか迷っている方は、ぜひ受け取って使ってみてください！

#AI活用 #生成AI #ClaudeCode #Opus55 #ChatGPT #LP制作 #Web制作 #プロンプト #業務改善 #リスキリング #ポッドキャスト

【SNS・リンク】 web： https://itton-web.com/ 公式LINE： https://line.me/R/ti/p/@581koyqc Instagram： https://www.instagram.com/hoikushia_dx/ X (旧Twitter)： https://x.com/hoikusiA substack： https://substack.com/@itton AiNA： https://ai-na.co.jp/lp/?ref=cfddd3d9&type=member