会社のAI導入講座 #8 付録・手順書

Claude Code の入れ方 ②エディタ VS Code（Mac）

無料のエディタ VS Code に、拡張機能「Claude Code for VS Code」を入れて使います。Mac の VS Code は、今は .dmg を開いてアプリケーションへ入れる形です。

※画面の図は説明用に再現したものです。お使いのパソコンやアプリの版によって、見た目が少し違うことがあります。手順は 2026年10月22日に公式の手順と実物で確認しました。

インストールのリンク（公式）

VS Code をダウンロード

code.visualstudio.com から Mac 用をダウンロード（Universal・Intel・Apple シリコン。迷ったら Universal）。

ファイルを開いて、アプリケーションへドラッグ

ダウンロードした .dmg を開いて、Visual Studio Code を Applications へドラッグします。

初回は「開く」

「開いてもよろしいですか？」と聞かれたら、公式から入れたものなので「開く」。

💡 カレンダー・連絡先・写真へのアクセスを聞かれたら「許可しない」で大丈夫です（VS Code には不要）。

日本語にする（拡張機能で）

最初は英語の画面です。⌘＋Shift＋X → japanese と検索 →「Japanese Language Pack for Visual Studio Code」（Microsoft）を Install → 再起動。

⌘＋Shift＋X で「拡張機能」

左に拡張機能を探す画面が出ます。

「Claude Code」を検索して「Install」

「Claude Code for VS Code」を Install。

作った会社が「Anthropic」か必ず確認

Anthropic ✔ のものを入れます。

⚠ 名前の似た、別の会社の拡張機能もあります。

「ファイル」→「フォルダーを開く」→「AIの練習」

練習用のフォルダを開きます。

✻ のマークを押す

右上か左のバーの ✻ が Claude Code です。

「Claude.ai Subscription」でログイン

ブラウザが開くので許可します。

最初は「Manual」

ファイルを変える前に、必ず聞いてくれます。

左右で見比べて「Yes」

左に今の形・右に変えた後の形。よければ Yes、違えば No。

✻ が出ない: VS Code を再起動するか、⌘＋Shift＋P →「Developer: Reload Window」。
ターミナルで使いたい: フォルダを開いた状態で ⌃＋`（control＋バッククォート）でターミナル → claude。①の手順書の付録で本体を入れておきます。

次の一歩

Claude・Claude Code は Anthropic の製品です。この手順書は Anthropic とは関係のない、個人の解説です。VS Code は Microsoft、Cursor は Anysphere の製品です。自由に社内でお使いください（社外への再配布はご遠慮ください）。