Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Speaker Deck
PRO
Sign in
Sign up for free
加速するEdge Computing
Shinobu Hayashi
November 27, 2021
Technology
6
5.9k
加速するEdge Computing
JSConf JP 2021でLTさせていただいた時の資料です.
Shinobu Hayashi
November 27, 2021
Tweet
Share
More Decks by Shinobu Hayashi
See All by Shinobu Hayashi
爆速の日経電子版開発の今
shinyaigeek
2
660
ブラウザ作りのすゝめ
shinyaigeek
1
260
ASTをいじいじして僕のかんがえた最強のDXを得る
shinyaigeek
0
160
フロントエンド
shinyaigeek
0
120
Web Frontend Performance Tuning
shinyaigeek
1
170
Other Decks in Technology
See All in Technology
OpenShiftクラスターのアップグレード自動化への挑戦! / OpenShift Cluster Upgrade Automation
skitamura7446
0
210
都市ARの作り方 PLATEAU ✖︎ Geospatial API
41h0_shiho
1
310
ラズパイとGASで加湿器の消し忘れをLINEでリマインド&操作
minako__ph
0
160
MLOps Workshopでの学びと弥生の研究開発基盤 / takeaways from MLOps workshop and YAYOI's research and development infrastructure
yayoi_dd
0
160
DNS権威サーバのクラウドサービス向けに行われた攻撃および対策 / DNS Pseudo-Random Subdomain Attack and mitigations
kazeburo
5
1.3k
ChatGPT for Hacking
anugrahsr
0
4.7k
re:Inventの完全招待制イベント Building a Roadmap to SaaSについて / Building a Roadmap to SaaS an invitation only event at reinvent
yayoi_dd
0
160
NGINXENG JP#2 - 2-NGINXの動作の詳細
hiropo20
1
140
re:Inventで発表があったIoT事例の紹介と考察
kizawa2020
0
200
OCI DevOps 概要 / OCI DevOps overview
oracle4engineer
PRO
0
510
初めてのデータ移行プロジェクトから得た学び
tjmtmmnk
0
420
PCI DSS に準拠したシステム開発
yutadayo
0
310
Featured
See All Featured
Teambox: Starting and Learning
jrom
124
7.9k
Product Roadmaps are Hard
iamctodd
38
7.7k
Writing Fast Ruby
sferik
613
58k
Happy Clients
brianwarren
90
5.8k
Large-scale JavaScript Application Architecture
addyosmani
499
110k
GitHub's CSS Performance
jonrohan
1020
430k
Navigating Team Friction
lara
177
12k
Building Flexible Design Systems
yeseniaperezcruz
314
35k
How to Ace a Technical Interview
jacobian
270
21k
From Idea to $5000 a Month in 5 Months
shpigford
374
44k
A Modern Web Designer's Workflow
chriscoyier
689
180k
Designing with Data
zakiwarfel
91
4.2k
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