INDEX
はじめに
![](http://asami-furuta.pecori.jp/wordpress/wp-content/uploads/2024/02/nwe_icon.jpeg)
ローカル環境でReactを動かすのに、Node.jsのインストールが必要だったので執筆します。
- Node.jsとは
Node.jsは、JavaScriptを使ってサーバーサイドのプログラムを実行できるプラットフォームです。従来、JavaScriptはWebブラウザ上で動作する言語でしたが、Node.jsによってサーバーサイドでも使えるようになり、Webアプリケーション開発の可能性を広げました。
- Node.jsの特徴とは?
- JavaScriptでサーバーサイド開発: ブラウザ上でしか動かせなかったJavaScriptが、Node.jsによってサーバーサイドでも使えるようになりました。これにより、フロントエンドとバックエンドを同じ言語で開発できるようになり、開発効率が向上しました。
- 軽量で高速: Node.jsはV8 JavaScriptエンジンを使用しており、軽量で高速な動作を実現しています。これは、多くのユーザーを同時に処理する必要があるWebアプリケーションにおいて重要なポイントです。
- イベント駆動: Node.jsはイベント駆動モデルを採用しており、非同期処理に優れています。これは、多数の同時接続を処理する必要があるWebアプリケーションにおいて、効率的な処理を実現します。
- 豊富なライブラリ: Node.jsには、Webアプリケーション開発に必要な様々なライブラリが用意されています。これらのライブラリを活用することで、開発時間を短縮することができます。
- Node.jsでできること
- Webサーバー: WebサイトやWebサービスのサーバーを構築することができます
- リアルタイムアプリケーション: チャットやメッセージングなどのリアルタイムアプリケーションを開発することができます。
- APIサーバー: REST APIなどのAPIサーバーを構築することができます。
- コマンドラインツール: サーバー上で実行するコマンドラインツールを開発することができます。
手順
STEP
下記サイトにアクセスする
あわせて読みたい![](data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==)
![](https://nodejs.org/zh-cn/next-data/og?title=Node.js%20%E2%80%94%20Run%20JavaScript%20Everywhere&type=announcement)
Node.js — Run JavaScript Everywhere Node.js® is a JavaScript runtime built on Chrome’s V8 JavaScript engine.
STEP
推奨版の18.16.1をインストールします。(2023/07時点)
![](https://asami-furuta.pecori.jp/wordpress/wp-content/uploads/2024/02/nodejs-install-step01-1024x576.png)
![](https://asami-furuta.pecori.jp/wordpress/wp-content/uploads/2024/02/nodejs-install-step01-1024x576.png)
STEP
インストーラーがダウンロードされたことを確認する
![](https://asami-furuta.pecori.jp/wordpress/wp-content/uploads/2024/02/nodejs-install-step02-1024x576.png)
![](https://asami-furuta.pecori.jp/wordpress/wp-content/uploads/2024/02/nodejs-install-step02-1024x576.png)
STEP
ダウンロードしたインストーラーを実行する
![](https://asami-furuta.pecori.jp/wordpress/wp-content/uploads/2024/02/nodejs-install-step03-1024x576.png)
![](https://asami-furuta.pecori.jp/wordpress/wp-content/uploads/2024/02/nodejs-install-step03-1024x576.png)
STEP
Nextをクリックし事前設定を確認します。
![nodejs-install-step04](http://asami-furuta.pecori.jp/wordpress/wp-content/uploads/2024/02/nodejs-install-step04-1024x576.png)
![nodejs-install-step04](http://asami-furuta.pecori.jp/wordpress/wp-content/uploads/2024/02/nodejs-install-step04-1024x576.png)
STEP
ライセンスの同意に✅を付けて、Nextをクリックする
![](https://asami-furuta.pecori.jp/wordpress/wp-content/uploads/2024/02/nodejs-install-step05-1024x576.png)
![](https://asami-furuta.pecori.jp/wordpress/wp-content/uploads/2024/02/nodejs-install-step05-1024x576.png)
STEP
プログラムの保存先をデフォルトのままでNextをクリックする
![](https://asami-furuta.pecori.jp/wordpress/wp-content/uploads/2024/02/nodejs-install-step06-1024x576.png)
![](https://asami-furuta.pecori.jp/wordpress/wp-content/uploads/2024/02/nodejs-install-step06-1024x576.png)
STEP
特に操作もせず、Nextをクリックする
![nodejs-install-step07](http://asami-furuta.pecori.jp/wordpress/wp-content/uploads/2024/02/nodejs-install-step07-1024x576.png)
![nodejs-install-step07](http://asami-furuta.pecori.jp/wordpress/wp-content/uploads/2024/02/nodejs-install-step07-1024x576.png)
STEP
特に操作もせず、Nextをクリックする
自動で必要なツールをインストールしますか?と聞かれていますが、 余分なものを取り込みたくないので✅を付けません。
![nodejs-install-step08](http://asami-furuta.pecori.jp/wordpress/wp-content/uploads/2024/02/nodejs-install-step08-1024x576.png)
![nodejs-install-step08](http://asami-furuta.pecori.jp/wordpress/wp-content/uploads/2024/02/nodejs-install-step08-1024x576.png)
STEP
Installをクリックしインストールを開始します。
![nodejs-install-step09](http://asami-furuta.pecori.jp/wordpress/wp-content/uploads/2024/02/nodejs-install-step09-1024x576.png)
![nodejs-install-step09](http://asami-furuta.pecori.jp/wordpress/wp-content/uploads/2024/02/nodejs-install-step09-1024x576.png)
STEP
インストールが完了するまで待ちます。
![nodejs-install-step10](http://asami-furuta.pecori.jp/wordpress/wp-content/uploads/2024/02/nodejs-install-step10-1-1024x576.png)
![nodejs-install-step10](http://asami-furuta.pecori.jp/wordpress/wp-content/uploads/2024/02/nodejs-install-step10-1-1024x576.png)
STEP
インストールの完了を確認してFinishをクリックします。
![nodejs-install-step11](http://asami-furuta.pecori.jp/wordpress/wp-content/uploads/2024/02/nodejs-install-step11-1024x576.png)
![nodejs-install-step11](http://asami-furuta.pecori.jp/wordpress/wp-content/uploads/2024/02/nodejs-install-step11-1024x576.png)
2. Node.jsのversionが18.16.1のか確認する
STEP
下記コマンドを実行しversionを確認する
node --version
STEP
versionが18.16.1である事を確認する
$ node --version
v18.16.1