Web 開発を学習していて、Node.js プロジェクトの開始方法について混乱していませんか?心配しないでください、私はあなたを持っています！わずか 5 つのステップで Node.js と Express.js を使用して最初のバックエンドを作成する方法を説明します。

?️5 つの重要なステップ:

• ステップ 1: プロジェクトをセットアップする
• ステップ 2: フォルダーを整理する
• ステップ 3:server.js ファイルを作成する
• ステップ 4: ルートを構築する
• ステップ 5: バックエンドを実行する

ステップ 1: プロジェクトをセットアップする ?️

1. Node.js と npm をインストールする: 公式 Web サイトから Node.js をダウンロードしてインストールします。パッケージの管理に役立つ npm (Node Package Manager) が付属しています。

2.プロジェクト フォルダーの作成: プロジェクト用のフォルダーを作成します。ターミナル (またはコマンド プロンプト) を開き、次のように入力します:

   mkdir my-node-project
   cd my-node-project

3.プロジェクトの初期化: フォルダー内で、次のように入力して新しい Node.js プロジェクトをセットアップします:

   npm init

これにより、すべてのプロジェクト情報と依存関係が保存される package.json ファイルが作成されます。不明な場合は、質問ごとに Enter キーを押してください。

4. Express.js をインストールする: Express.js は、バックエンドの構築を容易にするフレームワークです。次のように入力してインストールします:

   npm install express

ステップ 2: フォルダーを整理しますか?

物事を整理整頓しておくことが重要です。プロジェクトを構成する方法は次のとおりです:

• server.js: ここにメインのサーバー コードを記述します。
• routes/: ルート ファイルをここに保存します (Web リクエストを処理する場所)。
• controllers/: ルートのロジックを管理するコードを格納します。
• models/: データベースを使用している場合は、データベース モデルを保存します (現在は必要ありません)。

フォルダー構造の例:

my-node-project/
├── routes/
├── server.js
├── package.json
└── node_modules/

ステップ 3:server.js ファイルを作成する ?️

1.ファイルの作成: プロジェクト フォルダー内に、server.js という名前のファイルを作成します。これがアプリのエントリ ポイントになります。

2.最初の Node.js サーバーを作成する:

   const express = require('express'); // Importing express
   const app = express(); // Creating an express app

   // Create a route that sends a response when visiting the homepage
   app.get('/', (req, res) => {
     res.send('
Hello, Express.js Server!
');
   });

   // Set up the server to listen on port 3000
   const port = 3000;
   app.listen(port, () => {
     console.log(`Server is running on port ${port}`);
   });

3.テストしてみます: 次のように入力してサーバーを実行します:

   node server.js

次に、Web ブラウザを開いて http://localhost:3000 に移動します。 「こんにちは、Express.js サーバー!」と表示されるはずです。画面上に！

ステップ 4: ルートを構築しますか?

ルートは、サーバーがさまざまな URL リクエストにどのように応答するかを定義します。

1.ルートを作成する:server.js ファイルには、すでに 1 つのルートがあります:

   app.get('/', (req, res) => {
     res.send('Hello, Express.js Server!');
   });

2.ルートを追加: さらにルートを追加しましょう:

   app.get('/about', (req, res) => {
     res.send('This is the about page');
   });

   app.get('/contact', (req, res) => {
     res.send('This is the contact page');
   });

3.ルートをテストする: 保存した後、ブラウザに移動して次の URL にアクセスします:

• http://localhost:3000/ – 「Hello, Express.js Server!」と表示されるはずです。
• http://localhost:3000/about – 「これは about ページです」と表示されるはずです
• http://localhost:3000/contact – 「これは連絡先ページです」と表示されるはずです

ステップ 5: バックエンドを実行する ??

サーバーを実行し続けて変更をテストするには:

1.サーバーを起動します: サーバーを再度実行します:

   node server.js

2.テストしてみます: ブラウザで URL にアクセスするか、Postman などのツールを使用してリクエストを送信できます。

3.サーバーを最新の状態に保つ: コードを変更するとサーバーが自動的に再起動される、nodemon をインストールできます:

   npm install -g nodemon

ここで、ノードserver.jsの代わりに、次を実行します:

   nodemon server.js

出力？：

http://localhost:3000/ にアクセスすると、次のように表示されます:

Hello, Express.js Server!

http://localhost:3000/about にアクセスすると、次のように表示されます:

This is the about page

✅?お勧め:

この印刷可能なバックエンド開発者概念テンプレートを使用して進捗状況を追跡してください!

初心者の開発者は、適切な技術スタックの選択に苦労することが多く、時間の無駄やモチベーションの低下につながります。そこで、私は Notion で美しくデザインされた非常にわかりやすい 6 か月のバックエンド開発者ロードマップを作成しました。これにより、進捗状況を追跡し、目標を達成できるようになります。_

このロードマップ:

• ?️ 混乱を避けるための明確なパスを提供します。
• ?どこから始めてどこで終了するかを概説することで、モチベーションを維持するのに役立ちます。
• ?学校のカリキュラムと同様に、構造化された計画に従います。
• ?ツールと言語の週ごとの目標を設定して学習を整理します。
• ⏳ 必要なすべてを網羅し、6 か月以内に完了します。
• ?ナビゲーションが簡単な美しいデザインが特徴です。

この記事をお読みいただきありがとうございます。必ずフォローしてください?最新のアップデートについては。

続きを読む: 6 か月でバックエンド開発者になるためのスキル (ロードマップ)