VSCodeにC言語の開発環境を構築するには？

:::note warn
本記事でご紹介する環境構築手順は、筆者独自の方法を含んでいます。 
**※一部の内容はChatGPTによる生成を元に、著者が編集・再構成しています。**
必ずしも公式な手順や最適解とは限りませんので、ご自身の環境や目的に合わせてご判断のうえ、作業を進めていただきますようお願いいたします。
:::

# Windows11でVSCodeとMinGWを使ったC言語開発環境の構築方法

## はじめに

この記事では、**Windows11**上で**Visual Studio Code（VSCode）**と**MinGW**を使ってC言語の開発環境を構築し、実際にプログラムをビルド・実行する方法を解説します。  
初心者の方でも手順通りに進めれば、C言語の学習や開発がすぐに始められます。

---

## 必要なもの

- Visual Studio Code（VSCode）※インストール済みであること
- MinGW（C言語コンパイラ）

---

## 1. MinGWのインストール

1.[niXman/mingw-builds-binariesのGitHubリリースページ](https://github.com/niXman/mingw-builds-binaries/releases)にアクセスします。

![MinGWダウンロード画面](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3924334/68fdae0f-83f3-49df-92ed-e30c4257d04d.png)

2.ダウンロードしたファイルを解凍します。
3.`C:\Program Files (x86)` の中など、任意の場所にフォルダごと配置します。

![MinGW配置例](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3924334/bfac2af2-fd40-4187-8300-0056458bc1c3.png)

:::note warn
**注意:**  
パスに日本語やスペースが含まれない場所（例: `C:\MinGW`）に配置するのがおすすめです。
:::

4.導入が完了したら、次の「環境変数の設定」に進みます。

---

## 2. 環境変数の設定

1.ダウンロードしたフォルダ内の`bin`フォルダのパスをコピーします。

![binフォルダの場所](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3924334/5187f997-d371-4b16-81b3-e97d3997b43a.png)

2.Windowsの検索バーで「env」と入力し、「システム環境変数の編集」を選択します。

![システム環境変数の編集](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3924334/20fbc5bb-6b58-4092-9088-ee9d45d008c7.png)

3.「環境変数(N)...」ボタンをクリックします。

![環境変数ボタン](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3924334/0e60cdec-ddd4-4fbe-8923-3d8f455d5bd9.png)

4.「システム環境変数」欄の「Path」を選択し、「編集(I)...」をクリックします。

![Path編集](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3924334/399d3f3b-94b3-44ed-a26c-bffd7e678260.png)

5.「新規(N)」をクリックして、先ほどコピーした`C:\MinGW\bin`のパスを追加します。

![Path追加](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3924334/ba7bfa41-0778-47d5-bbdf-e3b619c8e920.png)

:::note warn
**注意:**  
コピーしたパスは必ず `"` で囲まれているので、前後の `"` を削除しましょう。
:::

6.「OK」をクリックしてすべてのウィンドウを閉じます。

---

## 3. VSCodeの Code RunnerとC/C++ Extension Packのインストール

1. VSCodeを起動します。
2. 左側の拡張機能アイコン（四角が4つ並んだマーク）をクリックします。

![拡張機能アイコン](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3924334/961d612c-15e8-4df7-8eb2-7b6334a60629.png)

3.検索バーに「Code Runner」と入力し、Code Runnerをインストールします。

![Code Runnerインストール](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3924334/fbb4d06c-0e86-48bd-907f-bf090ed237b6.png)
4.設定を開きRun In Terminalという項目にチェックをつけます。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3924334/69b5d955-3217-43d2-8cc8-ad27e6c9311b.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3924334/90ab6c1c-d300-46ee-8b7a-723358b747ef.png)


5.C/C++ Extension Packも同様にインストールします。

![C/C++ Extension Packインストール](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3924334/1c4c4d61-6d63-4daa-ae52-d735c00ba2b1.png)

6.インストールが終わったら一度VSCodeを再起動しましょう。

---

## 4. サンプルCプログラムの作成

1. VSCodeで新しいフォルダを作成し、ワークスペースとして開きます。
2. 「hello.c」などのファイル名で新規ファイルを作成します。
3. 以下のようなサンプルコードを入力します。

```c:hello.c
#include <stdio.h>

int main() {
    printf("Hello, World!\n");
    return 0;
}
```

---

## 5. ビルドと実行方法

1. VSCodeの右上に▶のようなボタンがあるのでそこで実行することができます。

![実行ボタン](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3924334/3e0269de-d5ec-4fb9-80d9-b520c71d929d.png)

2.実行すると下にターミナルが表示され、実行結果が出力されます。

![実行結果](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3924334/e2e3a3f9-5bcc-4017-9302-583c2da27f69.png)

---

これでVSCodeにC言語の開発環境を構築することができます。  
ここまでご覧いただきありがとうございました。

---

この記事は友人のために執筆したものです。  
今後の内容更新については、気が向いたときに行う予定です。

:::note warn
本記事でご紹介した環境構築手順は、あくまで一例です。  
ご自身の状況や目的に応じて、必要に応じて公式ドキュメント等もご参照のうえ、自己責任で作業をお願いいたします。
:::