2
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

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

Last updated at Posted at 2019-04-13

#GCCって何?

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

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

GCCの導入

1.インストーラーの入手

  1. MinGW公式サイトの赤枠で囲ったボタンをクリックしてインストーラーを入手します。
    bandicam 2019-04-13 03-31-21-992.jpg

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

2.インストール開始

ダウンロード完了後に、インストーラーを実行すると、以下のようなウインドウが表示されます。
「Install」ボタンをクリックしてください。
bandicam 2019-04-13 03-32-58-010.jpg

次のウインドウでは何も設定を変えずに「Continue」をクリックしてください。
bandicam 2019-04-13 03-33-09-253.jpg

すると処理が始まりますので「Continue」ボタンがクリックできるようになったらクリックしてください。
bandicam 2019-04-13 03-33-19-775.jpg
bandicam 2019-04-13 03-33-42-526.jpg

以下の画像のように4つの項目についてチェックを入れてください。
bandicam 2019-04-13 03-35-29-557.jpg

チェックが入っていることを確認して
bandicam 2019-04-13 03-36-06-090.jpg

「Installation」⇒「Apply Changes」⇒「Apply」と進んでいってください。
bandicam 2019-04-13 03-36-34-456.jpg
bandicam 2019-04-13 03-36-50-503.jpg

以下のようなウインドウが出てきた後、
bandicam 2019-04-13 03-37-32-174.jpg

このようなウインドウが表示され、「close」ボタンが押せるようになったら「close」ボタンを押して終了です。
bandicam 2019-04-13 03-39-58-671.jpg

3.環境変数の設定

「コントロールパネル」⇒「システム」と開き、ウインドウ左端にある「システムの詳細設定」をクリックします。
bandicam 2019-04-13 03-41-07-059.jpg

開いたウインドウの下の方にある「環境変数」というボタンをクリックします。
bandicam 2019-04-13 03-41-24-788.jpg

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

ウインドウ下半分の「システム環境変数」の中に「Path」という項目がありますので、選択して「編集」ボタンを押してください。
bandicam 2019-04-13 03-42-01-270.jpg

次に開いたウインドウの「参照」ボタンを押して先ほどインストールしたMinGWのbinフォルダを指定します。
MinGWインストール時に指示通りに進めていった場合、C:\MinGW\bin にあります
bandicam 2019-04-13 03-42-20-446.jpg
指定して「OK」ボタンを押して、以下のようになっていれば(インストール場所を変えている場合はそこへのパス)きちんとパスの設定ができているはずです。
bandicam 2019-04-13 03-43-00-623.jpg

きちんと、設定できたかどうか確認するためには、コマンドプロンプトに gcc -v と入力し、以下のようにgcc version ~~と表示されれば成功です。何らかのエラーが起こる場合はどこかで設定を誤っていないか再確認して下さい。
bandicam 2019-04-13 03-43-57-429.jpg

続いてはAtomの導入です。

Atomって何?

atom.png

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

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

Atomの導入

Atom公式サイトからインストーラーをダウンロードしてきます。
インストーラーを実行することでインストールが可能です。実行するだけでAtomのインストールが完了します。簡単です。

bandicam 2019-04-13 16-06-33-825.jpg
画像の左下の赤枠で囲んだチェックボックスのチェックを外して、右上の赤枠の「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を追記してください。こうすることで、ターミナル起動時に毎回このコマンドが自動実行されます。

その他の文字コードについてはこちらのサイトの「Identifier」の項目を参照してください。数字部分をご自身の環境にあった数字に読み替えてください。
例)Shift-JIS→932

-追記終-

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

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

パッケージの導入方法

bandicam 2019-04-13 16-10-47-485.jpg
File⇒Settingsをクリックすると、以下のような画面が出てきますので、その中の「install」をクリックしてください。
bandicam 2019-04-13 16-14-39-770.jpg

以下の画像の赤枠の入力欄にパッケージ名を入力すると
bandicam 2019-04-13 16-15-49-446.jpg

このようにずらっと出てきますので、インストールしたいパッケージの「install」ボタンをクリックしてインストールしてください。
bandicam 2019-04-13 16-19-16-561.jpg

おススメパッケージ

###1. japanese-manue
名前の通り日本語化してくれるパッケージです。
bandicam 2019-04-13 16-18-37-837.jpg

###2. platformio-ide-terminal
Atomでターミナル(端末ウインドウ)を使うことができるようになります。いちいちコマンドプロンプト(ターミナル)とAtomを行ったり来たりしなくていいようになります。使い方は全く同じなのでこれがあると便利です。
bandicam 2019-04-13 16-18-04-545.jpg

###3. file-icons
ファイルの拡張子に応じて、各ファイルのアイコンを変えてくれます。一目で、なんの言語で書かれているかがわかって便利です!
bandicam 2019-04-13 16-17-17-961.jpg

2
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
2
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?