🐥

nodeでjsの実行環境を一瞬で構築する方法

2024/11/23に公開

1. Node.jsをインストール

  1. 公式サイトにアクセス
    Node.js公式サイトにアクセスします。

  2. バージョンを選択

    • LTS (Long Term Support): 安定版。推奨。
    • Current: 最新の機能を試したい場合に選択。
  3. インストール
    ダウンロードしたインストーラを実行し、インストール手順に従います。

  4. 確認
    インストール後、ターミナルまたはコマンドプロンプトで以下のコマンドを実行してインストールを確認します:

    node -v
    npm -v
    

    これにより、Node.jsとnpm(Node Package Manager)のバージョンが表示されます。


2. プロジェクトディレクトリを作成

  1. ディレクトリを作成
    好きな場所にプロジェクト用のディレクトリを作成します。

    mkdir my-js-project
    cd my-js-project
    
  2. Nodeプロジェクトを初期化
    以下のコマンドを実行し、package.jsonを作成します:

    npm init -y
    

    -yオプションを使うと、デフォルト設定でpackage.jsonを生成します。


3. JavaScriptファイルを作成

  1. ファイルを作成
    プロジェクトディレクトリ内に新しいJavaScriptファイルを作成します。

    touch index.js
    
  2. サンプルコードを記述
    作成したindex.jsファイルに以下のようなコードを記述します:

    console.log("Hello, Node.js!");
    

4. スクリプトを実行

  1. 実行
    ターミナルで以下のコマンドを実行します:
    node index.js
    
    出力:
    Hello, Node.js!
    

5. 必要に応じてモジュールをインストール

Node.jsではnpmを使ってライブラリやモジュールをインストールできます。

  1. 例: Expressをインストール

    npm install express
    
  2. インストール済みモジュールの確認
    node_modulesディレクトリにインストールされたモジュールが保存されます。

  3. インストールされたモジュールを使う
    index.jsでモジュールを使用します:

    const express = require('express');
    const app = express();
    
    app.get('/', (req, res) => {
        res.send('Hello, Express!');
    });
    
    app.listen(3000, () => {
        console.log('Server is running on http://localhost:3000');
    });
    
  4. サーバーを実行

    node index.js
    
  5. ブラウザで確認
    http://localhost:3000を開き、「Hello, Express!」が表示されることを確認します。


これでNode.jsによるJavaScript実行環境の構築が完了です!

Discussion