JavaScriptのWebSocketsの最もシンプルで最高の抽象化クライアントは、HTML5標準の一部であり、ほとんどの最新のブラウザで直接使用できる「WebSocket」オブジェクトです。

それを使用するには、「WebSocket」オブジェクトのインスタンスを作成し、「Open」、「メッセージ」、「Close」イベントなどのイベントを聞くだけです。たとえば、基本的なWebSocket接続を作成し、「メッセージ」イベントを処理する例を示します。これは通常、クライアントとサーバー間でデータを送信するために使用されます。

``タイプスクリプト
const websocket = new WebSocket（ 'ws：// localhost：9001'）;

websocket.onopen =（）=> {
  console.log（ '接続確立！'）;
};

websocket.onmessage = async（e）=> {
  const data = e.data;

  //受信したデータで何かをします
};

websocket.addeventlistener（ 'close'、（）=> {
  console.log（ '接続閉じた。'）;
}）;
`` `
このコードは「WebSocket」インスタンスを作成し、「Open」、「メッセージ」、および「Close」イベントを聴きます。接続が確立されると、コンソールにメッセージを記録します。サーバーからデータが受信されると、「データ」変数に保存され、このデータを使用してサーバーで操作を実行するか、ブラウザUIを更新できます。接続が閉じられると、コンソールに別のメッセージを記録します。
The simplest and highest abstraction client for WebSockets in JavaScript is the built-in `WebSocket` object, which is a part of the HTML5 standard and can be used directly in most modern browsers.

To use it, you can simply create an instance of the `WebSocket` object and listen for events, such as the `open`, `message`, and `close` events. For example, here's an example of creating a basic WebSocket connection and handling the `message` event, which is typically used for sending data between the client and server:

```typescript
const webSocket = new WebSocket('ws://localhost:9001');

webSocket.onopen = () => {
  console.log('Connection established!');
};

webSocket.onmessage = async (e) => {
  const data = e.data;

  // do something with the received data
};

webSocket.addEventListener('close', () => {
  console.log('Connection closed.');
});
```
This code creates a `WebSocket` instance and listens for the `open`, `message`, and `close` events. When the connection is established, it logs a message to the console. When data is received from the server, it is stored in the `data` variable, and you can use this data to perform operations on the server or update the browser UI. When the connection is closed, it logs another message to the console.