0-0

ワクワクレッスン:LPが勝手にできる世界

0-0 ワクワクレッスン:LPが勝手にできる世界

このレッスンでは、Claude Codeを使ったLP制作の全体像を体験します。 「話しかけるだけでWebページが作れる」という新しい体験を、まず実感してみましょう。


なぜこれをするのか?

いきなりセットアップや技術的な話から始めると、ゴールが見えなくて不安になりがちです。 まず完成形を見て「こんなことができるんだ」とワクワクすることで、残りの学習がスムーズに進みます。

これができると、今後のレッスンで「何のためにやっているか」が常にイメージできる状態になります。


LP制作のビフォー・アフター

まずは、Claude Codeを使う前と後で何が変わるのかを見てみましょう。

従来のLP制作 vs Claude Code LP制作

BeforeAfter
HTML/CSSの知識が必要日本語で「こんなLPを作って」と言うだけ
デザイナーやコーダーに依頼(数万円〜)自分で数分で生成できる
修正のたびにやり取り発生「ここを変えて」で即反映
テンプレートに縛られる自由なデザインを対話で実現

よくある失敗パターン

「どうせプログラミングの知識がないとダメなんでしょ?」と思って始める前から諦めてしまう

Claude Codeは「プログラミングを代わりにやってくれるツール」です。あなたが必要なのは「何を作りたいか」を言葉にする力だけです。


セルフチェック

このアクションが終わったら、以下を確認してみましょう。

完了チェック(できましたか?)

  • デモ動画またはサンプルLPを確認した
  • Claude Codeを使ったLP制作の流れをイメージできた
  • 「自分でもできそう」という感覚を持てた

品質チェック(理解度を確認しましょう)

  • 従来のLP制作との違いを1つ以上説明できる
  • Claude Codeの役割(コードを書いてくれるAI)を理解した

全部に「はい」と言えなくても大丈夫 ここではざっくりとした理解でOKです。次のレッスンから具体的に手を動かしていきます。


まとめと次のステップ

Claude Codeを使えば、プログラミングの知識がなくてもLPを作れることがわかりました。

次のアクション(1-1)では、実際にClaude Codeをインストールして使える状態にします。