【実演あり】プログラミング知識ゼロでもAIに話しかけるだけでプロ級のHPが作れる時代が来ました【Claude Code】

今回の動画ではClaude Codeを使ったWebページ制作のやり方を解説しました！ 👇 AI秘書のプロンプトの特典はこちら！！👇 https://note.com/kanon_secretary/n/ne... 👇公式LINEはこちら！👇 https://aibonny-line-harness.aibonny.... 👇企業様の問い合わせはこちら！👇 メールアドレス：ito@ai-botec.com （AI研修・コンサルも行っております） 【タイムスタンプ】 00:00 イントロ 01:01 なぜClaude codeでWebページ制作が熱いのか 02:02 今回使用するツール5選 05:00 Webページを作る5 steps 〜実演〜 05:32 UI UX Pro Max skillsの読み込み方 06:29 Claudeでwebページの要件定義 07:22 Chat GPTでデザインのラフ作成 09:12 Claude Codeで素材をPNG書き出し 10:57 補足：Claude design を使うやり方 11:48 21st.devでUIコンポーネントを追加 13:17 Story setで画像素材を差し替え 15:05 UIコンポーネントの位置調整 16:52 Chat GPTで差し替え画像の生成 19:14 応用：AIでWebページに埋め込む動画を生成 20:45 完成品！ 21:32 AI活用の未来像