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
Sponsored
·
Your Podcast. Everywhere. Effortlessly.
Share. Educate. Inspire. Entertain. You do you. We'll handle the rest.
→
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
More Decks by Shinobu Hayashi
See All by Shinobu Hayashi
AI フレンドリーなエラー監視を TypeScript で実現する
shinyaigeek
2
350
巨大モジュラーモノリスのテスト戦略.pdf
shinyaigeek
0
100
ESLint Rule により事業, 技術ドメインに沿った制約と誓約を敷衍させるアプローチのすゝめ
shinyaigeek
1
6.1k
Big “heart” of mud, 10000 lines VCL generated from .vcl.handlebars
shinyaigeek
0
330
Managing "side effect" in Frontend Development
shinyaigeek
3
4.1k
爆速の日経電子版開発の今
shinyaigeek
3
3.3k
ブラウザ作りのすゝめ
shinyaigeek
1
590
ASTをいじいじして僕のかんがえた最強のDXを得る
shinyaigeek
0
500
フロントエンド
shinyaigeek
0
230
Other Decks in Technology
See All in Technology
AI驚き屋発見器
yama3133
2
400
変化の早いClaude Codeを 書籍に落とし込む
oikon48
6
1.2k
QAタスクをスキル化したいときに考えること
aomoriringo
0
160
AIQAのナレッジ構築について
qatonchan
1
150
20260608_Codexの可能性_ノンプログラマー向け_大城追記
doradora09
PRO
0
750
PLaMo 3.0 Primeの構造化出力サポート
pfn
PRO
0
170
plamo-3-translateの開発
pfn
PRO
0
260
【CEDEC2026】『GRANBLUE FANTASY: Relink - Endless Ragnarok』のバトル制作事例 ~最高のキャラゲーを目指して~
cygames
PRO
0
150
クラウドセキュリティ入門 ~安全なクラウド利用のための基礎知識~
lhazy
8
7.3k
オートロックマンションなのに、各部屋は施錠なし!? 攻撃者が組織内ネットワークで大暴れする理由 / The Front Door Is Locked, but the Rooms Are Wide Open: Why Attackers Move Freely Inside Enterprise Networks
nttcom
0
1.4k
BigQuery を検索ソースとした AI Agent の作り方って 〇〇 通りあんねん
satohjohn
0
150
Webの技術とガジェットで子どもも大人も楽しめるワクワク体験を提供する / Qiita Tech Festa Day 2026
you
PRO
1
340
Featured
See All Featured
Large-scale JavaScript Application Architecture
addyosmani
515
110k
The Director’s Chair: Orchestrating AI for Truly Effective Learning
tmiket
1
240
StorybookのUI Testing Handbookを読んだ
zakiyama
31
6.9k
エンジニアに許された特別な時間の終わり
watany
108
250k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
35
2.5k
Taking LLMs out of the black box: A practical guide to human-in-the-loop distillation
inesmontani
PRO
3
2.3k
Designing Powerful Visuals for Engaging Learning
tmiket
1
470
Thoughts on Productivity
jonyablonski
76
5.3k
Marketing to machines
jonoalderson
1
5.6k
Building an army of robots
kneath
306
46k
Building a Modern Day E-commerce SEO Strategy
aleyda
45
9.2k
We Analyzed 250 Million AI Search Results: Here's What I Found
joshbly
1
1.7k
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