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.4k
WEBサイトが「できた」と安心する前に最終チェックすること
oscasierra
1
2k
Growth of Podcast
oscasierra
0
1.4k
AIの知識無しでもAIを活用したQ&Aページを作る方法
oscasierra
1
1.2k
はじめてのサーバレス関数 (WEBエンジニア勉強会 #06)
oscasierra
0
970
みんなテストってどうやってるの?
oscasierra
0
500
HTTPレイヤーで行うパフォーマンスチューニング (WEBエンジニア勉強会 #05)
oscasierra
1
3.2k
Other Decks in Technology
See All in Technology
Delegating the chores of authenticating users to Keycloak
ahus1
0
140
Geminiとv0による高速プロトタイピング
shinya337
0
250
AI専用のリンターを作る #yumemi_patch
bengo4com
5
4.1k
OPENLOGI Company Profile for engineer
hr01
1
34k
B2C&B2B&社内向けサービスを抱える開発組織におけるサービス価値を最大化するイニシアチブ管理
belongadmin
1
6.2k
マネジメントって難しい、けどおもしろい / Management is tough, but fun! #em_findy
ar_tama
7
910
React開発にStorybookとCopilotを導入して、爆速でUIを編集・確認する方法
yu_kod
1
230
DBのスキルで生き残る技術 - AI時代におけるテーブル設計の勘所
soudai
PRO
20
6.8k
品質と速度の両立:生成AI時代の品質保証アプローチ
odasho
1
220
United Airlines Customer Service– Call 1-833-341-3142 Now!
airhelp
0
160
Operating Operator
shhnjk
1
510
MUITにおける開発プロセスモダナイズの取り組みと開発生産性可視化の取り組みについて / Modernize the Development Process and Visualize Development Productivity at MUIT
muit
1
15k
Featured
See All Featured
Producing Creativity
orderedlist
PRO
346
40k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
45
7.5k
The Straight Up "How To Draw Better" Workshop
denniskardys
234
140k
Code Review Best Practice
trishagee
69
18k
Fantastic passwords and where to find them - at NoRuKo
philnash
51
3.3k
Keith and Marios Guide to Fast Websites
keithpitt
411
22k
Intergalactic Javascript Robots from Outer Space
tanoku
271
27k
Optimizing for Happiness
mojombo
379
70k
Speed Design
sergeychernyshev
32
1k
RailsConf 2023
tenderlove
30
1.1k
Balancing Empowerment & Direction
lara
1
420
Being A Developer After 40
akosma
90
590k
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