Claude Codeを入れる

VS Codeの中にAIを追加する

VS Codeは、あとから機能を足せる作りになっています。

Claude Codeは、この拡張機能として入ります。 入れると、VS Codeの右側にAIとの会話欄が出ます。ここがこの先ずっと使う場所です。

手順

1. 拡張機能を入れる

1. VS Codeの左端に、アイコンが縦に並んでいます。その中の四角が4つ並んだアイコンを押します
2. 上の検索欄に Claude Code と入力します
3. いちばん上に出てくる Claude Code（提供元: Anthropic）の インストール を押します

数十秒で終わります。

⚠️ 似た名前の拡張機能が並ぶことがあります。提供元が Anthropic のものを選んでください。

2. Claudeのパネルを開く

左端のアイコンの列に、きらめきのような形のアイコン（Sparkアイコン）が増えています。 それを押してください。

右側、または画面の一部にパネルが開きます。

3. サインインする

初回だけ、サインインの画面が出ます。

1. Sign in のボタンを押します
2. ブラウザが自動で開きます
3. 2ページ目で加入したアカウントでログインします
4. 「アクセスを許可しますか」と出たら、**許可（Authorize）**を押します
5. VS Codeに戻ります

入力欄が出ていれば、サインイン完了です。

難しい設定は要りません。2ページ目の有料プランが、そのまま使われます。

4. 貼り付け先が2種類あることを覚える

ここから先、このサイトのコピーボタンは2種類出てきます。色で見分けてください。

紫の枠に入っているのは、AIへのお願いの文章です。

5. 許可の聞かれ方を知っておく

Claude Codeは、あなたのパソコンの中で実際にファイルを触ります。 そのため「どこまで自分の判断で進めてよいか」の設定があります。

入力欄の下に、いまのモードが表示されています。

有料プランでは、多くの場合 Auto から始まります。 入れた直後の1回目だけ Manual になっていることもありますが、どちらでもこのサイトの手順は進められます。

聞かれたときは、内容を見て選んでください。 このサイトの手順どおりに進んでいる場合は、許可して問題ありません。

⚠️ 大事なファイルを消す操作だけは、どのモードでも必ず確認されます。勝手に消えることはありません。

6. 最初に、3つだけ伝えておく

Claudeには、毎回の作業で必ず読まれる指示書を持たせられます。 ここでは、この先が読みやすくなる3つだけを入れておきます。3分で終わります。

Claudeの入力欄に、これを貼ってEnterを押してください。

「これを実行していいですか」と聞かれたら、許可してください。

これだけで、6ページ目から先の説明が日本語になり、 Claudeが「いま何をするつもりか」を先に見せてから動くようになります。

📖 自分の仕事や立場まで覚えさせる本格的な設定は、9ページ目で扱います。 ここはその土台です。

7. 閉じ方と、次に開くとき

パネルは、左端のSparkアイコンをもう一度押せば閉じられます。 会話の内容は残ります。 次に開いたときは、履歴から続きを再開できます。

いまは開いたままで大丈夫です。