概要

この記事でできること

プログラミング未経験者がMinGWで環境を構築し、Visual Studio Code（以下VSCode）を使ってC/C++のコードを実行できるようになる。

対象読者

Windows 10 のPCを持っている
C/C++を始めたいと思っているが何から手を付けたらいいのかわからない
PCの基本操作(コピペ等)はできる
構築される環境に深いこだわりはなく、とにかくC/C++が実行できればいい

コード実行の仕組み

※実行できればそれでいい！っていう人はこの項は飛ばして読んでも大丈夫です。

C言語/C++言語はコンパイラ型言語と呼ばれる言語であり、次のような手順でコードを実行します。

エディタでプログラムの内容を入力し、hello.cppなどのファイル名で保存する
コンパイラでhello.cppをコンパイルし、hello.exeなどのファイル名で保存する
hello.exeを実行する

簡単にプログラミングをするときは大部分の時間を1.に使い、2.と3.は自動化されていることが多いです。
より複雑なプログラミングをするときはデバッガを導入し、プログラムを実行しながらあれこれやりますが、今回はそこまでは踏み込みません。

プログラムが書かれたファイルhello.cppはテキストファイルであり、（テキスト）エディタでこれを編集します。
おそらく世界で一番有名なエディタはWindowsの「メモ帳」でしょう。
一応メモ帳でもプログラミングはできなくもないですが、普通はよりプログラミングに特化したエディタをインストールして使います。
この記事ではVSCode（紛らわしいがVisual Studioとは別物）をインストールします。

また、コンパイルとは、.cppなどのテキストファイルを機械が理解しやすいファイル形式に変換することです。
初期状態のWindowsにはC/C++のコンパイラがインストールされていないため、自分で用意する必要があります。
この記事ではコンパイラの管理ソフトMinGWを使ってgccというコンパイラを導入します。
さらに、gccを使うということをWindowsのシステムに教えるために、「環境変数 Path」に登録する必要があります。

環境構築の手順

エディタVSCodeをインストールする
コンパイラ管理ソフトMinGWをインストールする
MinGWを使ってコンパイラgccをインストールする
gccを環境変数 Pathに登録する
コンパイル&実行を試してみる
VSCodeの便利な機能を使ってみる

エディタVSCodeをインストールする

https://code.visualstudio.com/ にアクセスし、「Download for Windows」をクリックします。

ダウンロードが開始します。
ダウンロードした「VSCodeUserSetup-*.exe」を実行します。
「同意する」を選択し、「次へ」をクリックします。

特にこだわりがなければ、「次へ」をクリックします。

特にこだわりがなければ、「次へ」をクリックします。

お好みで選択し、「次へ」をクリックします。
よくわからなければデフォルトのままで問題ないです。

各項目の意味は次のようになります。

エクスプローラーのファイル（フォルダ）コンテキストメニューに[Codeで開く]アクションを追加する

→エクスプローラでファイル（フォルダ）を右クリックしたときにVSCodeで開くメニューを追加します
サポートされているファイルの種類のエディターとして、Codeを登録する

→.cpp .pyなどのファイルを開くデフォルトのプログラムとしてVSCodeを登録します
PATHへの追加

→VSCodeを開くコマンドcodeを使えるようになります

「インストール」をクリックします。

これでVSCodeのインストールは完了です。
インストーラの画面は閉じても大丈夫です。

コンパイラ管理ソフトMinGWをインストールする

http://www.mingw.org/ にアクセスし、「Downloads」をクリックします。

下にスクロールし、「MinGW Installation Manager (mingw-get)」をクリックします。

下にスクロールし、「MinGW-Get Version 0.x.x (Beta)」をクリックします。

下にスクロールし、「mingw-get-setup.exe」をクリックします。

しばらくするとダウンロードが開始します。
ダウンロードした「mingw-get-setup.exe」を実行します。
「Install」をクリックします。

特にこだわりがなければ「Continue」をクリックします。
なお、インストールディレクトリを変更する場合はパス名にスペースが含まれないように注意してください。

ダウンロードの完了後、「Continue」をクリックします。

デスクトップに「MinGW Installation Manager」というショートカットが作成されます。
これでMinGWのインストールは完了です。
自動で「MinGW Installation Manager」が起動されます。

MinGWを使ってコンパイラgccをインストールする

「MinGW Installation Manager」を起動します。
「mingw32-base」の左のボックスをクリックし、「Mark for Installation」をクリックします。

「mingw32-gcc-g++」の左のボックスをクリックし、「Mark for Installation」をクリックします。
これら2つ以外の項目はC/C++を簡単に使う上では不要です。

左上の「Installation」をクリックし、「Apply Changes」をクリックします。

「Apply」をクリックします。

ダウンロードが開始します。

ダウンロードの完了後、「Close」をクリックします。

これでgccのインストールは完了です。
「MinGW Installation Manager」は閉じても大丈夫です。

gccを環境変数 Pathに登録する

Windowsの検索バーに「環境変数」と入力し、「環境変数を編集」をクリックします。

「[ユーザー名]のユーザー環境変数」の欄から「Path」を選択し、「編集」をクリックします。

「新規」をクリックし、[MinGWのインストールフォルダ]\binを入力します。
デフォルトの場所にMinGWをインストールしていた場合はC:\MinGW\binです。

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

これで環境変数 Pathへの登録は完了です。

