Windows 上で Node.js をインストールしてローカル開発環境を作る方法

この著者は、「Write for Donations」プログラムの一環として、Code.orgに寄付をすることを選びました。

こんにちは、私の名前は[名前]です。よろしくお願いします。

Node.jsは人気のあるJavaScriptのランタイム環境であり、ReactやAngular、VueなどのフロントエンドのJavaScriptライブラリと共に作業することができます。また、ExpressやNestのフレームワークを使ってフルスタックアプリケーションを構築することもできます。JavaScriptアプリケーションを構築するためには、ローカルでNodeの環境を用意する必要があります。

このチュートリアルでは、WindowsコンピューターのためにローカルなNode.jsプログラミング環境をセットアップします。

前提条件

Windows 10を実行し、管理者アクセス権限があるデスクトップまたはノートパソコンとインターネット接続が必要です。

ステップ1 – Node Version Managerを使用してNode.jsをインストールする。

ノードバージョンマネージャー(NVM)は、コンピュータにNode.jsをインストールするための最適な方法です。NVMを使用すると、複数のNode.jsのバージョンを同時に管理できるため、異なるプロジェクトに特定のNodeバージョンを使用する必要がある場合に便利です。この手順では、NVMのWindowsバージョンを使用してNode.jsをインストールします。

最新バージョンを入手するために、NVM-Windowsのリリースページを訪れてください。このチュートリアル作成時点では、最新のNVMバージョンは1.1.9です。

【Japanese】
アセットセクションにスクロールし、nvm-setup.exeをクリックしてセットアップファイルをコンピュータのダウンロードフォルダにダウンロードしてください。

Screencapture of the NVM Assets section with in a red square

ダウンロードが完了したら、ダウンロードの場所に移動して、nvm-setup.exe ファイルをダブルクリックしてインストールプロセスを開始してください。

インストールウィザードがロードされ、ツールの目的地フォルダーなどの選択肢を提供します。

Screencapture of the Select Destination Location in the NVM install wizard

コンピュータにNVMをインストールするために、インストールプロンプトに従ってください。

次に、コンピューター上でターミナル、コマンドプロンプト、またはパワーシェルを管理者として開いてください。

このコマンドを使用して、NVMのインストールを確認します。

  1. nvm -v

 

NVMバージョン番号を確認すると、次のような出力が表示されます。

Output

Running version 1.1.9. …

このコマンドを使用すると、インストールできるNodeのバージョンを確認することができます。

  1. nvm list available

 

ノードのバージョンの一覧が表示されます。

Output

| CURRENT | LTS | OLD STABLE | OLD UNSTABLE | |————–|————–|————–|————–| | 18.7.0 | 16.16.0 | 0.12.18 | 0.11.16 | | 18.6.0 | 16.15.1 | 0.12.17 | 0.11.15 | | 18.5.0 | 16.15.0 | 0.12.16 | 0.11.14 | | 18.4.0 | 16.14.2 | 0.12.15 | 0.11.13 | | 18.3.0 | 16.14.1 | 0.12.14 | 0.11.12 | | 18.2.0 | 16.14.0 | 0.12.13 | 0.11.11 | | 18.1.0 | 16.13.2 | 0.12.12 | 0.11.10 | | 18.0.0 | 16.13.1 | 0.12.11 | 0.11.9 | | 17.9.1 | 16.13.0 | 0.12.10 | 0.11.8 | | 17.9.0 | 14.20.0 | 0.12.9 | 0.11.7 | | 17.8.0 | 14.19.3 | 0.12.8 | 0.11.6 | | 17.7.2 | 14.19.2 | 0.12.7 | 0.11.5 | | 17.7.1 | 14.19.1 | 0.12.6 | 0.11.4 | | 17.7.0 | 14.19.0 | 0.12.5 | 0.11.3 | | 17.6.0 | 14.18.3 | 0.12.4 | 0.11.2 | | 17.5.0 | 14.18.2 | 0.12.3 | 0.11.1 | | 17.4.0 | 14.18.1 | 0.12.2 | 0.11.0 | | 17.3.1 | 14.18.0 | 0.12.1 | 0.9.12 | | 17.3.0 | 14.17.6 | 0.12.0 | 0.9.11 | | 17.2.0 | 14.17.5 | 0.10.48 | 0.9.10 |

Nodeには2つの主要なバージョン、CurrentとLTS(長期間サポート)があります。開発目的では、LTSバージョンのインストールが推奨されています。また、使用するNodeのバージョンについて詳しくは、さらに読むこともできます。

このリストから最新のLTS版を次のコマンドでインストールします。

  1. nvm install 16.16.0

 

あなたのコンピュータにはNode.jsのバージョン16.16.0がインストールされます。

Output

