Win10にプログラミング環境を構築しよう(Atom+GCC)

#GCCって何？
> GNU Compiler Collection（グニューコンパイラコレクション）は、GNUのコンパイラ群である。
> 標準パッケージには C、C++、Objective-C、Objective-C++、Fortran、Java、Ada、Go のコンパイラ並びにこれらのライブラリが含まれている。
出典:Wikipedia

ざっくりいうと、C言語なんかのプログラムをコンパイルするのに必要なやつ。

# GCCの導入
### 1.インストーラーの入手
1. [MinGW公式サイト](https://osdn.net/projects/mingw/releases/)の赤枠で囲ったボタンをクリックしてインストーラーを入手します。
![bandicam 2019-04-13 03-31-21-992.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/208710/bcb3a758-0e72-f2bc-a6f7-2ff6777ce818.jpeg)

自動でダウンロードが開始するはずなのでダウンロード終了まで待ちます。

### 2.インストール開始
ダウンロード完了後に、インストーラーを実行すると、以下のようなウインドウが表示されます。
「Install」ボタンをクリックしてください。
![bandicam 2019-04-13 03-32-58-010.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/208710/2c926bfa-7fba-d4c2-9edd-174a015bb0cc.jpeg)

次のウインドウでは何も設定を変えずに「Continue」をクリックしてください。
![bandicam 2019-04-13 03-33-09-253.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/208710/b012d078-f584-bec6-0f0e-24e1a50818cc.jpeg)

すると処理が始まりますので「Continue」ボタンがクリックできるようになったらクリックしてください。
![bandicam 2019-04-13 03-33-19-775.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/208710/a8852950-66c2-ab11-78ca-1ec6e5b5d10a.jpeg)
![bandicam 2019-04-13 03-33-42-526.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/208710/261a7b43-3c60-56f5-ba83-6a5f86b5d8e3.jpeg)

以下の画像のように4つの項目についてチェックを入れてください。
![bandicam 2019-04-13 03-35-29-557.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/208710/47b28614-0da0-c9ec-c596-2bdd21fa8a04.jpeg)

チェックが入っていることを確認して
![bandicam 2019-04-13 03-36-06-090.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/208710/f20ad6dd-8a9f-51c6-9dc6-d7956339bb55.jpeg)

「Installation」⇒「Apply Changes」⇒「Apply」と進んでいってください。
![bandicam 2019-04-13 03-36-34-456.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/208710/8ecb9d9d-50c6-01df-2f3d-fa6fe60f018a.jpeg)
![bandicam 2019-04-13 03-36-50-503.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/208710/51d6f5fc-a4cc-3855-5f34-db17f75fa535.jpeg)

以下のようなウインドウが出てきた後、
![bandicam 2019-04-13 03-37-32-174.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/208710/2cfd97a8-9eeb-3286-217b-193ab19fa03d.jpeg)

このようなウインドウが表示され、「close」ボタンが押せるようになったら「close」ボタンを押して終了です。
![bandicam 2019-04-13 03-39-58-671.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/208710/9b88aa62-0948-0368-4c57-9a0bb0c56e68.jpeg)

### 3.環境変数の設定
「コントロールパネル」⇒「システム」と開き、ウインドウ左端にある「システムの詳細設定」をクリックします。
![bandicam 2019-04-13 03-41-07-059.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/208710/5d1a496e-d9bd-fec9-b370-596d7c95243e.jpeg)

開いたウインドウの下の方にある「環境変数」というボタンをクリックします。
![bandicam 2019-04-13 03-41-24-788.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/208710/6ed69c1b-1587-d86b-8647-6c52a1f3fdf8.jpeg)

**ここから先はむやみに編集や削除などを行わないでください。最悪の場合PCが起動しなくなる恐れがあります。**

ウインドウ下半分の「システム環境変数」の中に「**Path**」という項目がありますので、選択して「編集」ボタンを押してください。
![bandicam 2019-04-13 03-42-01-270.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/208710/bc6f72b4-7d17-e828-0436-2499f208fad3.jpeg)

次に開いたウインドウの「参照」ボタンを押して先ほどインストールしたMinGWのbinフォルダを指定します。
**MinGWインストール時に指示通りに進めていった場合、C:\MinGW\bin にあります**
![bandicam 2019-04-13 03-42-20-446.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/208710/eae44664-802d-fd98-c59a-7418479db510.jpeg)
指定して「OK」ボタンを押して、以下のようになっていれば(インストール場所を変えている場合はそこへのパス)きちんとパスの設定ができているはずです。
![bandicam 2019-04-13 03-43-00-623.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/208710/153ae8e4-29ed-524a-9873-798055cf45a4.jpeg)

きちんと、設定できたかどうか確認するためには、コマンドプロンプトに `gcc -v` と入力し、以下のようにgcc version ~~と表示されれば成功です。何らかのエラーが起こる場合はどこかで設定を誤っていないか再確認して下さい。
![bandicam 2019-04-13 03-43-57-429.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/208710/0eb63f0c-415b-93e0-e176-0ed63f9f3add.jpeg)


続いてはAtomの導入です。


# Atomって何？
![atom.png](https://qiita-image-store.s3.amazonaws.com/0/208710/d0d11557-ca36-b456-2f6b-ba6daf46e437.png)

Atomはエディタの一種です。原子という意味の英単語なのですが、その名の通り、ロゴマークが原子モデルそっくりです。

このエディタは様々なパッケージ(プラグインのようなもの)が用意されており、自分好みにカスタマイズできます。VSCodeなどのエディタでもいろいろカスタマイズ可能ですが、そのあたりは個人の好みです。

# Atomの導入
[Atom公式サイト](https://atom.io/)からインストーラーをダウンロードしてきます。
インストーラーを実行することでインストールが可能です。実行するだけでAtomのインストールが完了します。簡単です。

![bandicam 2019-04-13 16-06-33-825.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/208710/621c8bb8-4546-136f-e1a9-9fb20b7d78f2.jpeg)
画像の左下の赤枠で囲んだチェックボックスのチェックを外して、右上の赤枠の「No,Never」をクリックしてください。毎回起動時に変なダイアログとかウインドウとかが出てこなくなるので、すぐに作業を始められます。

# 使い方
疲れたので雑に書きます()
1.どこかに作業用のディレクトリを作ります。
2.File⇒Open Folder..をクリック
3.先ほど作ったディレクトリを指定して開く
4.左側の「Project」ってところにフォルダがあるのでそのフォルダ名の左端の>をクリックして展開する(下向きの>になれば展開されてる)。
5.左側の「Project」の下のスペースで右クリックして「New File」をクリックしたり、Ctrl+Nとかすることで新規ファイルを作れます(Ctrl+Sとかで保存する際にファイル名は聞かれるので拡張子も含めて指定してあげてください)。
6.編集が終わったら保存してgccでコンパイルします。platformio-ide-terminalを入れている方はウインドウ左下の「＋」ボタンをクリックすると作業ディレクトリにいる状態でターミナルが開きます。入れてない方はコマンドプロンプトとか開いて作業ディレクトリまで移動してコンパイルしてください。

-**追記2019.04.15**-
platformio-ide-terminalを使用している方向け
UTF-8で書かれたファイルを実行した場合、文字コードの違いによって文字化けが発生するようなので、ターミナルを開いたあと、`chcp 65001`というコマンドを実行してください。新しくターミナルを開いたあとは毎回行ってください。
※ここで言う新しくターミナルを開くとは、ウインドウ左下の「＋」ボタンをクリックして開くことです。一度格納したものを再度開く際にはこの動作は不要です。

もしくは、「Packages」→「platformio-ide-terminal」→「Settings」と進んで行き、「Core」という項目の、「Auto Run Command」というところに`chcp 65001`を追記してください。こうすることで、ターミナル起動時に毎回このコマンドが自動実行されます。

その他の文字コードについては[こちらのサイト](https://docs.microsoft.com/en-us/windows/desktop/intl/code-page-identifiers)の「Identifier」の項目を参照してください。数字部分をご自身の環境にあった数字に読み替えてください。
例)Shift-JIS→932

-追記終-

2回目以降開く場合は2,3の手順を行うことでディレクトリが開けますのであとは必要に応じて4~6の手順を行ってください。

**この部分は後程加筆修正します。**

# パッケージの導入方法
![bandicam 2019-04-13 16-10-47-485.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/208710/8a0a6b7c-5402-5b98-1594-329726b82dce.jpeg)
File⇒Settingsをクリックすると、以下のような画面が出てきますので、その中の「install」をクリックしてください。
![bandicam 2019-04-13 16-14-39-770.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/208710/a1765db2-b197-8f21-e8be-f5d10b87d3d9.jpeg)

以下の画像の赤枠の入力欄にパッケージ名を入力すると
![bandicam 2019-04-13 16-15-49-446.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/208710/29e84950-9122-3ca4-4597-26654ce46feb.jpeg)

このようにずらっと出てきますので、インストールしたいパッケージの「install」ボタンをクリックしてインストールしてください。
![bandicam 2019-04-13 16-19-16-561.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/208710/a6f6c381-a876-6e95-c400-fc023f46aaf5.jpeg)


# おススメパッケージ
###1. japanese-manue
名前の通り日本語化してくれるパッケージです。
![bandicam 2019-04-13 16-18-37-837.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/208710/78d28dc9-53fc-e74a-f6dc-7e90ade382b3.jpeg)


###2. platformio-ide-terminal
Atomでターミナル(端末ウインドウ)を使うことができるようになります。いちいちコマンドプロンプト(ターミナル)とAtomを行ったり来たりしなくていいようになります。使い方は全く同じなのでこれがあると便利です。
![bandicam 2019-04-13 16-18-04-545.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/208710/956996a9-9bd7-fa51-60c0-3b70860a3db1.jpeg)


###3. file-icons
ファイルの拡張子に応じて、各ファイルのアイコンを変えてくれます。一目で、なんの言語で書かれているかがわかって便利です！
![bandicam 2019-04-13 16-17-17-961.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/208710/56946346-ba27-46ee-64af-af12acbb81e6.jpeg)