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
2k
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)
Deno・Bunの標準機能やElysiaJSを使ったWebSocketサーバー実装 / ラーメン屋を貸し切ってLT会! IoTLT 2026新年会
you
PRO
0
300
M5Stack Chain DualKey を UIFlow 2.0 + USB接続で試す / ビジュアルプログラミングIoTLT vol.22
you
PRO
2
150
ローカルLLMをJavaScriptで(少しAIエージェントSDKなどの話も) / 冬のJavaScript祭り @Pleasanter Lounge
you
PRO
0
940
Webの技術で「特殊なゲーム用コントローラーや他デバイスなど」とブラウザを連携させる / HTML5 11th Anniversary
you
PRO
0
80
ブラウザのAPIで Nintendo Switch用の特殊なゲーム用コントローラーを体験型コンテンツに / IoTLT @ストラタシス・ジャパン
you
PRO
0
200
ローカルLLMとLINE Botの組み合わせ その2(EVO-X2でgpt-oss-120bを利用) / LINE DC Generative AI Meetup #7
you
PRO
1
880
生成AIとM5Stack / M5 Japan Tour 2025 Autumn 東京
you
PRO
0
430
子ども向けの活動や自身のモノづくり活動などでやったこと / micro:bit ファンの集い
you
PRO
0
43
ブラウザのAPIで色々なデバイスをあれこれ扱ってみた話(主にWeb HID API) / IoTLT @JLCPCB オープンハードカンファレンス
you
PRO
0
170
Other Decks in Technology
See All in Technology
Data Hubグループ 紹介資料
sansan33
PRO
0
2.7k
学生・新卒・ジュニアから目指すSRE
hiroyaonoe
2
590
Contract One Engineering Unit 紹介資料
sansan33
PRO
0
13k
レガシー共有バッチ基盤への挑戦 - SREドリブンなリアーキテクチャリングの取り組み
tatsukoni
0
210
SREが向き合う大規模リアーキテクチャ 〜信頼性とアジリティの両立〜
zepprix
0
440
クレジットカード決済基盤を支えるSRE - 厳格な監査とSRE運用の両立 (SRE Kaigi 2026)
capytan
6
2.7k
ブロックテーマでサイトをリニューアルした話 / 2026-01-31 Kansai WordPress Meetup
torounit
0
460
[CV勉強会@関東 World Model 読み会] Orbis: Overcoming Challenges of Long-Horizon Prediction in Driving World Models (Mousakhan+, NeurIPS 2025)
abemii
0
110
Context Engineeringが企業で不可欠になる理由
hirosatogamo
PRO
3
540
Webhook best practices for rock solid and resilient deployments
glaforge
1
280
仕様書駆動AI開発の実践: Issue→Skill→PRテンプレで 再現性を作る
knishioka
2
630
FinTech SREのAWSサービス活用/Leveraging AWS Services in FinTech SRE
maaaato
0
130
Featured
See All Featured
Designing for humans not robots
tammielis
254
26k
Navigating Algorithm Shifts & AI Overviews - #SMXNext
aleyda
0
1.1k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
249
1.3M
Digital Projects Gone Horribly Wrong (And the UX Pros Who Still Save the Day) - Dean Schuster
uxyall
0
330
Accessibility Awareness
sabderemane
0
51
How to build a perfect <img>
jonoalderson
1
4.9k
Imperfection Machines: The Place of Print at Facebook
scottboms
269
14k
Making Projects Easy
brettharned
120
6.6k
Building a Scalable Design System with Sketch
lauravandoore
463
34k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
333
22k
Build your cross-platform service in a week with App Engine
jlugia
234
18k
What the history of the web can teach us about the future of AI
inesmontani
PRO
1
430
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 をベースにしている
らしい)
見かけて気になったもの
今日のネタをキーワード検索して出てきた
フレームワーク・リアルタイム 通信周りを、また見ていきたい
終わり!