コンパイル&実行を試してみる

これでC/C++の実行環境は整いました。
試しにC++のプログラムを実行してみましょう。
例として、デスクトップに「src」というフォルダを作成し、hello.cppというファイルを作ることにします。
「src」というフォルダを作ります。

プログラム本体を作成する

VSCodeを開きます。
デフォルトで「Welcome」タブが開かれているかもしれませんが、閉じても大丈夫です。

Ctrl+Nのキーボードショートカットでファイルを新規作成し、Ctrl+Sのキーボードショートカットでファイルを保存します。
保存の画面でファイル名をhello.cppに変更し、C:\Users\[ユーザー名]\Desktop\srcの場所に移動し、「保存」をクリックします。

hello.cppの内容を以下のように編集し、Ctrl+Sで上書き保存します。

hello.cpp

#include <iostream>
using namespace std;

int main() {
    cout << "Hello world!" << endl;

    int a, b;
    cin >> a >> b;
    cout << "a + b = " << a + b << endl;

    return 0;
}

PowerShellでソースコードのフォルダに移動する

コンパイル&実行を行うソフトとして、PowerShellを使ってみます。
他の記事ではコマンドプロンプトを使うことも多いですが、この記事ではVSCode内でのデフォルトに合わせてPoserShellを使います。
Windowsボタン+Xのキーボードショートカットを押し、Iを押すことで「Windows PosheShell」を選択します。

PowerShellが起動したら、g++ --versionと打ってEnterを押します。
以下のようにバージョン情報が表示されればgccは導入できています。
（環境によって表示される内容は異なります。）

エラーが表示される場合は、以下の確認を行ってください。

環境変数 Pathは登録できているか
環境変数 Pathに書いてある場所（例：C:\MinGW\bin）に「g++.exe」というファイルがあるか
→無いなら「MinGW Installation Manager」を使ってインストールする
PowerShellを再起動してもダメか

エラーが表示されなかったら、コマンドを打っていきます。
コンソール画面の左側には

PS C:\Users\[ユーザー名]>

と表示されていると思います。
最初の2文字はPowerShellのコマンドラインであることを表し、それ以降は現在の作業ディレクトリ（作業フォルダ）を表しています。
作業ディレクトリをhello.cppを作成した場所に変更しましょう。
例ではC:\Users\[ユーザー名]\Desktop\srcに移動します。
作業ディレクトリはcd [移動したい場所]というコマンドで変更できるので、以下のように移動できます。

PS C:\Users\[ユーザー名]> cd desktop
PS C:\Users\[ユーザー名]\Desktop> cd src
PS C:\Users\[ユーザー名]\Desktop\src>

コンパイル&実行をする

C++のコンパイルのコマンドはg++ [コンパイルされるファイル] -o [出力ファイル名]です。
出力ファイル名の拡張子（ドット移行の文字）は.exeにしてください。
出力されたファイルは.\[ファイル名]で実行できます。
今回の場合は、次のようなコマンドで実行できます。

PS C:\Users\[ユーザー名]\Desktop\src> g++ hello.cpp -o hello.exe
PS C:\Users\[ユーザー名]\Desktop\src> .\hello.exe

今回のプログラムは、実行するとHello world!と出力されます。
次に入力待ちが始まるので、半角スペースで区切って2つの整数を入力し、Enterを押すとそれらの和が計算されます。

C++ではなく純粋なCのコードを書きたい場合は、

ソースコードの拡張子を.cppから.cに変更する
ソースコードの中身をC言語の書き方で作る
コンパイルのコマンドとしてg++ *ではなくgcc *をつかう

とすれば実行できます。
ソースコードの中身として、hello.cppと同等のプログラムhello.cの内容は次のようになります。

hello.c

#include <stdio.h>

int main() {
    printf("Hello world!\n");

    int a, b;
    scanf("%d%d", &a, &b);
    printf("a + b = %d\n", a + b);

    return 0;
}

これでC/C++の実行環境は整いました。
お疲れ様でした！
VSCodeの真価は豊富な拡張機能を追加できることにあるので、引き続きエディタの環境を整えましょう。

VSCodeの便利な機能を使ってみる

必須級の拡張機能

Ctrl+Shift+Xのキーボードショートカットで拡張機能タブが開きます。
検索を使い、次の拡張機能を探してインストールしましょう。

C/C++ : IntelliSenseなどの機能が使えるようになります
Code Runner : ボタンを押すだけでコンパイル/実行を一気にやってくれます
Japanese Language Pack for Visual Studio Code : VSCode自体を日本語化してくれます

※英語の質問フォーラムなどをよく見る人は日本語化しないほうが便利かもしれません。

Code Runner でソースコードを実行する

Ctrl+,のキーボードショートカットで設定が開きます。
拡張機能の設定も基本的にはここでできます。
「code runner」で検索し、「Code-runner: Run In Terminal」を探してチェックを付けます。

hello.cppのファイルを開いている状態でCtrl+Alt+Nのキーボードショートカットを押します。
これだけで、

PowerShellを開く
ファイルがあるディレクトリを作業ディレクトリにする
コンパイルする
実行する

の手順が実行されます！

参考にしたサイト

https://qiita.com/aky100200/items/f18a549b1a0b8686e0c0
http://lyncs.hateblo.jp/entry/2018/03/11/032127