276
252

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 1 year has passed since last update.

Visual Studio Codeを使用したC言語学習の準備

Last updated at Posted at 2017-05-01

はじめに

ここではVisual Studio Codeを用いてC言語の学習をするための準備をします。Visual Studio Code(以下、VSCode)は、Microsoftが提供しているフリーのエディタです。初心者にも扱いやすいと思います。また、Mac、Linux、Windowsで使用可能なので大変便利です。
※この記事はWindows、Macをメインに説明します。

コメントいただいた場合等、適宜改善を行なっております。
ベースがかなり古いため、画像やリンクなどを修正予定です。(2022/07/07)

ダウンロード

ダウンロードはこちらから
各自のOSに合わせてダウンロード、インストールしてください。
インストールが終わったら次の項目へ

ソースファイルを作成する

プログラムが書き込んであるファイルをソースファイルと呼びます。今回は、初めてプログラムを作成するときによく使われる「Helloworld」のプログラムを例に実行まで説明します。まず、空のソースファイルを作成しましょう。作成には、主に2通りの方法があります。

1. エクスプローラから新規ファイルを作成する

Windows

任意のフォルダで、右クリックをし[新規作成]→[テキスト ドキュメント]を選択しましょう。すると、名前の変更を要求されるので、「Helloworld.c」にしてください。このとき(.txt)は消すようにしてください。

拡張子の表示・非表示
拡張子とは、ファイルの種類を識別するための文字列です。ファイル名には必ず拡張子があり、ドット以下に記述されます。普段あまり意識することはないかもしれませんが、プログラムを扱う上では拡張子は重要になります。拡張子が非表示になっている場合には、リンクの記事をご覧ください。
[Windows]拡張子の表示・非表示

Mac

Macでは、標準の設定ではWindowsのように新規にファイルを作成することはできません。「XtraFinder」というソフトを使用すれば、作成できるようになるようです。詳しくは検索してみてください。
XtraFinder

2. Visual Studio Codeから新規ファイルを作成する

新規ファイル作成_1

VSCodeのファイルメニューより、新規ファイルを選択します。そうすると、新規ファイルへの記述が可能になります。

新規ファイル作成_2

このまま記述しても構わないのですが、ここではファイルの保存を優先したいと思います。

新規ファイル作成_3

[名前をつけて保存]を選択します。このとき、ファイルの拡張子(.c)をつけるのを忘れないでください。

|ショートカットキー|Windows|Mac|
|:--:|:--:|:--:|
|名前をつけて保存...|Ctrl+Shift+S|⇧⌘S|

スクリーンショット 2017-05-01 18.23.33.png

保存が完了したら、そのファイルへの記述が可能になります。その後は定期的に保存をするようにしましょう。

|ショートカットキー|Windows|Mac|
|:--:|:--:|:--:|
|保存|Ctrl+S|⌘S|

「Helloworld」の記述

「Helloworld」のプログラムは以下の通りです。コピーすることもできますが、せっかくなので手で打ってみることをお勧めします。

Helloworld.c
#include<stdio.h>

int main(void){
  printf("Helloworld\n");

  return 0;
}

終わったら保存を忘れずに......

拡張機能のインストール

VSCodeには、豊富な拡張機能があります。今回はC言語用の拡張機能をインストールしましょう。

拡張機能_1

まず、拡張機能のパネルを表示します。
赤い丸で示されたところをクリックします。

拡張機能_2

検索フォームに"C/C++"と入力します。一番上に出てきた拡張機能をインストールします。インストールが終了したら、有効化するために[再度読み込む]をクリックしてください。

以上で、拡張機能のインストールは終了です。

プログラムの実行

プログラムを実行するにはいくつかの方法がありますが、ここではVisual Studio Code内で実行する方法を紹介します。ここでは、ターミナルというものを使用します。まずは、ターミナルを表示しましょう。

プログラムの実行_1

[表示]の[統合ターミナル]を選択します。

コンパイル

プログラムを実行するにはコンパイルをする必要があります。プログラムをコンパイルして、実行ファイルを作成する必要があるのです。このコンパイルをするためにはパソコンにコンパイラというものをインストールする必要があります。今回は、コンパイラとしてgccを使用します。

コンパイラのインストール

ここからは、WindowsとMacで操作が大きく異なります。

Windows

パッケージ管理ツールのインストール

Windowsでは、MinGWをインストールします。これをインストールすることにより、gccが使用可能になります。
まずは、MinGWをこちらからダウンロードしてください。

MinGWの32bit版、64bit版について※2020/5/8

コメントにて、MinGWが32bit版であるからうまく動作しないのではないかという意見をいただいております。MinGWはgcc以外に様々なパッケージを扱っているために64bit版であるMinGW-w64が存在しています。しかし、gccそのものはアーキテクチャに依存しないため、32bit版と64bit版のMinGWのどちらでインストールしてもgccは同じものがインストールされます。したがって、記事内の32bit版MinGWでインストールした場合でも64bit版OSで動作すると考えられます。もし間違いがありましたら是非コメントをいただきたいと思います。

