Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Sign up for free
Menu
Search
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Pricing
Search
Sign in
Sign up for free
加速するEdge Computing
Search
Sponsored
·
Ship Features Fearlessly
Turn features on and off without deploys. Used by thousands of Ruby developers.
→
Shinobu Hayashi
November 27, 2021
Technology
7.1k
6
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
加速するEdge Computing
JSConf JP 2021でLTさせていただいた時の資料です.
Shinobu Hayashi
November 27, 2021
Transcript
20 slides
加速する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
More Decks by Shinobu Hayashi
See All by Shinobu Hayashi
AI フレンドリーなエラー監視を TypeScript で実現する
shinyaigeek
2
450
巨大モジュラーモノリスのテスト戦略.pdf
shinyaigeek
0
130
ESLint Rule により事業, 技術ドメインに沿った制約と誓約を敷衍させるアプローチのすゝめ
shinyaigeek
1
6.5k
Big “heart” of mud, 10000 lines VCL generated from .vcl.handlebars
shinyaigeek
0
370
Managing "side effect" in Frontend Development
shinyaigeek
3
4.2k
爆速の日経電子版開発の今
shinyaigeek
3
3.7k
ブラウザ作りのすゝめ
shinyaigeek
1
610
ASTをいじいじして僕のかんがえた最強のDXを得る
shinyaigeek
0
530
フロントエンド
shinyaigeek
0
250
Other Decks in Technology
See All in Technology
Kiro IDE 入門 (画面の各部から、頼み方、任せ方、戻し方まで) | 目指せ Kiro マスター 02
inariku
PRO
4
230
自治体AIコンタクトセンター、何をどこに任せる?~Amazon Connect Customer +Amazon Bedrockの実践知~ / 20261107 Satoshi Torano
shift_evolve
PRO
1
140
Shared Signals Framework 仕様解説
oidfj
0
430
ゼロから作るWebアプリの新定番!?Amplify Gen 2 × AWS Blocksで実現する「開発速度とRDBの柔軟性のいいとこ取り」
amixedcolor
1
250
Oracle Base Database Service 技術詳細
oracle4engineer
PRO
17
120k
DevOps Agentにあらゆるセキュリティインシデントのトリアージを任せた件
jirtosterone
1
130
LLM 基盤と kagent v0 を全部 k8s に入れてみた / Deploy both LLM and kagent v0 in k8s
kota2and3kan
0
200
Sonnetだけで業務はまわる?
kintotechdev
1
110
Kiro Crew 入門 (手を離しても進む仕事) | 目指せ Kiro マスター 11
inariku
PRO
4
740
81天的 AI Agent 軟體開發團隊治理實務分享
regionbbs
0
160
ライフワーク「猫でもわかるDirectConnect」
kentapapa
0
330
少ない人手 限られた予算 それでも守る 消せない・見つける・戻れる オールハザード型BCP on AWS / 20261107 Mitsutoshi Matsuo
shift_evolve
PRO
0
370
Featured
See All Featured
Why Mistakes Are the Best Teachers: Turning Failure into a Pathway for Growth
auna
0
350
Lightning talk: Run Django tests with GitHub Actions
sabderemane
0
320
4 Signs Your Business is Dying
shpigford
187
23k
Navigating Weather and Climate Data
rabernat
0
590
Redefining SEO in the New Era of Traffic Generation
szymonslowik
1
530
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
35
2.6k
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
659
62k
Color Theory Basics | Prateek | Gurzu
gurzu
1
520
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
123
22k
Optimizing for Happiness
mojombo
378
71k
Tell your own story through comics
letsgokoyo
1
1.1k
Art, The Web, and Tiny UX
lynnandtonic
304
22k