Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Speaker Deck
PRO
Sign in
Sign up for free
Service Worker
OSCA
July 27, 2018
Technology
1
1.1k
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
810
WEBサイトを HTTP/2 に移行した話 / HTTP2
oscasierra
1
1.7k
次世代の認証(WebAuthn/FIDO2)について説明を試みる
oscasierra
2
1k
WEBサイトが「できた」と安心する前に最終チェックすること
oscasierra
1
1.6k
Growth of Podcast
oscasierra
0
740
AIの知識無しでもAIを活用したQ&Aページを作る方法
oscasierra
1
940
はじめてのサーバレス関数 (WEBエンジニア勉強会 #06)
oscasierra
0
630
みんなテストってどうやってるの?
oscasierra
0
340
HTTPレイヤーで行うパフォーマンスチューニング (WEBエンジニア勉強会 #05)
oscasierra
1
2.2k
Other Decks in Technology
See All in Technology
IDOLY PRIDEにおけるAssetBundleビルドパイプラインについて
qualiarts
0
350
Agile and Requirement : アジャイルな要件定義について考える
kawaguti
PRO
9
3.6k
0->1 フェーズで E2E 自動テストを導入した私たちの、これまでとこれから
yoyakoba
0
820
LINEのData Platform室が実践する大規模分散環境のCapacity Planning
line_developers
PRO
0
780
AI Company
shurain
0
560
プログラミング未経験の学生をエンジニアにしてきたノウハウを公開
shinofumijp
0
180
街じゅうを"駅前化"する電動マイクロモビリティのシェアサービス「LUUP」のIoTとSRE
0gm
1
1k
KubeCon Recap -Platform migration at Scale-
inductor
0
110
testing journey / テストが嫌いでIT業界を離れるはずだったのに〜テスト嫌いが現場で品質改善を実施するまでの物語〜
aki_moon
1
430
[SRE NEXT 2022]KaaS桶狭間の戦い 〜Yahoo! JAPANのSLI/SLOを用いた統合監視〜
srenext
0
580
Whats new in Android Media?
myolwin00
2
120
Oracle Content Management サービス概要 (2022年5月版)
oracle4engineer
PRO
0
130
Featured
See All Featured
Large-scale JavaScript Application Architecture
addyosmani
499
110k
We Have a Design System, Now What?
morganepeng
35
2.9k
The Cult of Friendly URLs
andyhume
68
4.7k
Infographics Made Easy
chrislema
233
17k
Rails Girls Zürich Keynote
gr2m
86
12k
Side Projects
sachag
449
37k
Keith and Marios Guide to Fast Websites
keithpitt
404
21k
Scaling GitHub
holman
451
140k
Robots, Beer and Maslow
schacon
152
7.1k
Typedesign – Prime Four
hannesfritz
33
1.3k
Fontdeck: Realign not Redesign
paulrobertlloyd
73
4.1k
Learning to Love Humans: Emotional Interface Design
aarron
261
37k
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