Node.jsプロジェクトのセットアップ
新しいNode.jsプロジェクトを初期化し、必要なWebSocketライブラリ(例:'ws')をインストールします。
「Node.jsプロジェクトのセットアップ」はCoddyKit上の無料WebSockets & Realtime Systems Programmingレッスンです。 これはレッスン1/4です。 下記で完全なレッスンを無料で読むことができます。その後、ブラウザ内の組み込みコードエディタと24時間対応のAIチューターでハンズオン演習できます。 これはWebSockets & Realtime Systems Programming学習パスの一部であり、ウェブとCoddyKitアプリ全体で進捗が同期されます。 WebSockets & Realtime Systems Programmingコースには全4レッスンが含まれています。
このレッスンの一部はまだ翻訳されておらず、英語で表示されています。
Welcome: Setting Up Node.js
Get ready to build your first WebSocket server! Our journey begins by setting up a new Node.js project. Node.js is a powerful JavaScript runtime that lets you run JavaScript code outside of a web browser.
This lesson will guide you through initializing your project and installing essential libraries.
Verify Node.js Installation
First things first, let's ensure Node.js and its package manager, npm (Node Package Manager), are installed on your system. Open your terminal or command prompt and run these commands:
node -v
npm -vInitialize Your Project Folder
Every Node.js project typically lives in its own folder. Let's create one and then use npm init to set up the project. The -y flag answers all prompts with default values.
mkdir my-websocket-server
cd my-websocket-server
npm init -yUnderstanding package.json
After running npm init -y, you'll find a new file named package.json in your project folder. This file is crucial! It acts as a manifest for your project, containing metadata and a list of all external libraries (dependencies) your project relies on.
{
"name": "my-websocket-server",
"version": "1.0.0",
"description": "My first Node.js WebSocket server",
"main": "index.js",
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1"
},
"keywords": [],
"author": "",
"license": "ISC"
}Installing the 'ws' Library
To build a WebSocket server, we need a special library to handle the WebSocket communication protocol. The ws library is a very popular, fast, and simple choice for Node.js.
Let's install it using npm:
npm install wsExploring node_modules
Once ws is installed, you'll see a new folder named node_modules appear in your project directory. This is where npm stores all the packages your project depends on, including ws and any of its own dependencies.
It can get quite large! You generally don't modify files inside node_modules directly.
Your First Node.js Script
Let's create a simple JavaScript file, index.js, to confirm our Node.js setup is working. In your project folder, create index.js and add this code:
// index.js
console.log("Hello CoddyKit from Node.js!");Running Your Node.js Script
Now that you have your index.js file, you can run it directly using the node command in your terminal. Make sure you are in your project's root directory.
node index.jsDependencies in package.json
After installing ws, if you open your package.json again, you'll notice a new "dependencies" section. This lists all the external packages your project needs to function, ensuring others can easily set up your project.
{
"name": "my-websocket-server",
"version": "1.0.0",
"description": "My first Node.js WebSocket server",
"main": "index.js",
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1"
},
"keywords": [],
"author": "",
"license": "ISC",
"dependencies": {
"ws": "^8.18.0"
}
}Quick Check: Project Setup
You've learned the basics of setting up a Node.js project. Let's test your knowledge!
Recap & Next Steps
Fantastic work! You've successfully set up your first Node.js project for building a WebSocket server. Here's what we covered:
- Verified Node.js and npm installations.
- Initialized a new project with
npm init. - Understood the role of
package.jsonandnode_modules. - Installed the
wslibrary. - Ran a basic Node.js script.
Next, we'll dive into writing the actual server-side logic to handle WebSocket connections!
よくある質問
「Node.jsプロジェクトのセットアップ」レッスンは無料ですか?
はい。「Node.jsプロジェクトのセットアップ」の完全なテキストはこのウェブで無料で読めます。インタラクティブに演習し(組み込みコードエディタと24時間対応のAIチューター)、WebSockets & Realtime Systems Programmingコースの残りをアンロックするには、CoddyKit PROにアップグレードしてください。 WebSockets & Realtime Systems Programmingコースには全4レッスンが含まれています。
「Node.jsプロジェクトのセットアップ」で何を学びますか?
新しいNode.jsプロジェクトを初期化し、必要なWebSocketライブラリ(例:'ws')をインストールします。 ブラウザで直接実行するハンズオンコードでWebSockets & Realtime Systems Programmingを演習し、24時間対応のAIチューターがレッスンを進める中での質問に答えます。
WebSockets & Realtime Systems Programmingを始めるのに経験は必要ですか?
事前経験は必要ありません。CoddyKitのWebSockets & Realtime Systems Programmingは初級者から上級者向けに構成されているため、ここから始めるか最初から始めて、自分のペースで進むことができます。 これはレッスン1/4です。
「Node.jsプロジェクトのセットアップ」レッスンにはどのくらい時間がかかりますか?
ほとんどのCoddyKitレッスンは約5~10分かかります。各レッスンはコンパクトでインタラクティブなので、着実に進歩し、ウェブとアプリ全体で正確に前回の場所から再開できます。
このWebSockets & Realtime Systems Programmingレッスンでコードを書いて実行できますか?
はい。すべてのWebSockets & Realtime Systems Programmingレッスンに組み込みコードエディタが含まれているため、ブラウザでリアルコードを書いて実行し、即座のAIフィードバックを取得できます。ローカル設定は不要です。
このコースのすべてのレッスン
- Node.jsプロジェクトのセットアップ
- サーバーサイドロジックの実装
- クライアントへのメッセージブロードキャスト
- ルームとチャネルの管理