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
Search
OSCA
July 27, 2018
Technology
1
1.5k
Service Worker
2018年07月28日(金) に開催された「WEBエンジニア勉強会 #08」で Service Worker について発表しました。
OSCA
July 27, 2018
Tweet
Share
More Decks by OSCA
See All by OSCA
人工肉を食べよう / Let's eat fake meat
oscasierra
4
1.3k
WEBサイトを HTTP/2 に移行した話 / HTTP2
oscasierra
1
2.2k
次世代の認証(WebAuthn/FIDO2)について説明を試みる
oscasierra
2
1.5k
WEBサイトが「できた」と安心する前に最終チェックすること
oscasierra
1
2.1k
Growth of Podcast
oscasierra
0
1.5k
AIの知識無しでもAIを活用したQ&Aページを作る方法
oscasierra
1
1.2k
はじめてのサーバレス関数 (WEBエンジニア勉強会 #06)
oscasierra
0
970
みんなテストってどうやってるの?
oscasierra
0
510
HTTPレイヤーで行うパフォーマンスチューニング (WEBエンジニア勉強会 #05)
oscasierra
1
3.3k
Other Decks in Technology
See All in Technology
re:Inventに行くまでにやっておきたいこと
nagisa53
0
170
CNCFの視点で捉えるPlatform Engineering - 最新動向と展望 / Platform Engineering from the CNCF Perspective
hhiroshell
0
140
Oracle Base Database Service 技術詳細
oracle4engineer
PRO
14
82k
OTEPsで知るOpenTelemetryの未来 / Observability Conference Tokyo 2025
arthur1
0
250
デザインとエンジニアリングの架け橋を目指す OPTiMのデザインシステム「nucleus」の軌跡と広げ方
optim
0
120
ソースを読む時の思考プロセスの例-MkDocs
sat
PRO
1
180
もう外には出ない。より快適なフルリモート環境を目指して
mottyzzz
13
10k
SQLAlchemy の select(User).where(User.id =="123") を理解してみる/sqlalchemy deep dive
3l4l5
3
380
serverless team topology
_kensh
3
230
プロダクト開発と社内データ活用での、BI×AIの現在地 / Data_Findy
sansan_randd
0
150
SOTA競争から人間を超える画像認識へ
shinya7y
0
500
クラウドとリアルの融合により、製造業はどう変わるのか?〜クラスメソッドの製造業への取組と共に〜
hamadakoji
0
430
Featured
See All Featured
4 Signs Your Business is Dying
shpigford
185
22k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
31
9.7k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
49
3.1k
Writing Fast Ruby
sferik
630
62k
YesSQL, Process and Tooling at Scale
rocio
173
15k
Designing for humans not robots
tammielis
254
26k
VelocityConf: Rendering Performance Case Studies
addyosmani
333
24k
Bootstrapping a Software Product
garrettdimon
PRO
307
110k
Bash Introduction
62gerente
615
210k
Designing for Performance
lara
610
69k
The Straight Up "How To Draw Better" Workshop
denniskardys
238
140k
Reflections from 52 weeks, 52 projects
jeffersonlam
353
21k
Transcript
04$" ᖛ Ұೋࡾ !FOHJOFFS@PTDB 4FSWJDF8PSLFS֓ཁ
ࣗݾհ © OSCA 04$"ᖛ Ұೋࡾ ·ͷ ͔ͣ;Έ 4*FS ܠࣸਅՈ
ʮ8&#ΤϯδχΞษڧձʯΛओ࠵ +BWB 1)1ܥͷ8&#ΤϯδχΞ ਓೳ "* ͷ։ൃͬͯΔ ݸਓͰ714आΓͯ8&#αʔϏεΛӡӦ͢Δͷ͕झຯ ເͷࠃ ెาݍॅΈ !FOHJOFFS@PTDB !PTDBQIPUP!EJTOFZ@PTDB Service Worker
4FSWJDF8PSLFSͱʁ © OSCA Service Worker 8&#ϖʔδͷදࣔॲཧͱผʹɺ όοΫάϥϯυॲཧΛߦ͏ΠϕϯτۦಈͷεΫϦϓτॲཧɻ
4FSWJDF8PSLFSͱʁ © OSCA Service Worker 8&#ϖʔδͷදࣔॲཧͱผʹɺ όοΫάϥϯυॲཧΛߦ͏ΠϕϯτۦಈͷεΫϦϓτॲཧɻ l164)௨zzΩϟογϡzͳͲͷݴ༿ͱҰॹొ͢Δ͕ɺ ͦΕΛࢦ͢ͷͰͳ͘ɺͦΕΒͷϕʔεͱͳ͍ͬͯΔٕज़ɻ
·ͨ l18"zͱ͍͏ݴ༿ͱҰॹʹొ͢Δ͕ɺ 18"ΞϓϦέʔγϣϯΛߏ͢ΔཁૉͷҰͭͰ͋Δɻ 4FSWJDF8PSLFS 164)"1* 'FUDI #BDLHSPVOE4ZOD $BDIF4USBHF 164)௨ ϩʔΧϧΩϟογϡ όοΫάϥϯυಉظ
Ҏલʹ Application Cache ͱ͍͏ͷ͕1ID9;/ Q]VT^9;2YNO`M\X^YPUWYNO`B:J@. Q]VT^9>7KJ@23?9;/ ͦͦͷܦҢ +,-&"!++
&)#)*(# ' $(%+ 949A5H.0A2=H84H. C @A< >2D:/ F<@[aR_\Z`BQ]VT^MSbWac`?6J E5 92@235 LKJG3BAID9;/ © OSCA Service Worker
ͦͦͷܦҢ ʮΩϟογϡʯʹٻΊΒΕΔ༷Λ࠶ཧ͠ͳ͓͠ɺඞཁͳ
ػೳΛ"1*ׂͨ͠ͱ͜Ζɺʮ'FUDI"1*ʯʮ$BDIF 4USBHF"1*ʯʮ4FSWJDF8PSLFSʯͷ͕ͭੜ͠·ͨ͠ɻ © OSCA Service Worker ػೳͱͯ͠Γग़͞Εͨ 4FSWJDF8PSLFSɺΩϟογϡ Ҏ֎ͷ༻్Ͱͷར༻ظ͞Ε͍ͯΔɻ
ରԠϒϥβ © OSCA Service Worker
8&#αΠτͷදࣔͱಉ࣌ʹɺ๚ऀͷϒϥβʹɺ +BWB4DSJQUΛ༻͍ͯ 4FSWJDF8PSLFSΛΠϯετʔϧ͢Δɻ ͢Δͱ8&#αΠτΛΕͨͱͯ͠ɺ όοΫάϥϯυͰॲཧΛಈ͔͢͜ͱ͕Ͱ͖Δɻ ˞ҙ˞ 4FSWJDF8PSLFSΛར༻͢Δ8&#αΠτɺ )5514ͷαΠτͰ͋Δඞཁ͕͋Δɻ ͲͷΑ͏ʹಈ͔͢ͷ͔ʁ ©
OSCA Service Worker
4FSWJDF8PSLFSͷΠϯετʔϧʹ͍ͭͯઆ໌͠·ͨ͠ɻ NJO ϥΠϒίʔσΟϯά © OSCA Service Worker
σϞͷϑΝΠϧߏ © OSCA Service Worker JOEFYIUNM ๚ऀ͕๚ΕΔϖʔδɻ ͜ͷϖʔδͷॲཧͰ 4FSWJDF8PSLFSΛΠϯετʔϧ͢Δ
TXKT 4FSWJDF8PSLFSͷॲཧΛهड़͢Δ +BWB4DSJQUϑΝΠϧɻ ϒϥβʹΠϯετʔϧ͞ΕΔɻ
࣍ͷΑ͏ͳ+BWB4DSJQUͷهड़Ͱɺ8&#αΠτͷ๚ऀͷϒ ϥβʹɺ4FSWJDF8PSLFSεΫϦϓτΛΠϯετʔϧͰ͖ ·͢ɻ 4FSWJDF8PSLFSͷΠϯετʔϧ OBWJHBUPSTFSWJDF8PSLFSSFHJTUFS TXKT ͋ͱόοΫάϥϯυॲཧΛ TXKTʹهड़͢Δ͚ͩͰ͢ɻ ©
OSCA Service Worker
JOEFYIUNM IUNM IFBE TDSJQU JG TFSWJDF8PSLFSJOOBWJHBUPS \ OBWJHBUPSTFSWJDF8PSLFSSFHJTUFS TXKT`
^ TDSJQU IFBE CPEZ লུ CPEZ IUNM © OSCA Service Worker ˞આ໌ͷͨΊɺΠϯετʔϧͷྫ֎ॲཧ࣮ߦλΠϛϯάΛߟྀ͍ͯ͠·ͤΜɻ࣮࣌ʹҙ͍ͯͩ͘͠͞ɻ
4FSWJDF8PSLFSɺΠϕϯτۦಈͷ࣮ߦڥͰ͢ɻ ԿΒ͔ͷΠϕϯτΛΩοΧέʹॲཧ͕࣮ߦ͞Ε·͢ɻ 4FSWJDF 8PSLFS ͕࣮ߦ͞ΕΔΩοΧέ Πϕϯτ આ໌ JOTUBMM 4FSWJDF8PSLFS͕Πϯετʔϧ͞Εͨࡍ BDUJWBUF
4FSWJDF8PSLFS͕༗ޮʹͳͬͨࡍ GFUDI ωοτϫʔΫʹϦιʔεΛऔಘ͢Δࡍ NFTTBHF ϝοηʔδΛड৴ͨ͠ࡍ © OSCA Service Worker جຊΠϕϯτ
TXKT © OSCA Service Worker TFMGBEE&WFOU-JTUFOFS JOTUBMM GVODUJPO FWFOU
\ DPOTPMFMPH JOTUBMMJOH ^ TFMGBEE&WFOU-JTUFOFS BDUJWBUF GVODUJPO FWFOU \ DPOTPMFMPH BDUJWBUJOH ^ TFMGBEE&WFOU-JTUFOFS GFUDI GVODUJPO FWFOU \ DPOTPMFMPH GFUDIJOH DPOTPMFMPH FWFOUSFRVFTUVSM FWFOUSFRVFTUVSM ^ TFMGBEE&WFOU-JTUFOFS NFTTBHF GVODUJPO FWFOU \ DPOTPMFMPH NFTTBHJOH ^
! 3 164) %HJ:A( 8*-+08DK<M28 '&5' 1+0(/)7$ !
+ FC=>J:LE %?LGIMB(;LJ9L21.-+08DK<M2#@MF04 606,7&5'1+0(/)7$ ! " + © OSCA Service Worker
4FSWJDF8PSLFSͷԠ༻ྫ 164)௨ ϒϥβ͕164)௨Λड͚͚ͭͨ͜ͱΛτϦΨʔʹͯ͠ɺ ॲཧΛ࣮ߦ͢Δ͜ͱ͕Ͱ͖Δɻ
+ © OSCA Service Worker 164)"1*͕ 4FSWJDF8PSLFSʹ QVTIΠϕϯτΛՃͯ͘͠Ε͍ͯΔɻ Πϕϯτ આ໌ JOTUBMM 4FSWJDF8PSLFS͕Πϯετʔϧ͞Εͨࡍ BDUJWBUF 4FSWJDF8PSLFS͕༗ޮʹͳͬͨࡍ GFUDI ωοτϫʔΫʹϦιʔεΛऔಘ͢Δࡍ NFTTBHF ϝοηʔδΛड৴ͨ͠ࡍ QVTI 164)௨Λड৴ͨ͠ࡍ TFMGBEE&WFOU-JTUFOFS QVTI GVODUJPO FWFOU \ 164)௨Λड৴ͨ͠ࡍͷॲཧΛॻ͘ /PSUJGJDBUJPOΛදࣔ͢ΔͳͲ ^
4FSWJDF8PSLFSʹͳ͖ͥ͢ͳͷ͔ʁ © OSCA Service Worker • εϚʔτϑΥϯσεΫτοϓͷΞϓϦέʔγϣϯͱͷ ػೳ͕ࠩຒ·Δ͜ͱ͕ظͰ͖Δɻ •
18" 1SPHSFTTJWF8FC"QQMJDBUJPO ͷొʹΑΓɺ 8&#ͷٕज़ͰεϚʔτϑΥϯσεΫτοϓͷΞϓϦΛ ࣮Ͱ͖ΔΑ͏ʹͳΔɻ
·ͱΊ • 8&#ը໘ͷඳࣸॲཧͱҧ͏ϨϕϧͰɺόοΫάϥϯυ ॲཧ͢ΔΈ͕ 4FSWJDF8PSLFSɻ • ༷ʑͳ "1*ͱΈ߹ΘͤΔ͜ͱͰɺࠓ·Ͱ8&#Ͱ࣮ݱ͕ ͔ͬͨ͠ػೳ 164)௨ͳͲ
͕࣮ݱͰ͖ͭͭ͋Δɻ • ωΠςΟϒΞϓϦͱͷػೳࠩΛຒΊΔ8&#ٕज़ͱͯ͠ɺ ࠓޙͷීٴ͕͞ΕΔɻ © OSCA Service Worker