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
7k
加速するEdge Computing
JSConf JP 2021でLTさせていただいた時の資料です.
Shinobu Hayashi
November 27, 2021
Tweet
Share
More Decks by Shinobu Hayashi
See All by Shinobu Hayashi
巨大モジュラーモノリスのテスト戦略.pdf
shinyaigeek
0
71
ESLint Rule により事業, 技術ドメインに沿った制約と誓約を敷衍させるアプローチのすゝめ
shinyaigeek
1
5.5k
Big “heart” of mud, 10000 lines VCL generated from .vcl.handlebars
shinyaigeek
0
280
Managing "side effect" in Frontend Development
shinyaigeek
3
4k
爆速の日経電子版開発の今
shinyaigeek
3
3k
ブラウザ作りのすゝめ
shinyaigeek
1
550
ASTをいじいじして僕のかんがえた最強のDXを得る
shinyaigeek
0
470
フロントエンド
shinyaigeek
0
210
Web Frontend Performance Tuning
shinyaigeek
1
460
Other Decks in Technology
See All in Technology
変化するコーディングエージェントとの現実的な付き合い方 〜Cursor安定択説と、ツールに依存しない「資産」〜
empitsu
4
1.3k
SREが向き合う大規模リアーキテクチャ 〜信頼性とアジリティの両立〜
zepprix
0
390
AzureでのIaC - Bicep? Terraform? それ早く言ってよ会議
torumakabe
1
130
Oracle Cloud Observability and Management Platform - OCI 運用監視サービス概要 -
oracle4engineer
PRO
2
14k
外部キー制約の知っておいて欲しいこと - RDBMSを正しく使うために必要なこと / FOREIGN KEY Night
soudai
PRO
11
4.5k
2人で作ったAIダッシュボードが、開発組織の次の一手を照らした話― Cursor × SpecKit × 可視化の実践 ― Qiita AI Summit
noalisaai
1
370
顧客の言葉を、そのまま信じない勇気
yamatai1212
1
320
仕様書駆動AI開発の実践: Issue→Skill→PRテンプレで 再現性を作る
knishioka
2
580
システムのアラート調査をサポートするAI Agentの紹介/Introduction to an AI Agent for System Alert Investigation
taddy_919
2
1.7k
Contract One Engineering Unit 紹介資料
sansan33
PRO
0
13k
FinTech SREのAWSサービス活用/Leveraging AWS Services in FinTech SRE
maaaato
0
120
2026年はチャンキングを極める!
shibuiwilliam
9
1.9k
Featured
See All Featured
Highjacked: Video Game Concept Design
rkendrick25
PRO
1
280
How to Grow Your eCommerce with AI & Automation
katarinadahlin
PRO
0
100
Design of three-dimensional binary manipulators for pick-and-place task avoiding obstacles (IECON2024)
konakalab
0
350
Building Flexible Design Systems
yeseniaperezcruz
330
40k
How To Speak Unicorn (iThemes Webinar)
marktimemedia
1
380
The B2B funnel & how to create a winning content strategy
katarinadahlin
PRO
0
270
Effective software design: The role of men in debugging patriarchy in IT @ Voxxed Days AMS
baasie
0
220
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
34
2.6k
Become a Pro
speakerdeck
PRO
31
5.8k
Lightning Talk: Beautiful Slides for Beginners
inesmontani
PRO
1
430
The World Runs on Bad Software
bkeepers
PRO
72
12k
The Organizational Zoo: Understanding Human Behavior Agility Through Metaphoric Constructive Conversations (based on the works of Arthur Shelley, Ph.D)
kimpetersen
PRO
0
230
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