MacにVS Codeを入れよう。GitHubの登録で迷わない始め方
VS Codeを入れてみたら、いきなり「Sign In」。ここで止まらなくて大丈夫です。ダウンロードから、GitHubを準備するところまで一緒に進めましょう。
💻 Mac用のVS Codeをダウンロードする
VS Code公式のダウンロードページを開き、macOSの欄を選びます。似た名前の「Visual Studio」とは別のアプリです。
① 真ん中のmacOSを選ぶ
Appleシリコン搭載のMacは「Apple silicon」、Intel搭載のMacは「Intel」を選びます。どちらか分からなければ、画面左上のAppleメニューから「このMacについて」で確認します。「Universal」は両方に対応する版です。
📦 ダウンロードしたアプリを入れる
- ダウンロードフォルダで、取得した「.dmg」ファイルをダブルクリックします。
- 開いた画面から「Visual Studio Code.app」を「Applications（アプリケーション）」へドラッグします。
- Finderの「アプリケーション」からVisual Studio Codeを開きます。初回の確認が出たら、ダウンロード元が公式であることを確認して開きます。
アプリの置き場所と、これから作るファイルの置き場所は別です。作業用フォルダを「アプリケーション」の中に作る必要はありません。
このインストール部分はMicrosoft公式手順をもとに説明しています。Finderのインストール画面は本記事では実機撮影していません。
🔑 GitHubアカウントを準備する
起動すると「Sign In（サインイン）」の案内が見えます。いきなり英語のログイン案内が出ると戸惑いますが、まずは何の登録なのかを整理しましょう。
起動後に見る「Sign In」の場所
GitHubは、作ったファイルと変更履歴をオンラインに保管できるサービスです。この連載では後で使うので、ここで無料のアカウントを作っておく流れにします。すでに持っている方は、同じアカウントを使ってください。
- GitHubの登録ページを開きます。メールアドレスで登録するか、表示されたGoogle／Appleなどの登録方法を選びます。
- 画面の案内に沿ってユーザー名などを決めます。本人確認やメール確認が求められたら、自分のメールで完了させます。
- GitHubにログインできれば、アカウントの準備は完了です。ブラウザからVS Codeに戻ります。
ここで、GitHubの登録とCopilotの利用開始は別だと覚えておくと迷いません。上の「Sign In」からCopilot用に連携すると、対象アカウントではCopilot Freeが有効になります。Copilotも使いたい方は案内に沿ってGitHubでログインし、認可先を確認してVS Codeへ戻ります。
この連載のCodex・Claude Codeは、それぞれのサービスにログインして使います。GitHubの保管先としての連携は、第5回のGitの設定で行えば大丈夫です。有料Copilotの契約を、この場で追加する必要はありません。
↪ 今はGitHubを作らずに進めたい方へ
まず触ってみたいだけなら、GitHubの登録はあとからでも大丈夫。VS Codeのファイル編集や拡張機能は、GitHubにログインせずに使えます。
- まだ押していない場合は、「Sign In」「Use AI Features」を選ばず、そのまま次へ進みます。
- VS Code内のサインイン選択画面を開いた場合は、キャンセルや閉じる操作で戻ります。Escで閉じられる選択画面もあります。
- ブラウザのGitHubログインページまで開いた場合は、入力・送信せず、そのタブを閉じてVS Codeへ戻ります。VS Code側に待機中の確認が残っていればキャンセルします。
- 「Welcome／ようこそ」の「Open Folder／フォルダーを開く」や、左の拡張機能から作業を続けます。サインインの表示が残っていても、編集を始められます。
右側のチャット欄が場所を取る場合は、その欄の右上の×で閉じられます。これはログアウトやアンインストールではありません。あとで必要になったら、再びサインインの案内から設定できます。
GitHubに保存・同期する段階ではアカウントが必要です。登録を飛ばした方は、第5回でこの節に戻ってください。
🇯🇵 次は日本語表示にする
起動できれば、まずはひと区切りです。表示を日本語にすると、この先の操作がずっと追いやすくなります。
📚 確認した公式情報
確認日：2026年11月9日。仕様やボタンの表示は更新で変わることがあります。