100日後にエンジニアになるキミ - 5日目 - 環境構築 - プログラム言語やツール類のインストール

## テキストエディターのインストール

プログラム言語を学習する前に
マークアップ言語であるHTMLのコーディングから始めるのが良いでしょう。

HTML自体は「テキストエディター」という部類の
ソフトウェアであれば、何でも構いません。

テキストエディターは
・[Visual Studio Code](https://azure.microsoft.com/ja-jp/products/visual-studio-code/)
・[Sublime Text](https://www.sublimetext.com/)
・[Atom](https://atom.io/)
などであればMacOS,WIndows共に使えます。

Windows専用でれば
・[サクラエディタ](https://sakura-editor.github.io/)
・[TeraPad](https://tera-net.com/)

などもあります。

インストール方法はリンク先に従ってください。

ダウンロードするだけで使えるものや
インストーラー経由でインストールするものなど様々ですが
比較的簡単にインストールが行えるものばかりです。

これらは無料であるので使ってみて
好みのエディターを用いると良いでしょう。



## プログラム言語のインストール

HTMLのあとの講座ではPythonというプログラム言語を用いて
プログラミングを学習しますが、その実行環境としては
Jupyter Notebookというツールを用います。

このツールはプログラミングのコードを打ち込んで実行したり
その結果を保存して資料を作成したり
他の人のコードを参考にしたりするのにも役立ち
他の方々に共有をしたりすることができ、
学習の効率を非常に高めることができるものです。

他にもPythonの実行環境は存在します。
有名なツールだと

・[Visual Studio Code](https://azure.microsoft.com/ja-jp/products/visual-studio-code/)
・[PyCharm](https://www.jetbrains.com/ja-jp/pycharm/)
・[Atom](https://atom.io/)
・[Eclipse](https://www.eclipse.org/downloads/)

などがあります。

実際のプログラム開発現場では様々な流儀があり
そこで使用されるツールも様々ですが
Jupyter Notebookはプログラミング学習では
汎用的に世界中で用いられており非常に便利です。
他のエディターが好みだという方は、そちらの環境をお使いください。

インストールはPython言語とツールをまとめてインストールする事のできる
「Anaconda」というものを用いて行います。
WindowsでもMacでもやり方はとても簡単です。
この講座ではpythonはバージョン３系を用いて行いますので
講座に出てくるプログラムコードは全て３系のものになります。

インストール方法は下記に記載しておきますので
そちらを参考にしてインストールみてください。

## JupyterNotebookおよびAnacondaのインストール方法

anacondaのサイトへ行きインストーラーをダウンロードする


[Windows:](https://www.anaconda.com/download/#windows)
[MacOS:](https://www.anaconda.com/download/#macos)


<img width="980" alt="スクリーンショット 2020-03-25 17.51.16.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/379626/46031bd3-c44c-e15a-3374-df0fb652982f.png">

anaconda 3.xx 系の64-Bit Graphical Installer をダウンロードする。
ここの場合は左側の3.7系(Python 3.7 version)となる。

ダウンロード後に
インストーラーをダブルクリックなどで起動し、
説明に沿ってインストールを進める。

![picture_pc_61a8a5932b96616c2bc8d6d3e08dd70c.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/379626/1909c10d-82cb-ea3e-ff39-3839c682eda8.png)

上記はmacosでの画面ですがwindowsでもほぼほぼ同じです。
「続ける」をクリックして、先に進みます。

次に使用許諾契約が表示されたら一通り確認し
「続ける」をクリックします。
次にインストール先を再度確認する画面が表示されたら
インストール先などを選択して「インストール」をクリックします。

![picture_pc_2db15763948d806a728a9ad8bc9401c5.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/379626/f21d3d82-b032-90be-5175-831fe3d632ed.png)

インストールが終了するとこのような画面になります。
閉じるをクリックしてインストール終了です。

![picture_pc_ed895f281aa9b80c7d72d33285b7dc66.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/379626/c2077db7-9610-d41e-cabc-d2613af6e505.png)



JupyterNotebookはAnacondaに同封されているので
Anacondaのインストールが完了すると
JupyterNotebookも使えるようになります。

## インストール後の確認
きちんとインストールされているかを確認するには以下を試します。



windows:
プログラムの中からAnaconda Promptを探して起動する。

![picture_pc_25c14191ca4afde0ff2cd187a287ef14.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/379626/f035693c-8b3d-9859-ad33-cc6fd65bafa0.png)


macos:
アプリケーションの中からターミナルを探して起動する

![picture_pc_acd8f32e828be74ec556d5aa28e73326.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/379626/fb952896-31ab-6400-fb12-06280862d841.jpeg)


起動後に以下のコマンドを実行してみる

```
python --version
```

コマンド入力後に　エンターキー　を押して実行
以下のような　python　のバージョン表示が出ればOK

```
$ python --version
Python 3.xxx :: Anaconda xxx
```

※　インストールしたバージョンにより、各意の表示は異なります。

## JupyterNotebookの起動の仕方

windows:
プログラムの中からAnaconda Promptを探して起動する。

macos:
アプリケーションの中からターミナルを探して起動する
以下のコマンドを打ち込んでエンターキーを押す

```
jupyter notebook
```

以下のような画面がブラウザーで立ち上がればOK

![picture_pc_37f8fd052417195b35e21f4c724ee0e4.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/379626/6d4387d2-2620-a3c8-8e1f-bd7432ed53a1.png)


※　表示されるフォルダなどは各自の構成により異なります。

jupyter notebook　を起動した後は

http://localhost:8888/tree

でjupyter notebookの基本画面にアクセスできる。


ツール類が整ったらようやくコードを描く準備ができました。


君がエンジニアになるまであと95日

## 作者の情報
乙pyのHP：
http://www.otupy.net/

Youtube：
https://www.youtube.com/channel/UCaT7xpeq8n1G_HcJKKSOXMw

Twitter：
https://twitter.com/otupython