1-1 セットアップ：Claude Codeを準備する

このレッスンでは、Claude Codeをインストールし、LP制作プロジェクトをセットアップします。 レッスンが終わる頃には、Claude Codeに話しかけてファイルを作れる状態になっています。

なぜこれをするのか？

ツールが正しくセットアップされていないと、後のレッスンで「動かない」「エラーが出る」というつまずきの原因になります。 最初に確実に環境を整えることで、LP制作に集中できるようになります。

Claude Codeのインストール

以下の手順でClaude Codeをセットアップします。

Step 1: Node.jsの確認

ターミナルを開いて、以下のコマンドを実行してください。

node --version

v22以上が表示されればOKです。

Step 2: Claude Codeのインストール

npm install -g @anthropic-ai/claude-code

Step 3: プロジェクトテンプレートの取得

cc-lpテンプレートリポジトリをクローンして、Claude Codeで開きます。

よくある失敗パターン

Node.jsのバージョンが古いまま進めてしまい、後でエラーが出る

必ず node --version で v22以上であることを確認してから次に進みましょう。

セルフチェック

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

完了チェック（できましたか？）

• Node.js v22以上がインストールされている
• Claude Codeがインストールされている（claude --version で確認）
• プロジェクトフォルダでClaude Codeを起動できた

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

• Claude Codeが何をしてくれるツールか、自分の言葉で説明できる
• プロジェクトフォルダの中にCLAUDE.mdがあることを確認した

全部に「はい」と言えなくても大丈夫 セットアップでつまずいたら、エラーメッセージをそのままClaude Codeに貼り付けると解決策を教えてくれます。

まとめと次のステップ

Claude Codeが使える環境が整いました。

次のアクション（2-1）では、いよいよClaude Codeに話しかけて最初のLPを生成します。