0-0
ワクワクレッスン:LPが勝手にできる世界
0-0 ワクワクレッスン:LPが勝手にできる世界
このレッスンでは、Claude Codeを使ったLP制作の全体像を体験します。 「話しかけるだけでWebページが作れる」という新しい体験を、まず実感してみましょう。
なぜこれをするのか?
いきなりセットアップや技術的な話から始めると、ゴールが見えなくて不安になりがちです。 まず完成形を見て「こんなことができるんだ」とワクワクすることで、残りの学習がスムーズに進みます。
これができると、今後のレッスンで「何のためにやっているか」が常にイメージできる状態になります。
LP制作のビフォー・アフター
まずは、Claude Codeを使う前と後で何が変わるのかを見てみましょう。
従来のLP制作 vs Claude Code LP制作
| Before | After |
|---|---|
| HTML/CSSの知識が必要 | 日本語で「こんなLPを作って」と言うだけ |
| デザイナーやコーダーに依頼(数万円〜) | 自分で数分で生成できる |
| 修正のたびにやり取り発生 | 「ここを変えて」で即反映 |
| テンプレートに縛られる | 自由なデザインを対話で実現 |
よくある失敗パターン
「どうせプログラミングの知識がないとダメなんでしょ?」と思って始める前から諦めてしまう
Claude Codeは「プログラミングを代わりにやってくれるツール」です。あなたが必要なのは「何を作りたいか」を言葉にする力だけです。
セルフチェック
このアクションが終わったら、以下を確認してみましょう。
完了チェック(できましたか?)
- デモ動画またはサンプルLPを確認した
- Claude Codeを使ったLP制作の流れをイメージできた
- 「自分でもできそう」という感覚を持てた
品質チェック(理解度を確認しましょう)
- 従来のLP制作との違いを1つ以上説明できる
- Claude Codeの役割(コードを書いてくれるAI)を理解した
全部に「はい」と言えなくても大丈夫 ここではざっくりとした理解でOKです。次のレッスンから具体的に手を動かしていきます。
まとめと次のステップ
Claude Codeを使えば、プログラミングの知識がなくてもLPを作れることがわかりました。
次のアクション(1-1)では、実際にClaude Codeをインストールして使える状態にします。