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
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
300
巨大モジュラーモノリスのテスト戦略.pdf
shinyaigeek
0
96
ESLint Rule により事業, 技術ドメインに沿った制約と誓約を敷衍させるアプローチのすゝめ
shinyaigeek
1
6k
Big “heart” of mud, 10000 lines VCL generated from .vcl.handlebars
shinyaigeek
0
320
Managing "side effect" in Frontend Development
shinyaigeek
3
4.1k
爆速の日経電子版開発の今
shinyaigeek
3
3.2k
ブラウザ作りのすゝめ
shinyaigeek
1
580
ASTをいじいじして僕のかんがえた最強のDXを得る
shinyaigeek
0
500
フロントエンド
shinyaigeek
0
230
Other Decks in Technology
See All in Technology
【Cyber-sec+】経営層を"動かす"ための考え方
hssh2_bin
0
190
Agile and AI Redmine Japan 2026
hiranabe
3
200
【セミナー資料】Claude Code をセキュアに使うための考え方と設定の勘どころ / Claude Code Webinar 20260616
masahirokawahara
2
410
LayerX コーポレートエンジニアリング室におけるサプライチェーンセキュリティへの取り組み / Supply Chain Security at LayerX Corporate Engineering
yuyatakeyama
2
670
Chainlitで作るお手軽チャットUI
ynt0485
0
280
スタートアップにAmazon EKSは早すぎる? マルチプロダクト戦略を加速する Platform Engineeringの実践 / Is Amazon EKS Too Soon for Startups? Practical Platform Engineering to Accelerate a Multi-Product Strategy
elmodev09
0
300
[チョークトーク資料]AWS DevOps Agent を使いこなす / AWS Dev Ops Agent Chalk Talk AWS Summit Japan 2026
kinunori
2
530
When Platform Engineering Meets GenAI
sucitw
0
120
Socrates × Looker 〜セマンティックレイヤーで進化するデータ分析エージェント〜
hanon52_
3
2.5k
Agent Skills設計で柔軟性と硬さのバランスが難しい話
nassy20
0
140
SONiC Scale-Up Working Group から探る Scale-UpやUltraEthernet機能の実装方法
ebiken
PRO
2
410
攻撃者視点で考えるDetection Engineering
cryptopeg
3
2k
Featured
See All Featured
Max Prin - Stacking Signals: How International SEO Comes Together (And Falls Apart)
techseoconnect
PRO
0
180
How STYLIGHT went responsive
nonsquared
100
6.2k
Intergalactic Javascript Robots from Outer Space
tanoku
273
27k
Rebuilding a faster, lazier Slack
samanthasiow
85
9.5k
Why Your Marketing Sucks and What You Can Do About It - Sophie Logan
marketingsoph
0
170
The Art of Programming - Codeland 2020
erikaheidi
57
14k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
31
2.8k
sira's awesome portfolio website redesign presentation
elsirapls
0
280
Paper Plane (Part 1)
katiecoart
PRO
0
9.1k
Reflections from 52 weeks, 52 projects
jeffersonlam
356
21k
Optimising Largest Contentful Paint
csswizardry
37
3.7k
The B2B funnel & how to create a winning content strategy
katarinadahlin
PRO
1
390
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