Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Socket.IO 4.x や JavaScriptフレームワーク+リアルタイム通信の話(Fa...
Search
you(@youtoy)
PRO
March 15, 2022
Technology
0
1.8k
Socket.IO 4.x や JavaScriptフレームワーク+リアルタイム通信の話(Fastify・µWebSockets.jsなど) / IoTLT vol.85
you(@youtoy)
PRO
March 15, 2022
Tweet
Share
More Decks by you(@youtoy)
See All by you(@youtoy)
Node-REDのFunctionノードでMCPサーバーの実装を試してみた / Node-RED × MCP 勉強会 vol.1
you
PRO
0
130
総額200円の入力インターフェースで年齢問わず楽しめる体験型展示 / エンジニアの自由研究発表会vol.10
you
PRO
0
57
Node−RED で Ollama を使ったローカルLLM(node-red-contrib-ollamaを利用) / ビジュアルプログラミングIoTLT vol.20
you
PRO
0
180
AIエージェント開発や最新の生成AIのAPI利用などJavaScriptで色々やってみる / IoTLT vol.123
you
PRO
0
110
ChatGPT からモックサーバー宛(Beeceptor宛)の HTTPリクエストを試す / IoTLT 202504
you
PRO
0
100
デモをまじえつつの生成AIの話題 / 横須賀プログラミング“夢”アカデミー発表会(2025年3月)
you
PRO
0
53
もくはりでのモノ作りと自身のモノ作り活動 / もくはり文化祭2024 オープン記念イベント
you
PRO
0
57
"かわいい" がテーマのハッカソンでWebの技術を使って魔法の世界を作った話など / HTML5 10th Anniversary
you
PRO
0
110
ブラウザで AI・機械学習が扱える TensorFlow.js が使われているライブラリなどの話 / #さくらのAI Meetup vol.4「ブラウザ」
you
PRO
0
240
Other Decks in Technology
See All in Technology
LangSmith×Webhook連携で実現するプロンプトドリブンCI/CD
sergicalsix
1
210
Connect 100+を支える技術
kanyamaguc
0
190
ビズリーチが挑む メトリクスを活用した技術的負債の解消 / dev-productivity-con2025
visional_engineering_and_design
3
6.9k
OPENLOGI Company Profile for engineer
hr01
1
34k
マネジメントって難しい、けどおもしろい / Management is tough, but fun! #em_findy
ar_tama
7
950
AI導入の理想と現実~コストと浸透〜
oprstchn
0
190
さくらのIaaS基盤のモニタリングとOpenTelemetry/OSC Hokkaido 2025
fujiwara3
3
390
面倒な作業はAIにおまかせ。Flutter開発をスマートに効率化
ruideengineer
0
230
マーケットプレイス版Oracle WebCenter Content For OCI
oracle4engineer
PRO
3
960
OSSのSNSツール「Misskey」をさわってみよう(右下ワイプで私のOSCの20年を振り返ります) / 20250705-osc2025-do
akkiesoft
0
150
「クラウドコスト絶対削減」を支える技術—FinOpsを超えた徹底的なクラウドコスト削減の実践論
delta_tech
4
150
React開発にStorybookとCopilotを導入して、爆速でUIを編集・確認する方法
yu_kod
1
240
Featured
See All Featured
What's in a price? How to price your products and services
michaelherold
246
12k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
44
2.4k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
251
21k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
30
2.1k
Documentation Writing (for coders)
carmenintech
72
4.9k
The MySQL Ecosystem @ GitHub 2015
samlambert
251
13k
Why Our Code Smells
bkeepers
PRO
336
57k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
281
13k
Navigating Team Friction
lara
187
15k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
29
1.8k
How to train your dragon (web standard)
notwaldorf
94
6.1k
The Language of Interfaces
destraynor
158
25k
Transcript
Socket.IO 4.x や JavaScriptフレームワーク +リアルタイム通信の話(Fastify・µWebSockets.jsなど) 2022年3月15日 (火) IoT縛りの勉強会! IoTLT vol.85
@オンライン 豊田陽介( ) @youtoy
自己紹介 ビジュアルプログラミング IoTLT共同主催、その他にも 豊田陽介( ) 普段は、某通信会社勤務 @youtoy ・IT系イベント主催、登壇や運営なども ・子ども向けの活動いろいろ(IT系以外も) ・
Microsoft MVP(2021/10 から) プライベートでの活動 ・ガジェット好き ・今月は技術書の出版が! その他 モノ作りコミュニティ界隈などの 皆様との共著(技術評論社から)
M5Stack + UIFlow +ネット接続 の作例を書いた!
本題へ!
今日の主な話題
今日の話題1: Socket.IO 4.x
初めて使ったのは2013年くらい? 間違いなくこのタイミングでは 使ってた Web技術者向け勉強会で、Arduino とWeb をつなぐハンズオン(主催者、兼、講師) の通信部分で使った
初めて使ったのは2013年くらい? 間違いなくこのタイミングでは 使ってた Web技術者向け勉強会で、Arduino とWeb をつなぐハンズオン(主催者、兼、講師) の通信部分で使った
気がついたら数回の メジャーバージョンアップ ※ かなり長い間、使ってなかった
最新の 4.x の情報を見てみて記事にした
書いた記事から情報をいくつか抜粋 クライアント側の実装、Go とか Rust とか入ってる 「Server Initialization」のページ で組み合わせられるものとして 登場していたもの
この後の話題につながった元
ちなみに koajs/koa: Expressive middleware for node.js using ES2017 async functions
nestjs/nest: A progressive Node.js framework for building efficient, scalable, and enterprise-grade server-side applications on top of TypeScript & JavaScript (ES6, ES7, ES8)
今日の話題2: Fastify と fastify-websocket
【Fastify】高速さが特長の1つらしい ベンチマークのページ: Fastify、Koa、Express Restify、Hapi との比較
余談:また他のが出てきたw Restify、Hapi
余談:また他のが出てきたw Restify、Hapi The future of Node.js REST development The Simple,
Secure Framework Developers Trust
公式のWebSocket連携の仕組みも
サーバー側・クライアント側のプログラム
今日の話題3: µWebSockets.js
µWebSocket.jsも高速性を特長にしてる 8.5x that of Fastify and at least 10x that
of Socket.IO 名指しでw
実装してみたサーバーサイド Get に対する応答 WebSocket用
今日の話題に関する内容は記事で公開済み
うまくいってない部分が あるもの
記事を書きつつお試しをしていたけど... 【Restify】 クイックスタートの中に Socket.IO が登場してる所が 【soketi】 シンプルで高速なオープンソースの WebSocketサーバーと紹介されていたもの (µWebSockets.js をベースにしている
らしい)
見かけて気になったもの
今日のネタをキーワード検索して出てきた
フレームワーク・リアルタイム 通信周りを、また見ていきたい
終わり!