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
Service Worker and the Offline Web (Lightning Talk)
Search
Lewis Cowper
March 07, 2015
Technology
0
290
Service Worker and the Offline Web (Lightning Talk)
Lewis Cowper
March 07, 2015
Tweet
Share
Other Decks in Technology
See All in Technology
実務への応用例から考える 変更に強いオブジェクト指向設計 / 20240324-ooc2024
bengo4com
7
5.3k
Evolutionary Optimization of Model Merging Recipes
fuyu_quant0
3
520
「XX試験の環境作ってよ」と言われた時によく使うAWSのソリューションについて
bun913
0
120
技術広報経験0のEMがエンジニアブランディングをはじめてみた
coconala_engineer
1
130
初心者が行く!サーバレスWebアプリ開発の道
nagaharutogawa
0
440
AWS アーキテクチャクイズ
yuu26
2
700
10分でわかるfreeeのQA
freee
0
230
オブジェクト指向CSSが叶えたかったことと、CSSのいま / The aims of Object-oriented CSS and the current state of CSS usage
shinkufencer
11
3.6k
データ品質をコード化! LINEヤフーのMLOpsを最適化する "ACP Data Quality" の紹介
lycorptech_jp
PRO
2
150
GraphQLに入門してみた
chiroruxx
2
120
エバンジェリスト活動を7年やってきて見えてきた、コミュニティとエバンジェリストの関係
soracom
PRO
1
200
生成AIサービスPanorama AIご説明資料
sdt
0
300
Featured
See All Featured
Navigating Team Friction
lara
177
13k
Being A Developer After 40
akosma
56
580k
GraphQLとの向き合い方2022年版
quramy
28
12k
Java REST API Framework Comparison - PWX 2021
mraible
PRO
18
6.8k
How to name files
jennybc
62
92k
The Brand Is Dead. Long Live the Brand.
mthomps
48
21k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
242
20k
How to train your dragon (web standard)
notwaldorf
71
5.1k
Design by the Numbers
sachag
274
18k
Why Our Code Smells
bkeepers
PRO
330
56k
Happy Clients
brianwarren
91
6.3k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
111
35k
Transcript
SERVICEWORKER And the Offline Web
#OFFLINEFIRST
"Oh no! My signal's gone! Now I don't have access
to my content" — The internet
"We should cache things!" — Developers
"Hey, I've heard about #offlinefirst. Can we do that in
the next sprint?" — Management
AppCache
— AppCache
Turns out APPCACHE has problems
Your use case doesn't fit into the way APPCACHE can
be used?
ServiceWorker
None
None
ServiceWorker Handle resource requests with a set of durable caches
that can be programmatically controlled.
ServiceWorker ▸ JavaScript worker, can't access the DOM directly COMMUNICATES
WITH PAGES IT CONTROLS VIA THE POSTMESSAGE INTERFACE
ServiceWorker ▸ JavaScript worker, can't access the DOM directly ▸
Programmable network proxy CONTROL HOW NETWORK REQUESTS FROM YOUR PAGE ARE HANDLED
ServiceWorker ▸ JavaScript worker, can't access the DOM directly ▸
Programmable network proxy ▸ Doesn't rely on global state, but can access IndexedDB TERMINATES WHEN NOT IN USE, AND RESTARTS WHEN NEEDED
ServiceWorker ▸ JavaScript worker, can't access the DOM directly ▸
Programmable network proxy ▸ Doesn't rely on global state, but can access IndexedDB ▸ Uses promises extensively
None
ServiceWorker
ServiceWorker 1. Register your ServiceWorker
ServiceWorker 1. Register your ServiceWorker YOU'RE ON YOUR WAY THERE
ALREADY.
ServiceWorker 1. Register your ServiceWorker 2. Tell your ServiceWorker what
to do
ServiceWorker 1. Register your ServiceWorker 2. Tell your ServiceWorker what
to do THIS IS THE FUN PART
ServiceWorker 1. Register your ServiceWorker 2. Tell your ServiceWorker what
to do ▸ Offline Cookbook
ServiceWorker 1. Register your ServiceWorker 2. Tell your ServiceWorker what
to do ▸ Offline Cookbook AWESOME AND FANTASTIC AND WORTH A TALK BY ITSELF.
ServiceWorker Magic and crazy science
ServiceWorker
ServiceWorker
ServiceWorker
ServiceWorker
ServiceWorker
ServiceWorker
THANKS! @LEWISCOWPER