Tweet
Tweet

Slide 1

Slide 1 text

ΦϑϥΠϯ8FCΞϓϦͷ࢓૊Έ ͓ͷ͏͑ *POJD.FFUVQ/BHPZB ೥݄೔ ͜ͷεϥΠυͷ63- IUUQCJUMZ*4Z1

Slide 2

Slide 2 text

ࣗݾ঺հ w ඌ্༸հ :PTVLF0OPVF w ೔ຊେֶจཧֶ෦৘ใՊֶՊॿڭ w ՄࢹԽɺ࠷దԽɺΞϧΰϦζϜͷݚڀ w *POJDΞϯν w ϚΠϒʔϜ w -JHIUIPVTFͰຬ఺Λ໨ࢦ͢

Slide 3

Slide 3 text

8FCαΠτ͸
 ωοτ͕ͳͯ͘΋
 ݟΕΔ࣌୅΁

Slide 4

Slide 4 text

ΦϑϥΠϯ8FCΞϓϦ w ωοτ͕஗͍ɺෆ௨ͳ৔ॴͰ΋࢖͑Δ8FCΞϓϦ΁ w ஍Լɺτϯωϧͷதɺաૄ஍ɺൃల్্ࠃɺӉ஦ɺʜ w 1SPHSFTTJWF8FC"QQT 18" ͷཁ݅ͷҰͭ w 18"$IFDLMJTU
 IUUQTEFWFMPQFSTHPPHMFDPNXFCQSPHSFTTJWFXFCBQQTDIFDLMJTU w -JHIUIPVTF
 IUUQTDISPNFHPPHMFDPNXFCTUPSFEFUBJMMJHIUIPVTFCMJQNEDPOMLQJOFGFIONKBNNGKQNQCKL w ࡞ͬͨ w IUUQTFHSJEKQ

Slide 5

Slide 5 text

ΦϑϥΠϯ8FCΞϓϦΛࢧ͑Δٕज़ w ϒϥ΢βετϨʔδ w 8FC4UPSBHF TFTTJPO4UPSBHFMPDBM4UPSBHF w *OEFYFE%# w ΦϑϥΠϯΩϟογϡ w 4FSWJDF8PSLFS$BDIF"1* w ͦͷଞ w /BWJHBUPS0O-JOF w #BDLHSPVOE4ZOD

Slide 6

Slide 6 text

ΦϑϥΠϯ8FCΞϓϦΛࢧ͑Δٕज़ w ϒϥ΢βετϨʔδ w 8FC4UPSBHF TFTTJPO4UPSBHFMPDBM4UPSBHF w *OEFYFE%# w ΦϑϥΠϯΩϟογϡ w 4FSWJDF8PSLFS$BDIF"1* w ͦͷଞ w /BWJHBUPS0O-JOF w #BDLHSPVOE4ZOD

Slide 7

Slide 7 text

"QQ4IFMMΞʔΩςΫνϟ΁ͷస׵ 8FCϖʔδ
 )5.-$44+4 αʔόʔαΠυ ΫϥΠΞϯταΠυ %# ίϯςϯπ )5.-$44+4 Ωϟογϡ ैདྷͷ8FCΞϓϦ "QQ4IFMM 5FNQMBUF 8FCϖʔδ Precache Runtime Cache

Slide 8

Slide 8 text

4FSWJDF8PSLFS w ωοτϫʔΫϦΫΤετͷϑοΫॲཧ w ΦϑϥΠϯΩϟογϡ w 1SFDBDIF3VOUJNF$BDIF w ϓογϡ௨஌ w #BDLHSPVOE4ZOD w ʜ

Slide 9

Slide 9 text

4FSWJDF8PSLFSʹΑΔΩϟογϡ ίϯςϯπ )5.-$44+4 Ωϟογϡ 8FCϖʔδ Precache Runtime Cache Ωϟογϡ w 1SFDBDIF w 8FCΞϓϦʹඞཁͳϑΝΠϧΛ
 4FSWJDF8PSLFSొ࿥࣌ʹΩϟογϡ w 3VOUJNF$BDIF w ίϯςϯπɺը૾౳ΛඞཁʹԠͯ͡Ωϟογϡ

Slide 10

Slide 10 text

4FSWJDF8PSLFSΛॻ͘ w ੜ w :PVS'JSTU1SPHSFTTJWF8FC"QQ
 IUUQTEFWFMPQFSTHPPHMFDPNXFCGVOEBNFOUBMTDPEFMBCTZPVSpSTUQXBQQ w TXQSFBDBDIFTXUPPMT w 8FCΞϓϦͷΦϑϥΠϯԽʹඞཁͳॲཧͷఏڙ w 8PSLCPY w TXQSFDBDIFTXUPPMTΛΑΓ࢖͍΍͘͢ߴػೳʹ

Slide 11

Slide 11 text

8PSLCPY IUUQTEFWFMPQFSTHPPHMFDPNXFCUPPMTXPSLCPY

Slide 12

Slide 12 text

4FSWJDF8PSLFSͷੜ੒ w XPSLCPYDMJ w XPSLCPYίϚϯυ w XPSLCPYCVJME w /PEFKTHVMQ͔Βར༻ w XPSLCPYXFCQBDLQMVHJO w XFCQBDLϓϥάΠϯ w XBUDIɺ8FCQBDL%FW4FSWFSରԠ

Slide 13

Slide 13 text

4FSWJDF8PSLFSͷੜ੒ w XPSLCPYDMJ w XPSLCPYίϚϯυ w XPSLCPYCVJME w /PEFKTHVMQ͔Βར༻ w XPSLCPYXFCQBDLQMVHJO w XFCQBDLϓϥάΠϯ w XBUDIɺ8FCQBDL%FW4FSWFSରԠ

Slide 14

Slide 14 text

XPSLCPYXFCQBDLQMVHJO const WorkboxPlugin = require('workbox-webpack-plugin') module.exports = { plugins: [ new WorkboxPlugin.GenerateSW({ swDest: 'sw.js', globDirectory: './public', globPatterns: [ '*.{html,css,js}' ], globIgnores: [ '_redirects', 'bundle.js', 'sw.js' ], navigateFallback: '/index.html' }) ] }

Slide 15

Slide 15 text

4FSWJDF8PSLFSͷొ࿥ if ('serviceWorker' in navigator) { navigator.serviceWorker.register('/sw.js') .then((registration) => { }).catch(() => { }) }

Slide 16

Slide 16 text

·ͱΊ w 8FCΞϓϦ͸ΦϑϥΠϯͰ΋ಈ࣌͘୅ w ͜Ε·Ͱͷ8FCͷৗࣝɺΞϓϦͷৗࣝΛݟ௚ͦ͏ w *POJD͚͕ͩ18"ͷબ୒ࢶͰ͸ͳ͍ w 8PSLCPY͸͍͍ͧ