Windows版 Node.js環境構築方法まとめ

# 概要
ReactやElectronでの開発を行うにあたって、Node.js開発環境は必須になります。
今回は、WindowsでNode.js環境を構築する方法についてまとめます。

所要時間: 約10分

# 注意
2018年4月26日において最新安定版のNode.jsのバージョン(**v8.11.1**)での構築方法をまとめます。

# Node.js環境が構築されているかを確認

Node.jsの環境構築を行う前に、今利用しているWindowsにNode.js環境があるか
もしくは、v8.11.1より古いものを利用しているかの確認を行います。

## 確認方法

### 1. コマンドプロンプトを起動

インストールされているかの確認、Node.jsのバージョン確認などでコマンドプロンプト(俗に言う黒い画面)は頻繁に起動します。
まず、キーボードの**スタートボタン(Windowsマークのボタン) + R**を押下します。

![sc-13.png](https://qiita-image-store.s3.amazonaws.com/0/159013/8ebac158-c67f-4001-fd6c-28edecb5f086.png)

すると上記のウィンドウが画面の左下に表示されますので、**名前**の部分に**cmd**と入力してOKを押下します。
するとコマンドプロンプト(黒い画面)が表示されます。

### 2. インストール確認

コマンドプロンプトに、下記のとおり、「**node --version**」と入力しEnterを押下します。

```
node --version
```

Enterを押して、下記の画像のような表記になれば、Node.jsがインストールされていない環境になります。

![sc-18.png](https://qiita-image-store.s3.amazonaws.com/0/159013/082f4688-46b0-257e-136c-0c8f9fdf0852.png)

インストールされていれば、下記画像のように表示されますが、**v8.11.1**でなかった場合、続けて環境構築を行いましょう。

![sc-14.png](https://qiita-image-store.s3.amazonaws.com/0/159013/a9438b7b-b78d-17f6-d741-a9547df853ab.png)

# Node.js環境構築

## 1. Node.jsのダウンロード

[Node.js公式サイト](https://nodejs.org/ja/)
↑の公式サイトから、**8.11.1 LTS**をダウンロードします。

![sc-01.png](https://qiita-image-store.s3.amazonaws.com/0/159013/02a0dd6f-de40-2eb5-c761-3b9abaaaafeb.png)

ダウンロード時に、警告が表示されますが問題ないので**保存**を押下し、ダウンロードしたファイルを開きます。

![sc-02.png](https://qiita-image-store.s3.amazonaws.com/0/159013/b6000ada-df51-a316-e73c-511b113eba81.png)

## 2. Node.jsのインストール

1でダウンロードしたファイルを開き、Node.jsをインストールしていきます。
基本的に画面にしたがってインストールしていきます。

① ダウンロードしたファイルを開くと、下記の画面が表示されるので**Next**を押下します。
![sc-04.png](https://qiita-image-store.s3.amazonaws.com/0/159013/81409ea9-e49b-2d43-eece-2cb657d897b8.png)
<br />

② 利用規約画面でチェックして、**Next**を押下します。
![sc-05.png](https://qiita-image-store.s3.amazonaws.com/0/159013/c78d4c65-975c-50f5-e0b0-c97d36d3d8e3.png)
<br />

③ ダウンロード先指定の画面ですが、特に変更する必要はないので**Next**を押下します。
![sc-06.png](https://qiita-image-store.s3.amazonaws.com/0/159013/c9be6017-d9cc-e536-4be8-2fff42b89303.png)
<br />

④ カスタムインストール画面ですが、今回特に変更する必要はないのでそのまま、**Next**を押下します。
![sc-07.png](https://qiita-image-store.s3.amazonaws.com/0/159013/478abb71-a15c-f3a4-bd87-43a9f3884e05.png)
<br />

⑤ 最終のインストール確認画面です、**Install**押下で警告が出る場合がありますが、**はい**を押下します。
![sc-08.png](https://qiita-image-store.s3.amazonaws.com/0/159013/428a3c26-af9e-e696-7c64-4d951f9f671c.png)
<br />

⑥ インストール中です、だいたい数秒から1分ほどです。
![sc-10.png](https://qiita-image-store.s3.amazonaws.com/0/159013/ea9688eb-e578-5736-93ef-8470ad647a61.png)
<br />

⑦ インストール完了です。**Finish**を押下すると画面が閉じます。
![sc-09.png](https://qiita-image-store.s3.amazonaws.com/0/159013/5a57ac58-9027-050e-2558-61bea69dbee5.png)

## 3. インストールの確認
2でインストールが完了したら、正常にインストールできたかを確認します。
タスクバーの検索バー(デスクトップ左下)に、**node**と入力し**Node.js command prompt**を選択します。
![sc-11.png](https://qiita-image-store.s3.amazonaws.com/0/159013/3bb70be2-38ec-a59a-7ec4-542fc0fdfdbc.png)

**Node.js command prompt**を選択するとコマンドプロンプトが表示されるので、
先ほどと同じように「**node --version**」を入力し、Enterを押下します。

```
node --version
```

下記のように、v8.11.1と表示されればインストール成功となります。
![sc-12.png](https://qiita-image-store.s3.amazonaws.com/0/159013/9c5ddf98-61f3-71fd-1a18-3d53f92c09d7.png)
もし上記と異なっていた場合、下記のアンインストールを行なっていただいて再度、Nodeのダウンロードから試してください。

併せて、npmというNode.jsモジュールの管理ツールもインストールされるため
下記のコマンドで同じようにバージョンが表示されるか確認してください。

```
npm --version
```
# Node.js環境のUninstall
Node.jsをUninstallする場合の方法について
タスクバーの検索バー(デスクトップ左下)に**node**と入力し、**Uninstall Node.js**を選択します。
![sc-15.png](https://qiita-image-store.s3.amazonaws.com/0/159013/b4dfd47f-4f71-7378-82a4-a5458140361f.png)
<br />

アンインストールの確認画面が表示されるので、**はい**を選択するとアンインストールされます。
![sc-16.png](https://qiita-image-store.s3.amazonaws.com/0/159013/81e71fc3-8b58-cae5-92ae-129184aac4ac.png)


# 後書き
WindowsでのReact、Electron開発にて必須なNode.js開発環境の構築方法についてまとめました。
開発環境の構築は大変なイメージがありますが
まとめてみると、Windowsでも簡単に環境が構築できました。
Node.jsは安定版バージョンがコロコロ変わるため、今回は、現在最新安定版の**v8.11.1**で記事をまとめましたが
新しく安定版が変わり、変わるかわかりませんがインストール方法が変わったりすればまた記事をまとめようと思います。