エントリーの編集
![loading...](https://b.st-hatena.com/bdefb8944296a0957e54cebcfefc25c4dcff9f5f/images/v4/public/common/loading@2x.gif)
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
はじめてのSocket.io #2 チャット編「自分がemitした通信内容か判定する」 - ねこの足跡R
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
![アプリのスクリーンショット](https://b.st-hatena.com/bdefb8944296a0957e54cebcfefc25c4dcff9f5f/images/v4/public/entry/app-screenshot.png)
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
はじめてのSocket.io #2 チャット編「自分がemitした通信内容か判定する」 - ねこの足跡R
前回作成したチャットに機能追加を行います。今回はユーザー名の入力に対応しつつ、Socket.ioサーバから... 前回作成したチャットに機能追加を行います。今回はユーザー名の入力に対応しつつ、Socket.ioサーバから送られてきた内容が自分自身が送ったものかを判定する機能を追加していきます。 次のデモ動画の通り最初に名前を入力、自分自身が発言すると文字色が青色になります。 www.youtube.com 基本的な説明 原理 処理の流れ サンプルコード serve.js public/index.html public/app.js 実行する サーバを起動 ブラウザから確認 サーバを終了 解説 サーバ トークンの作成 特定のユーザーにだけemitする クライアント 自分のトークンを保存する トークンを比較し自分の通信か判定する 別のアプローチ トークンをクライアントで作成する 自分の発言は自分に送らない 続き 参考ページ 基本的な説明 原理 まずはいかにしてSocket.ioから送られてきた情報が自分