とにかく楽してWindowsにC言語開発環境を作る

# やること

1. gccを入れる
    1. [niXman/mingw-builds-binaries](https://github.com/niXman/mingw-builds-binaries) にある `MinGW-W64 online installer` を使う
    1. 基本的にデフォルト設定で行けるので、右下のNextを数回押すだけ
    1. 最後のインストール先だけ、次の設定に使うので覚えておく
1. gccのバイナリへパスを通す
    1. スタート開いて「path」と入力すれば出てくる
    1. ユーザー環境変数の中の「PATH」に新しくgccのインストール先の **bin** というフォルダを追加
1. VisualStudioCodeを入れる
    1. [公式ページ](https://code.visualstudio.com/)からダウンロードしてインストールするだけ
1. VisualStudioCodeにC言語用の拡張パッケージをインストールする

後はC言語のプログラムを書いて、 **F5**を押せば OK !

# なるほどわからん。もっとくわしくならんのか。

上の解説じゃ物足りない人向けに、画像付きでもう一度。

## gccを入れる

1. [niXman/mingw-builds-binaries](https://github.com/niXman/mingw-builds-binaries)にある、丸を付けたリンクからダウンロードしましょう。
    ![1-1.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/150591/cb16b05b-de79-86d9-7b61-51a3bbe40a56.png)
1. ダウンロードしたものを実行すると、こんな画面が出るので「Next =>」をクリック。
    ![2-1.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/150591/7ae545a4-613e-2c75-c6ff-4bcbd6d477db.png)
1. バージョンを聞かれます。基本的に最新が勝手に選ばれているので、そのままでOK。
    ![2-2.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/150591/00f4cefb-50e8-39ab-29f8-b6b7660d71ae.png)
1. アーキテクチャを聞かれます。`64bit`に変えても良いのですが基本的に大差ないのでそのままでもOK。
  OSが32bit版の場合は64に変えると動かないので注意、Windows11以降ならどっちでもOK。
    ![2-3.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/150591/90376d2f-aef2-26a3-285a-1c3d3a57ba78.png)
1. スレッドモデルを聞かれますが、これが問題になることは
  この記事を読んでいる人にとってかなり先のレベルの事なのでデフォルトでOK。
    ![2-4.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/150591/c9b7f17b-3e65-b215-f756-91003a016ce9.png)
1. リビジョンを聞かれます。これも基本的に最新が選ばれているので、そのままでOK。
    ![2-5.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/150591/ec6a77cb-e4c4-602d-cf04-4f798fd6466a.png)
1. ランタイムを聞かれます。`ucrt` の方が新しいのですが、そのぶんつまづきポイントが増えてしまうので初学者には `msvcrt` が良いと思います。
    ![2-6.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/150591/c1e54df5-726d-2697-b41a-c5a3b9cc6696.png)
1. インストール先を聞かれます。これもデフォルトでOKですが、場所を後で使うので覚えておきましょう。
    ![2-7.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/150591/64bd01d7-ae26-3b54-d15c-e4c8721aa42d.png)
1. インストールが終わったら完了、次のステップへ行きましょう！
    ![2-8.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/150591/5d74089d-072e-14b9-08c2-750c340075b4.png)

## gccのバイナリへパスを通す

:::note info
検証環境の都合で英語表記ですが、日本語でも同様の操作で動きます。
ボタンの配置は変わらないので、そちらで判断してください。
:::

1. まずはスタートメニューを開いて「path」を入力しましょう。
1. 「システム環境変数の編集」というのをクリックします。
    ![3-1.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/150591/684f87b0-c4b6-c7bb-fe85-c1ea8782049b.png)
1. 下の方にある「環境変数 (N) ...」 をクリックします。
1. 更に出てきたウィンドウの上の方にある「Path」をクリックします。 (大文字/小文字は問いません)
    ![3-2.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/150591/7cad6e3e-d88f-4b14-6a3c-999c0d87275d.png)
1. 次に出てきたウィンドウの空行をクリックした後、「参照(B)...」をクリックして
  **先ほどgccをインストールしたフォルダの中にある `bin` フォルダを指定します。**
  (デフォルトでインストールした場合は `%USERPROFILE%\mingw32\bin` と入力しても行けるはずです)
1. 入力できたら、OKで開いたウィンドウ3つを全て閉じましょう。
    ![3-3.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/150591/995ffd6d-489a-1c44-ddaa-5b277e8463a8.png)
1. 確認をします。スタートから「cmd」と入力して出てくる「コマンドプロンプト」を実行します。
    ![3-4.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/150591/47575fd0-46a2-e7a4-6bbe-616574dbd9ee.png)
1. 何やら黒い画面が出ますから、`gcc -v` と入力して Enter を押してください。
  ズラズラと長い文字が出てきたらOKです！
    ![3-5.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/150591/8cb38dba-fe72-c569-6e04-702df429e3de.png)
:::note warn
ここで `'gcc' は、内部コマンドまたは外部コマンド、操作可能なプログラムまたはバッチ ファイルとして認識されていません。` と出てくる場合はパスが間違っている可能性が高いので、正しく指定できてるか確認しましょう。
:::

## VisualStudioCodeを入れる

1. [VisualStudioCode の公式ページ](https://code.visualstudio.com/)にアクセスして、丸を付けたリンクからダウンロードしてきましょう。
  ちなみに、`VisualStudioCode` だと長いので `VSCode` とよく略して表記されます。覚えておくと吉。
    ![4-1.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/150591/f8b88a84-8fd8-5872-d10e-83bfa4950151.png)
1. 実行すると規約が出るので目を通してから `I accept the agreement` を選んで次へ
    ![4-2.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/150591/89d63523-4f17-1732-6377-e03e5c1505fb.png)
1. インストール先を聞かれますが、デフォルトで問題ないので次へ。
    ![4-3.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/150591/9683a07f-ac13-3ff0-1c71-173591539fc3.png)
1. スタートメニューに項目を追加するか聞かれますが、Win11だとあまり関係ないのでそのまま次へ。
    ![4-4.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/150591/33350644-b98d-ac13-5013-f9d69569e6ee.png)
1. いくつか一気に聞かれますが、**これが一番重要**。
  一番上の「デスクトップにアイコンを追加」にチェックを入れると簡単に起動できて便利。
  その下2つ「Codeで開くを追加」は、任意のフォルダやファイルを開いた状態でVSCodeをすぐ開けて便利です。
  (Windows11で `Shift+右クリック` が必要になってしまい若干面倒になってしまいましたが…)
    ![4-5.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/150591/1ac3413c-d6f4-db82-ce0d-5781d416db22.png)
1. 好みのカスタマイズができたら次へを押してインストール
    ![4-6.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/150591/9841ff99-bce7-9b65-ad2a-aca15ad532a3.png)
1. 完了の画面でチェックが入っていると、そのままVSCodeが起動するので、そのまま次へ行きましょう。
    ![4-7.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/150591/d6b7645b-5e1e-8213-c453-fbfe5dc0aa22.png)
1. このようなアプリケーションが起動すればOKです！
    ![4-8.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/150591/6c9c8ed6-3740-1b07-7810-201eda1dc0ef.png)

## VisualStudioCodeにC言語用の拡張パッケージをインストールする

1. 左端の一番下、箱が4つ描かれている「拡張機能」のボタンをクリック。
1. 多分すぐ出てくる「C/C++」をクリック。出てこなければ、上の検索窓に「C」と打てばすぐ出てきます。
1. 「インストール」と書かれた青いボタンをクリック。(リストにあるボタンでもOK)
    ![5-1.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/150591/43e24195-6b74-2650-9650-e545cab8c1a4.png)

## 後はC言語のプログラムを書いて、 **F5**を押せば OK !

1. テスト用のプログラムを書きたいので、適当な場所にフォルダを作ります。
1. 作ったら、VSCodeのメニューから「ファイル」→「フォルダを開く」を選んで、作ったファイルを開きます。
    ![5-2.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/150591/ce32cf8c-d672-678a-15cf-2c817cfcbad5.png)
1. このフォルダを信頼するか聞かれるので、「信頼する」をクリックします。
  基本的に信頼しない方が良いのですが、プログラムの実行は信頼したフォルダでしかできないので。
    ![5-3.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/150591/3258b71c-b9d9-5d14-bcb1-020bdb20121d.png)
1. 左のエクスプローラーを右クリックして、「新しいファイル」を作ります。
  名前は適当で良いですが、拡張子の `.c` か `.cpp` を忘れずに。
    ![5-4.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/150591/db6ae433-c0bb-564b-75cc-8a43a4cd28d9.png)
1. 適当な動くプログラムを用意します。
  面倒な場合は最後の方に記載してあるのでコピペしましょう。
    ![5-5.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/150591/ea20f99a-8ed0-b4ee-74dd-0c120967e8fa.png)

1. おもむろに 「F5」 ボタンを押しましょう。
1. 画面上の方に何か出てくるので、「C++ (GDB/LLDB)」をクリックします。
  Windowsの方かと思ってしまいがちですが、今回構築した環境だと動かないです。
    ![5-6.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/150591/ab8c8c3c-4e18-25ff-519d-3b40a09f85ea.png)
1. 上の「C/C++: gcc.exe」を選びます。
  どっちでも良いですが、下だと C言語 で書いたコードが C++言語 として解釈されてしまうので上で。
    ![5-7.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/150591/8c30133b-3a09-58ac-b613-eafd8f5f59e7.png)
1. 今度は画面下の「TERMINAL」を確認してください。
  プログラムが正常に実行できれば、メッセージが表示されているはずです！
    ![5-8.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/150591/284998b8-c111-4295-5aa4-d3d1527b6c11.png)

### サンプルコード
```c
#include <stdio.h>

int main(void){
    printf("Hello, world !");
    return 0;
}
```

# おわりに

これで環境構築終了です。お疲れ様でした！
とある友人の為に書いたものですが、これで一人でも多くプログラミング初学者が増えたら嬉しい限りです。