ダウンロード方法が変わっていたので編集しました。※2020/2/25

スクリーンショット 2020-02-25 15.57.41.png

右上の[Download]をクリックしてください。

スクリーンショット 2020-02-25 15.58.06.png

赤い枠のボタンをクリックして、インストーラーをダウンロードしてください。

ダウンロードが終わったら、ダウンロードしたファイルを実行します。

スクリーンショット 2017-05-01 22.24.40.png

このとき特にインストールディレクトリを変更する必要はありません。そのまま、[Continue]をクリックしてください。

パッケージのインストール

続いて、C言語をコンパイルするパッケージをインストールします。

mingwgui_setup

mingw32-base-bin
にチェックを入れてください。
チェックを2つから1つに変更しました。※2020/5/8

パッケージ_2

左上の[Installation]から[Apply Changes]を選択します。

パッケージ_3

[Apply]をクリックして終了です。

gccの有無の確認

新規追加しました。※2020/5/8

ここまで完了したら、MinGWフォルダが作成されているかを確認してください。C言語をコンパイルするためには、gccが必要です。gcc.exeファイルが存在するかどうかを確認してください。デフォルトでは、C:\MinGW\binのフォルダの中にgcc.exeが存在しているはずです。

環境変数PATHの設定

大幅に変更しました。※2020/5/8

コントロールパネルを起動し、コントロールパネル>システムとセキュリティ>システムから「システムの詳細設定」を開きます。

すると、以下のような「システムのプロパティ」が起動します。
一番下の[環境変数]をクリックしてください。

システムのプロパティ

その後、「環境変数」が起動します。これからgccへのパスを通してgccを利用できるようにします。下側の「システム環境変数」の変数中から「Path」を探して“選択”して、[編集]をクリックします。

すると、以下のような画面が表示されます。
右上の新規を押し、C:\MinGW\binを追加してください。

環境変数の追加

これでgccが利用できるようになります。

もしもgccが動作しない場合は、Pathの設定がうまくいってないと思われます。
当記事以外も参考にし、状況を切り分けながら検討していただければと思います。

Mac

Macに関しては、わかりやすい記事がありましたのでリンクさせていただきます。
Macにgccをインストールする

ターミナルでの移動

さて、gccが使用可能になったので、先ほど作った「Helloworld.c」をコンパイルし、実行ファイルにしてみたいと思います。

まずはターミナルにて「Helloworld.c」のファイルが保存されている場所まで移動しなくてはいけません。コマンドを利用して各自がソースファイルを保存した場所まで移動してみましょう。なお注意しないといけないのは、いきなり遠くのフォルダには移動できないということです。ターミナルに表示されている場所の1つ上か1つ下でないと動けません。地道に頑張ってみてください。

コマンド一覧 意味
cd ~~~ ~~~の名前のフォルダに移動する
cd .. 1つ上の階層に上がる
ls 現在の階層にあるファイル(フォルダ)名を表示する
おそらくこの3つのコマンドさえ使えれば、移動できるはずです。もしわからなければ、検索してみましょう。

では、目的の階層にたどり着いたとします。
コマンドで「ls」と打って、下のように表示されればたどり着いています。

Windows
PS C:\Users\user_name>test> ls
Mode          LastWriteTime          Length Name            
----          -------------          ------ ----
-a----    2017/05/01  00:00              79 Helloworld.c
PS C:\Users\user_name>test>
Mac
MacBook-Pro:test user_name$ls
Helloworld.c
MacBook-Pro:test user_name$

プログラムの実行ファイル作成

さて、ソースファイルの置かれた階層で次のコマンドを入力すると実行ファイルが作成されます。

Windows
PS C:\Users\user_name>test> gcc -o program Helloworld.c
Mac
MacBook-Pro:test user_name$gcc -o program Helloworld.c

仮にエラーがあった場合は、エラーが表示されますので、エラーをよくみてプログラムを修正してください。
うまく実行ファイルが作成された場合は、何も表示されません。

実行ファイルを実行

ついに最後です。上の項目で「-o program」と入力しましたが、これは実行ファイルの名前を指定するコマンドでした。「ls」を入力したら確認できますが、今いる階層に「program」という実行ファイルが作成してあるはずです。
では、最後に実行してみましょう。なお、実行するときにはファイル名の前に「./」をつけるのを忘れないでください。

Windows
PS C:\Users\user_name>test> ./program
Mac
MacBook-Pro:test user_name$./program

終わりに

いかがだったでしょうか。
かなり噛み砕いて説明しているところもあるので、もっと理解したいという人はぜひ検索してみてください。今後検索能力というのはとても重要になってきます。ぜひ自力で解決してみてください。

C言語を1日も早くマスターできることを祈っています。

276
252
5

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
276
252

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?