超初心者が始める！！C言語＜環境構築編＞

##はじめに
環境構築からコンパイルまでの大まかな流れと、今のところ個人的に大事だと思った文をつらつらと載せていこうと思います。C言語弱者による記事のため、間違い等ありましたら指摘して頂けると嬉しいです。
（※あくまでも自分用のチートシートのため、不親切設計となっております。加えて、**Windowsでの実践が精一杯だったため、他のOSでのやり方はわからないです。**）
##環境構築
まず、C言語での開発をするにあたって、必要なものが２つあります。
それは、`エディタ`と`コンパイラ`です。
エディタとは、簡単に言えばプログラムをメモしておくものです。Windows付属のメモ帳等でもできるようですが、今回はVSCodeを使っていきます。
また、コンパイラとは、エディタにメモしたプログラムの"翻訳"をしてくれるものです。
イメージとしては、**エディタでプログラムを書き、コンパイラで翻訳し、プログラム結果を得る**という流れです。

この２つの具体的なダウンロード方法を以下に書いていきます。

VSCode :(https://azure.microsoft.com/ja-jp/products/visual-studio-code/)
MinGW  :(http://www.mingw.org/)

上記の２つのサイトからインストールしていきます。
###VSCodeのインストール
<img width="520" alt="VSC home im.PNG" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/479912/4dca0463-6d5e-139c-ca17-4beb0c9bcdde.png">
このページの「今すぐ無料でダウンロードをする」をクリックします。

<img width="960" alt="VSC 2.PNG" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/479912/50a4dbc0-b7e5-bb35-9725-c929fd103d31.png">
ここから自分のOSにあったものをクリックしてダウンロードしてください。

<img width="948" alt="VSC 3.PNG" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/479912/70062ec1-c822-dc65-fff8-e595c2b98cdf.png">
ダウンロードが完了すると下に表示されるので、このexeファイルを開いてください。

<img width="376" alt="VSC 4.PNG" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/479912/ede9e260-0453-f385-76ad-f23749952d27.png">
「同意する」にして、次へをクリックしてください。

<img width="375" alt="VSC 5.PNG" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/479912/26a300f3-ef76-5660-0e7b-c0cf86517e8a.png">
上３つにもチェックを入れて、次へをクリックしてください。

<img width="375" alt="VSC 6.PNG" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/479912/71831a8a-6b57-59cc-a37f-a612342b1662.png">
インストールをクリックしてください。

<img width="375" alt="VSC 7.PNG" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/479912/f8485e26-36d5-eadb-2638-c215518fb8cb.png">
これでVSCodeのインストールは完了です。
次にVSCodeの設定を行います。

<img width="960" alt="VSC 8.PNG" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/479912/342e4e8c-6207-acb1-e7df-51b5e6cc05df.png">
左の縦バーから一番下のロゴをクリックしてください。

<img width="960" alt="VSC 9.PNG" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/479912/cc8aa200-a2b9-6483-c7a9-b86858f46ac9.png">
検索欄から「C/C++」を探し出しインストールしてください。


また、上のバーのターミナルから新しいターミナルをクリックしてください。
その後、ターミナル内の「CMD」の欄を押し「規定のシェルの選択」をクリックしてください。
すると、上に何個か文字列が表示されるので、その中から「Command Prompt]をクリックしてください。

これでエディタの設定は終わりです。

###MinGWのインストール
<img width="948" alt="MWG 1.PNG" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/479912/74c3afd4-f5ad-65d0-1c46-5bcf0343e37b.png">
上のDownloadボタンをクリックしてください。

<img width="952" alt="MGW 2.PNG" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/479912/24b3a537-76c8-4dc2-34eb-751a3fb5eed3.png">
開いたページを少し下にスクロールしたところにある窓マークをクリックしてください。
すると左下にexeファイルが表示されるので、開いてください。

<img width="450" alt="MWG 3.PNG" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/479912/f2e8b3e2-b6e7-f1b9-4ae1-60b8478589b7.png">
installをクリックしてください。

<img width="451" alt="MWG 4.PNG" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/479912/e367f8e5-1661-1698-115e-1e2848ca8183.png">
Continueをクリックしてください。

<img width="449" alt="MWG 5.PNG" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/479912/1d53a698-64f2-3506-125a-1f3df30715ad.png">
ダウンロードが終わったらContinueをクリックしてください。

<img width="709" alt="MGW 6.PNG" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/479912/3194c091-6fe0-f54f-ae20-2bb9d168f425.png">
**mingw32-base-bin**と**mingw32-gcc-g++-bin**をそれぞれクリックし、Make for Installationをクリックした後、上のバーのInstallationからApply Changesをクリックしてください。
次に出てくるページでApplyをクリックし、インストール完了後closeすると画像のようになります。

これでコンパイラの準備は終了です。

##まとめ
環境構築お疲れ様です。
さて、ここまでは環境構築の話でしたが、これからメインのプログラムの実行等の話があります。
コマンドやらなんやら覚えることはありますが、詳しくは次回に回そうと思います。

それでは、＜プログラミング編＞でまた会いましょう！～＾