Node.js と Express.js でサーバーを構築する

Node.js と Express.js を使用して基本的なサーバーを構築する方法を説明いたします。これを基に、より複雑な機能を追加したり、データベースと連携して実際のウェブアプリケーションを開発することができます。Happy coding!

Node.js とは?

Node.js は Chrome V8 JavaScript エンジンでビルドされた JavaScript ランタイム環境です。ブラウザー環境でのみ実行されていた JavaScript をサーバー側でも実行できるようにし、それによりサーバーアプリケーションを構築することができるようになります。Node.js は非同期的イベントベースの動作をし、入出力作業に効率的であり、拡張性とパフォーマンスの面で優れた利点を提供します。

Express.js とは?

Express.js は Node.js 向けの高速で柔軟なウェブアプリケーションフレームワークです。ノードの基本機能よりも抽象化された API を提供し、ウェブアプリケーションの開発を簡単に行えるようサポートします。ルーティング、ミドルウェア、セッション管理など、さまざまな機能を提供し、開発者が効率的にウェブアプリケーションを構築できるよう支援します。


サーバー構築のための初期設定

  • Name
    プロジェクト初期設定とExpress.jsのインストール
    Type
    Description

    まず、プロジェクトフォルダを作成し、そのフォルダに移動します。そして、npmを使用してExpress.jsをインストールします。

プロジェクト初期設定とExpress.jsのインストール

mkdir (フォルダ名)
cd (フォルダ名)
npm init -y
npm install express

index.js ファイルの作成

  • Name
    プロジェクト初期設定とExpress.jsのインストール
    Type
    Description

    プロジェクトフォルダ内にindex.jsファイルを作成し、以下のように基本的な構造を記述します。

注意事項

  • Name
    プロジェクト初期設定とExpress.jsのインストール
    Type
    Description

    importではなくrequireを使用

    requireを使用する理由は、Node.jsが基本的にCommonJSモジュールシステムに従っているためです。CommonJSモジュールシステムは、Node.jsでモジュールを定義し、呼び出すために使用される標準的な方法であり、ECMAScript 5以前のJavaScriptではモジュールをサポートしていなかった時代にNode.jsの開発者たちが採用した方法です。

  • Name
    番外
    Type
    Description

    Node.jsでFrontendコードを書く場合、importを使用する理由は、最新バージョンのJavaScriptをサポートするブラウザと最新のフロントエンド開発ツールがES6(ES2015)のモジュールシステムをサポートしているためです。したがって、フロントエンド開発ではimportとexportを使用してモジュールを定義し、呼び出すことができます。

index.js

// Express.jsモジュールを取得
const express = require('express');
const app = express();
const port = 3000;

// ルートパスへのリクエストに対するハンドラ
app.get('/', (req, res) => {
res.send('Hello, World!');
});

// サーバー実行
app.listen(port, () => {
    console.log(`サーバーが http://localhost:${port} で実行中です。`);
});

サーバー実行

  • Name
    サーバー実行
    Type
    Description

    コマンドを使用してNode.jsサーバーを実行します。

  • Name
    ブラウザー確認
    Type
    Description

    サーバーが正常に実行されると、ブラウザーを開き、http://localhost:3000 にアクセスして "Hello, World!" メッセージを確認できます。

サーバー実行

node index.js