Service Worker - Speaker Deck

Service Worker

by OSCA

Slide 1

Slide 1 text

04$" ᖛ໺ Ұೋࡾ !FOHJOFFS@PTDB 4FSWJDF8PSLFS֓ཁ

Slide 2

Slide 2 text

ࣗݾ঺հ © OSCA 04$"ᖛ໺ Ұೋࡾ ͸·ͷ ͔ͣ;Έ 4*FS ໷ܠࣸਅՈ ʮ8ΤϯδχΞษڧձʯΛओ࠵ +BWB 1)1ܥͷ8ΤϯδχΞ ਓ޻஌ೳ "* ͷ։ൃ΋΍ͬͯΔ ݸਓͰ΋714आΓͯ8αʔϏεΛӡӦ͢Δͷ͕झຯ ເͷࠃ ెาݍ಺ॅΈ !FOHJOFFS@PTDB !PTDBQIPUP!EJTOFZ@PTDB Service Worker

Slide 3

Slide 3 text

4FSWJDF8PSLFSͱ͸ʁ © OSCA Service Worker 8ϖʔδͷදࣔॲཧͱ͸ผʹɺ όοΫάϥϯυॲཧΛߦ͏ΠϕϯτۦಈͷεΫϦϓτॲཧɻ

Slide 4

Slide 4 text

4FSWJDF8PSLFSͱ͸ʁ © OSCA Service Worker 8ϖʔδͷදࣔॲཧͱ͸ผʹɺ όοΫάϥϯυॲཧΛߦ͏ΠϕϯτۦಈͷεΫϦϓτॲཧɻ l164)௨஌z΍zΩϟογϡzͳͲͷݴ༿ͱҰॹొ৔͢Δ͕ɺ ͦΕΛࢦ͢΋ͷͰ͸ͳ͘ɺͦΕΒͷϕʔεͱͳ͍ͬͯΔٕज़ɻ ·ͨ l18"zͱ͍͏ݴ༿ͱ΋Ұॹʹొ৔͢Δ͕ɺ 18"ΞϓϦέʔγϣϯΛߏ੒͢ΔཁૉͷҰͭͰ͋Δɻ 4FSWJDF8PSLFS 164)"1* 'FUDI #BDLHSPVOE4ZOD $BDIF4USBHF 164)௨஌ ϩʔΧϧΩϟογϡ όοΫάϥ΢ϯυಉظ

Slide 5

Slide 5 text

Ҏલʹ 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`?6JE5 92@235 LKJG3BAID9;/ © OSCA Service Worker

Slide 6

Slide 6 text

ͦ΋ͦ΋ͷܦҢ ʮΩϟογϡʯʹٻΊΒΕΔ࢓༷Λ࠶੔ཧ͠ͳ͓͠ɺඞཁͳ ػೳΛ"1*෼ׂͨ͠ͱ͜Ζɺʮ'FUDI"1*ʯʮ$BDIF 4USBHF"1*ʯʮ4FSWJDF8PSLFSʯͷ͕ͭ஀ੜ͠·ͨ͠ɻ © OSCA Service Worker ػೳͱͯ͠੾Γग़͞Εͨ 4FSWJDF8PSLFS͸ɺΩϟογϡ Ҏ֎ͷ༻్Ͱͷར༻΋ظ଴͞Ε͍ͯΔɻ

Slide 7

Slide 7 text

ରԠϒϥ΢β © OSCA Service Worker

Slide 8

Slide 8 text

8αΠτͷදࣔͱಉ࣌ʹɺ๚໰ऀͷϒϥ΢βʹɺ +BWB4DSJQUΛ༻͍ͯ 4FSWJDF8PSLFSΛΠϯετʔϧ͢Δɻ ͢Δͱ8αΠτΛ཭Εͨͱͯ͠΋ɺ όοΫάϥ΢ϯυͰॲཧΛಈ͔͢͜ͱ͕Ͱ͖Δɻ ˞஫ҙ˞ 4FSWJDF8PSLFSΛར༻͢Δ8αΠτ͸ɺ )5514ͷαΠτͰ͋Δඞཁ͕͋Δɻ ͲͷΑ͏ʹಈ͔͢ͷ͔ʁ © OSCA Service Worker

Slide 9

Slide 9 text

4FSWJDF8PSLFSͷΠϯετʔϧʹ͍ͭͯઆ໌͠·ͨ͠ɻ NJO ϥΠϒίʔσΟϯά © OSCA Service Worker

Slide 10

Slide 10 text

σϞͷϑΝΠϧߏ੒ © OSCA Service Worker JOEFYIUNM ๚໰ऀ͕๚ΕΔϖʔδɻ ͜ͷϖʔδ಺ͷॲཧͰ 4FSWJDF8PSLFSΛΠϯετʔϧ͢Δ TXKT 4FSWJDF8PSLFSͷॲཧΛهड़͢Δ +BWB4DSJQUϑΝΠϧɻ ϒϥ΢βʹΠϯετʔϧ͞ΕΔɻ

Slide 11

Slide 11 text

࣍ͷΑ͏ͳ+BWB4DSJQUͷهड़Ͱɺ8αΠτͷ๚໰ऀͷϒ ϥ΢βʹɺ4FSWJDF8PSLFSεΫϦϓτΛΠϯετʔϧͰ͖ ·͢ɻ 4FSWJDF8PSLFSͷΠϯετʔϧ OBWJHBUPSTFSWJDF8PSLFSSFHJTUFS TXKT ͋ͱ͸όοΫάϥ΢ϯυॲཧΛ TXKTʹهड़͢Δ͚ͩͰ͢ɻ © OSCA Service Worker

Slide 12

Slide 12 text

JOEFYIUNM IUNM IFBE TDSJQU JG TFSWJDF8PSLFSJOOBWJHBUPS \ OBWJHBUPSTFSWJDF8PSLFSSFHJTUFS TXKT` ^ TDSJQU IFBE CPEZ লུ CPEZ IUNM © OSCA Service Worker ˞આ໌ͷͨΊɺΠϯετʔϧͷྫ֎ॲཧ΍࣮ߦλΠϛϯάΛߟྀ͍ͯ͠·ͤΜɻ࣮૷࣌ʹ͸஫ҙ͍ͯͩ͘͠͞ɻ