Downloading node.js version 16.16.0 (64-bit)… Extracting… Complete Installation complete. If you want to use this version, type nvm use 16.16.0

コンピュータにインストールされているNodeのバージョンを確認してください。

  1. nvm list

 

利用可能なNodeのバージョンがリストで表示されます。

Output

16.16.0 * 16.15.0 (Currently using 64-bit executable) 14.16.0 8.12.0

インストールされているバージョンが複数ある場合は、nvm useを使用してこのリストから別のバージョンを選択できます。使用したいバージョンを指定してください。

  1. nvm use 16.16.0

 

このような出力が表示されます。-
このような結果が表示されます。

Output

Now using node v16.16.0 (64-bit)

ノードのバージョンを確認するために、以下のコマンドを使用してください。

  1. node –version

 

出力結果では、Nodeのバージョンが表示されます。

Output

v16.16.0

Nodeは、Nodeパッケージをインストールおよび管理するためにNode Package Manager (NPM)もインストールします。NPMのバージョンを確認するには、以下のコマンドを使用してください。

  1. npm –version

 

出力にNPMバージョンが表示されます。

Output

8.11.0

このステップでは、Nodeをインストールしました。ローカル開発環境のセットアップを完了するために、次のステップでWindowsコンピュータにGit Bashもインストールする必要があります。

ステップ2 — Git Bashのインストール

このステップでは、コンピュータにGit Bashをインストールします。Gitは人気のあるバージョン管理システムであり、BashはLinuxオペレーティングシステム用の人気のあるターミナルプログラムです。

Windowsユーザーとして、ビルトインのWindowsコマンドプロンプトやPowerShellでほとんどのタスクを実行することができます。しかし、最新の開発ワークフローではLinuxベースのコマンドが標準となっています。Bashコマンドを使い、学ぶことで、多くのプログラミングチュートリアルについて理解できるようになります。

Windows 11を実行しているか、Windows 10の最新の開発版をお持ちの場合、wingetコマンドラインユーティリティを使用してGitをインストールできます。

  1. winget install –id Git.Git -e –source winget

 

WingetツールはWindows Package Managerサービスのクライアントインターフェースです。

–idフラグは、一意のIDで識別されるパッケージをwingetにインストールするよう指定します。-eまたはexactフラグは大文字と小文字を区別する必要があります。–sourceフラグは、指定されたソースからのインストールを保証します。この場合、wingetリポジトリからのインストールです。

Gitのウェブサイトにアクセスし、インストールウィザードを使ってGit Bashをインストールすることもできます。

Screencapture of the downloads page on the Git website

インストールウィザードを使用する場合、ダウンロードが完了したらデフォルトの設定でインストールファイルを実行することができます。

Screencapture of the first prompt with the Git installation wizard where you will click next to start setup

Gitのインストールを確認するために、以下のコマンドを実行してください。

  1. git –version

 

あなたはバージョンを見ることができます。

Output

git version 2.30.2.windows.1

あなたのコンピュータに必要なツールがあれば、期待通りにすべてが動作するかテストするために簡単なNode.jsプログラムを作成できるようになりました。

ステップ3 – シンプルなプログラムを作成する

このステップでは、Node.jsのランタイムをテストするために、シンプルな「Hello, World」というアプリを作成します。

インストールしたGit Bashアプリを開いてください。次に、以下のコマンドを使用して、コマンドラインのテキストエディタであるnanoを使って新しいファイルを作成してください。

  1. nano hello.js

 

別のオプションとして、VSCodeなどのお好みのエディタでこのファイルを開くこともできます。

hello.jsファイルに以下の行を追加してください。

こんにちは.js (Konnichiwa.js)
let message = "Hello, World!";
console.log(message);

最初に、メッセージ変数を「Hello, World!」の文字列で定義します。次に、ファイルが実行された際にconsole.logがメッセージ変数の内容を表示します。

ファイルを保存して閉じてください。

今、このプログラムをNodeで実行してください。

  1. node hello.js

 

プログラムは実行され、その出力は画面に表示されます。 (Puroguramu wa jikkō sare, sono shutsuryoku wa gamen ni hyōji sa remasu.)

Output

Hello, World!

Node.jsは、ブラウザを使用せずにJavaScriptコードを実行することができるため、hello.jsファイルを実行することができました。

結論

Nodeは頑健なJavaScriptのランタイム環境です。このチュートリアルでは、Windows 10上でローカルのNode開発環境を作成しました。

Windowsでローカル開発環境が設定されたので、React、Angular、Vue.jsのチュートリアルに従ってNodeサーバーをセットアップし、フロントエンドアプリケーションの構築を始めることができます。フルスタック開発のためには、Expressでプロジェクトをセットアップできます。

コメントを残す 0

Your email address will not be published. Required fields are marked *


广告
広告は10秒後に閉じます。
bannerAds