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フレームワーク+リアルタイム通信の話(Fastify・µWebSockets.jsなど) / IoTLT vol.85
Search
you(@youtoy)
PRO
March 15, 2022
Technology
0
1.5k
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)
WebHID API で Joy-Con・DUALSHOCK 4 のセンサーをブラウザから利用する / IoTLT vol.109
you
PRO
0
100
UIFlow 2.0 で MQTT をやってみた! / IoTLT vol.108
you
PRO
0
1.6k
UIFlow 2.0 と ATOMS3 の組み合わせで LINE通知を試す / ビジュアルプログラミングIoTLT vol.16
you
PRO
0
160
技術コミュニティの中での生成AI(自身の観測範囲での事例について) / 23 Xmas Talk / 20231209
you
PRO
0
1.4k
AI・機械学習ライブラリを使ったWebアプリでワクワク体験! / Qiita Night~AI、機械学習 / 20231201
you
PRO
2
2.1k
p5.js・p5playを使った体験イベントに参加した子達が手を動かすこと・考えることを楽しんでくれた話 / p5.js勉強会(第九回) / 20231126
you
PRO
0
53
LINEでのコミュニケーションにマスコットキーホルダーを使ってみる / LINEを使ったLT大会 #5
you
PRO
0
2.3k
イベントで大活躍の電子ペーパー名札 〜M5PaperとUIFlow+α〜 / #ヒーローズリーグ 2023 予選 in 第二部
you
PRO
0
92
ハッカソンでWebの技術を使った作品を作ってみた 〜ブラウザで機械学習やデバイス制御など〜 / HTML5 9th Anniversary
you
PRO
0
110
Other Decks in Technology
See All in Technology
2024-04-06 AMeDAS to Lagoon SORACOM UG 2024-04-06
anysonica
0
120
Tableau事例紹介 / Tableau Case Study of Eureka
kazuya_araki_tokyo
1
170
開発生産性向上サービスを作るFindyが自分たちで開発生産性を爆上げした組織づくりの歩み / Findy's path to boosting its own development productivity 2024-04-17
ma3tk
1
290
PHPカンファレンス小田原2024
ysknsid25
2
660
HEXA OSINT CTF V3 作戦会議
meow_noisy
0
110
TransitGatewayの基礎
toru_kubota
0
230
転移学習とドメイン適応の基礎
kmatsui
2
570
Databricks における 『MLOps』
databricksjapan
2
130
WebアプリケーションにおけるPDOの使い方入門 / phpcon odawara 2024
meihei3
2
420
検証を通して見えてきたTiDBの性能特性
lycorptech_jp
PRO
5
2.5k
Algyan イベント振り返り
linyixian
0
180
シン・Kafka / shin-kafka
oracle4engineer
PRO
6
2.7k
Featured
See All Featured
Typedesign – Prime Four
hannesfritz
36
2k
Automating Front-end Workflow
addyosmani
1354
200k
Teambox: Starting and Learning
jrom
128
8.4k
GitHub's CSS Performance
jonrohan
1023
450k
Robots, Beer and Maslow
schacon
PRO
154
7.9k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
1
3.4k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
320
20k
For a Future-Friendly Web
brad_frost
171
8.9k
The Illustrated Children's Guide to Kubernetes
chrisshort
28
46k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
39
4.4k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
6
990
Debugging Ruby Performance
tmm1
69
11k
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 をベースにしている
らしい)
見かけて気になったもの
今日のネタをキーワード検索して出てきた
フレームワーク・リアルタイム 通信周りを、また見ていきたい
終わり!