Slide 13

Slide 13 text

4FSWJDF8PSLFS͸ɺΠϕϯτۦಈͷ࣮ߦ؀ڥͰ͢ɻ ԿΒ͔ͷΠϕϯτΛΩοΧέʹॲཧ͕࣮ߦ͞Ε·͢ɻ 4FSWJDF 8PSLFS ͕࣮ߦ͞ΕΔΩοΧέ Πϕϯτ આ໌ JOTUBMM 4FSWJDF8PSLFS͕Πϯετʔϧ͞Εͨࡍ BDUJWBUF 4FSWJDF8PSLFS͕༗ޮʹͳͬͨࡍ GFUDI ωοτϫʔΫʹϦιʔεΛऔಘ͢Δࡍ NFTTBHF ϝοηʔδΛड৴ͨ͠ࡍ © OSCA Service Worker جຊΠϕϯτ

Slide 14

Slide 14 text

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 FWFOUSFRVFTUVSMFWFOUSFRVFTUVSM ^ TFMGBEE&WFOU-JTUFOFS NFTTBHF GVODUJPO FWFOU \ DPOTPMFMPH NFTTBHJOH ^

Slide 15

Slide 15 text

! 3 164) %HJ:A( 8*-+08DKJ:LE %?LGIMB(;LJ9L21.-+08DK

Slide 16

Slide 16 text

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Λදࣔ͢ΔͳͲ ^

Slide 17

Slide 17 text

4FSWJDF8PSLFSʹͳͥ஫໨͢΂͖ͳͷ͔ʁ © OSCA Service Worker • εϚʔτϑΥϯ΍σεΫτοϓͷΞϓϦέʔγϣϯͱͷ ػೳ͕ࠩຒ·Δ͜ͱ͕ظ଴Ͱ͖Δɻ • 18" 1SPHSFTTJWF8FC"QQMJDBUJPO ͷొ৔ʹΑΓɺ 8ͷٕज़ͰεϚʔτϑΥϯ΍σεΫτοϓͷΞϓϦΛ ࣮૷Ͱ͖ΔΑ͏ʹͳΔɻ

Slide 18

Slide 18 text

·ͱΊ • 8ը໘ͷඳࣸॲཧͱ͸ҧ͏ϨϕϧͰɺόοΫάϥϯυ ॲཧ͢Δ࢓૊Έ͕ 4FSWJDF8PSLFSɻ • ༷ʑͳ "1*ͱ૊Έ߹ΘͤΔ͜ͱͰɺࠓ·Ͱ8Ͱ࣮ݱ͕ ೉͔ͬͨ͠ػೳ 164)௨஌ͳͲ ͕࣮ݱͰ͖ͭͭ͋Δɻ • ωΠςΟϒΞϓϦͱͷػೳࠩΛຒΊΔ8ٕज़ͱͯ͠ɺ ࠓޙͷීٴ͕஫໨͞ΕΔɻ © OSCA Service Worker