本文へスキップ
バージョン：4.x

はじめに

Socket.IO チュートリアルへようこそ！

このチュートリアルでは、基本的なチャットアプリケーションを作成します。Node.JSやSocket.IOの事前知識はほとんど必要ありませんので、あらゆるレベルのユーザーにとって最適です。

はじめに​

LAMP (PHP)などの一般的なWebアプリケーションスタックを使用してチャットアプリケーションを作成するのは、通常非常に困難です。サーバーへの変更のポーリング、タイムスタンプの追跡などが含まれ、本来あるべき速度よりもはるかに遅くなります。

ソケットは、従来からほとんどのリアルタイムチャットシステムが構築されているソリューションであり、クライアントとサーバー間の双方向通信チャネルを提供します。

つまり、サーバーはクライアントにメッセージを *プッシュ* することができます。チャットメッセージを入力すると、サーバーがそれを取得し、接続されている他のすべてのクライアントにプッシュするという考え方です。

このチュートリアルの使用方法​

ツール​

基本的なテキストエディターからVS Codeなどの完全なIDEまで、あらゆるテキストエディターでこのチュートリアルを完了できます。

さらに、各ステップの最後に、オンラインプラットフォーム（CodeSandboxとStackBlitzなど）へのリンクがあり、ブラウザから直接コードを実行できます。

Screenshot of the CodeSandbox platform

構文設定​

Node.jsの世界では、モジュールのインポートに2つの方法があります。

  • 標準的な方法：ECMAScriptモジュール（またはESM）
import { Server } from "socket.io";

参考：https://node.dokyumento.jp/api/esm.html

  • 従来の方法：CommonJS
const { Server } = require("socket.io");

参考：https://node.dokyumento.jp/api/modules.html

Socket.IOは両方の構文をサポートしています。

ヒント

プロジェクトではESM構文を使用することをお勧めしますが、一部のパッケージがこの構文をサポートしていないため、常に実行可能とは限りません。

便宜上、チュートリアル全体で、各コードブロックで好みの構文を選択できます。

const { Server } = require("socket.io");

準備できましたか？「次へ」をクリックして始めましょう。