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
加速するEdge Computing
Search
Shinobu Hayashi
November 27, 2021
Technology
6
6.4k
加速するEdge Computing
JSConf JP 2021でLTさせていただいた時の資料です.
Shinobu Hayashi
November 27, 2021
Tweet
Share
More Decks by Shinobu Hayashi
See All by Shinobu Hayashi
Big “heart” of mud, 10000 lines VCL generated from .vcl.handlebars
shinyaigeek
0
85
Managing "side effect" in Frontend Development
shinyaigeek
3
2.8k
爆速の日経電子版開発の今
shinyaigeek
2
1.8k
ブラウザ作りのすゝめ
shinyaigeek
1
370
ASTをいじいじして僕のかんがえた最強のDXを得る
shinyaigeek
0
280
フロントエンド
shinyaigeek
0
150
Web Frontend Performance Tuning
shinyaigeek
1
310
Other Decks in Technology
See All in Technology
アクセス制御にまつわる改善 / Improving access control
itkq
0
560
AWS学習者向けにAzureの解説スライドを作成した話
handy
2
100
The AI Revolution Will Not Be Monopolized: Behind the scenes
inesmontani
PRO
0
110
GrafanaMeetup_AmazonManagedGrafanaのアクセス制御機能とマルチテナント環境下でのアクセス制御について
daitak
0
310
ServiceNow Knowledge Learning Rise up
manarobot
0
210
JAWS-UG Bedrock Claude Night
yamahiro
3
620
いいたいことちゃんという
tkengo
0
110
Azure犬駆動開発の記録/GlobalAzureFukuoka2024_20240420
nina01
1
220
「スニダン」開発組織の構造に込めた意図 ~組織作りはパッションや政治ではない!~
rinchsan
4
580
KubeConにproposalを送りたい人へのアドバイス
sat
PRO
3
260
Gradle Build Scanを使ってビルドのことを知ろう potatotips #87
tomorrowkey
2
110
Building Dashboards as a Hobby
egmc
0
300
Featured
See All Featured
Designing the Hi-DPI Web
ddemaree
276
33k
The Cost Of JavaScript in 2023
addyosmani
16
3.9k
Raft: Consensus for Rubyists
vanstee
132
6.3k
How to train your dragon (web standard)
notwaldorf
73
5.2k
Designing on Purpose - Digital PM Summit 2013
jponch
110
6.5k
Intergalactic Javascript Robots from Outer Space
tanoku
266
26k
Why Our Code Smells
bkeepers
PRO
331
56k
Art, The Web, and Tiny UX
lynnandtonic
289
19k
Bash Introduction
62gerente
604
210k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
40
4.4k
GitHub's CSS Performance
jonrohan
1025
450k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
241
1.2M
Transcript
加速するEdge Computing JSConfJP 2021 1
whoami Shinobu Hayashi (@Shinyaigeek) - Web Developer - UTokyo B4
- work at Newspaper Company - 👀 : Browser, web standard, performance - GitHub & Twitter: @Shinyaigeek 2
Edge Computing 流行ってますね 3
Edge Computing 4
EdgeでFunctionを実行するPlatformも, それあ りきのFWも現れてきた 5
でもEdge Computingっ てそもそもなんなんだ? 何が嬉しいんだ? 6
What is Edge Computing? (In Web dev) Edge Computing -
IoT領域で語られることが多く, デバイス上で計算することを指す - 車で画像認識を行い衝突を避ける - Web開発の文脈では, クライアントのデバイスではないがデバイスから近い ネットワークのエッジ上で計算をすることを指す 7 Device Origin Server Edge Server
What is Edge Computing? (In Web dev) 8 Device Origin
Server Device HTTP Req HTTP Res HTTP Req HTTP Res
What is Edge Computing? (In Web dev) 9 Device Origin
Server Device Edge Server Edge Server
Edge Computing blog.com assets.com - Origin ServerへのRequestの 出しわけ - 認証処理
- HTTP Req/Res の加工 - A/B Test - Feature Flags - etc... 10
どこまでEdgeでやるべき? 11
Web Application with Edge Origin Server Edge Client Instances I/O
Cost 裁量 12
Edge で何ができるのか - HTTP Req/Resの加工 - Origin ServerにHTTP Requestを届ける前に, 認証などを済ませてしま
う 総じて Client ⇆ Server 間のやりとりの間に立って, ちょっとしたこと(それこそ middleware のような処理) ができる 13
Edge Computingで何をすべきでないのか - アプリケーション全体の状態を強く扱う処理 - DBにアクセスしたい時など - 重い処理 - 実行時間,
実行のために必要なメモリ量が多い処理 - そもそもEdgeで重い処理をすべきでない - Platformによっては, デプロイするコードの容量や実行時間 , メモリが厳しい制限が課さ れている 14
と思いきや 15
Edge Native の可能性 - Cloudflare Workers - R2 - MySQL,
PostgreSQLへの接続 - Deno Deploy - PostgreSQL, DynamoDBなどへの接続 - Web Storage API - SSR - Machine Learning - GraphQL Server 一部プラットフォーム, あるいは一部の使い道では, Client に対しての HTTP Response の生成を完全にEdgeで完結させてしまい, serverlessのような使い方 も可能 16
Edgeでやることの旨味 - No(or few) Cold Start - Low Latency -
Scallability - Client Deviceのマシンスペックに依存しない A new generation of serverless 17
加速するEdge Computing Edge Computingはより早いWebをもたらしうる 18 Edge serverで全て完結するような可能性も切り開かれうる...?
Universal JavaScript Module? Universal JavaScript: - Browser - Node.js -
service worker(?) - Edge <- New!! - だけどEdgeのRuntimeのAPIは結構バラバラ... - compatを誰がやるのか(platform? module? plugin?) 19
Thank you for listening !! 20