Lighthouseで500点を目指す

Slide 1

Slide 1 text

-JHIUIPVTFͰ఺Λ໨ࢦ͢ ͓ͷ͏͑ 8PSE#FODIେࡕژ౎*POJD+BQBO݄ϑϧεΠϯά ೥݄೔

Slide 2

Slide 2 text

ࣗݾ঺հ w ඌ্༸հ :PTVLF0OPVF w ೔ຊେֶจཧֶ෦৘ใՊֶՊॿڭ w ՄࢹԽɺ࠷దԽɺΞϧΰϦζϜͷݚڀ w 8PSE1SFTTॳ৺ऀ w ଎͘͢Δͷ͕޷͖

Slide 3

Slide 3 text

ࠓ೔֮͑ͯؼͬͯཉ͍͜͠ͱ w 18"$IFDLMJTU w -JHIUIPVTF

Slide 4

Slide 4 text

-JHIUIPVTF࢖ͬͯ·͔͢ʁ

Slide 5

Slide 5 text

-JHIUIPVTFʁ w 8FCαΠτͷղੳπʔϧʢ$ISPNF֦ுPSίϚϯυʣ w 1SPHSFTTJWF8FC"QQ w 1FSGPSNBODF w "DDFTTJCJMJUZ w #FTU1SBDUJDFT w 4&0 w $ISPNF͔Βඪ४౥ࡌʢ"VEJUTQBOFMʣ w CZ(PPHMF

Slide 6

Slide 6 text

ࠓ͙͢΍ͬͯʂ

Slide 7

Slide 7 text

No content

Slide 8

Slide 8 text

No content

Slide 9

Slide 9 text

No content

Slide 10

Slide 10 text

No content

Slide 11

Slide 11 text

1SPHSFTTJWF8FC"QQT

Slide 12

Slide 12 text

1SPHSFTTJWF8FC"QQT w IUUQTEFWFMPQFSTHPPHMFDPNXFCQSPHSFTTJWF XFCBQQT w 8FCαΠτͱωΠςΟϒΞϓϦͷ  ͍͍ͱ͜औΓΛͨ͠8FCΞϓϦ w 1SPHSFTTJWF&OIBODFNFOU w ߴ͍ϢʔβϏϦςΟͷ࣮ݱ w ϏδωεϑϨϯυϦʔ

Slide 13

Slide 13 text

8FCͷτϨϯυ w ੩త8FCαΠτ w )5.-ɺ8FCαʔόʔ w ಈత8FCαΠτ w 1)1ɺ1ZUIPOɺ3VCZɺʜ w 4JOHMF1BHF"QQMJDBUJPO 41" w +BWB4DSJQUɺ3&45"1* w 1SPHSFTTJWF8FC"QQT 18" w 41"Ћ ΑΓྑ͍69΁ ύϥμΠϜͷน w ൃ૝ͷҧ͍ w ։ൃํ๏ͷҧ͍

Slide 14

Slide 14 text

18"$IFDLMJTU IUUQTEFWFMPQFSTHPPHMFDPNXFCQSPHSFTTJWFXFCBQQTDIFDLMJTU

Slide 15

Slide 15 text

18"$IFDLMJTU w )5514 w Ϩεϙϯγϒ w ΦϑϥΠϯ w ϗʔϜը໘௥Ճ w ௿଎ճઢରԠ w Ϋϩεϒϥ΢βରԠ w εϜʔζͳϖʔδભҠ w ϖʔδຖͷ63- IUUQTEFWFMPQFSTHPPHMFDPNXFCQSPHSFTTJWFXFCBQQTDIFDLMJTU ϕʔεϥΠϯཁ݅ ໛ൣతͳ18" w ΠϯσοΫεՄೳ w 69 w ύϑΥʔϚϯε w Ωϟογϡ w ௨஌ w ͦͷଞ ྑ͍8FCαΠτͷࢦ਑

Slide 16

Slide 16 text

18"$IFDLMJTU w )5514 w Ϩεϙϯγϒ w ΦϑϥΠϯ w ϗʔϜը໘௥Ճ w ௿଎ճઢରԠ w Ϋϩεϒϥ΢βରԠ w εϜʔζͳϖʔδભҠ w ϖʔδຖͷ63- ϕʔεϥΠϯཁ݅ ໛ൣతͳ18" w ΠϯσοΫεՄೳ w 69 w ύϑΥʔϚϯε w Ωϟογϡ w ௨஌ w ͦͷଞ 41"ઃܭؔ࿈

Slide 17

Slide 17 text

18"$IFDLMJTU w )5514 w Ϩεϙϯγϒ w ΦϑϥΠϯ w ϗʔϜը໘௥Ճ w ௿଎ճઢରԠ w Ϋϩεϒϥ΢βରԠ w εϜʔζͳϖʔδભҠ w ϖʔδຖͷ63- ϕʔεϥΠϯཁ݅ ໛ൣతͳ18" w ΠϯσοΫεՄೳ w 69 w ύϑΥʔϚϯε w Ωϟογϡ w ௨஌ w ͦͷଞ ʮϗʔϜը໘΁௥Ճʯؔ࿈

Slide 18

Slide 18 text

18"$IFDLMJTU w )5514 w Ϩεϙϯγϒ w ΦϑϥΠϯ w ϗʔϜը໘௥Ճ w ௿଎ճઢରԠ w Ϋϩεϒϥ΢βରԠ w εϜʔζͳϖʔδભҠ w ϖʔδຖͷ63- ϕʔεϥΠϯཁ݅ ໛ൣతͳ18" w ΠϯσοΫεՄೳ w 69 w ύϑΥʔϚϯε w Ωϟογϡ w ௨஌ w ͦͷଞ ΦϑϥΠϯؔ࿈

Slide 19

Slide 19 text

18"$IFDLMJTU w )5514 w Ϩεϙϯγϒ w ΦϑϥΠϯ w ϗʔϜը໘௥Ճ w ௿଎ճઢରԠ w Ϋϩεϒϥ΢βରԠ w εϜʔζͳϖʔδભҠ w ϖʔδຖͷ63- ϕʔεϥΠϯཁ݅ ໛ൣతͳ18" w ΠϯσοΫεՄೳ w 69 w ύϑΥʔϚϯε w Ωϟογϡ w ௨஌ w ͦͷଞ ύϑΥʔϚϯεؔ࿈

Slide 20

Slide 20 text

18"$IFDLMJTU w )5514 w Ϩεϙϯγϒ w ΦϑϥΠϯ w ϗʔϜը໘௥Ճ w ௿଎ճઢରԠ w Ϋϩεϒϥ΢βରԠ w εϜʔζͳϖʔδભҠ w ϖʔδຖͷ63- ϕʔεϥΠϯཁ݅ ໛ൣతͳ18" w ΠϯσοΫεՄೳ w 69 w ύϑΥʔϚϯε w Ωϟογϡ w ௨஌ w ͦͷଞ 4&0ؔ࿈

Slide 21

Slide 21 text

18"$IFDLMJTU w )5514 w Ϩεϙϯγϒ w ΦϑϥΠϯ w ϗʔϜը໘௥Ճ w ௿଎ճઢରԠ w Ϋϩεϒϥ΢βରԠ w εϜʔζͳϖʔδભҠ w ϖʔδຖͷ63- ϕʔεϥΠϯཁ݅ ໛ൣతͳ18" w ΠϯσοΫεՄೳ w 69 w ύϑΥʔϚϯε w Ωϟογϡ w ௨஌ w ͦͷଞ ϗεςΟϯάؔ࿈

Slide 22

Slide 22 text

ଟ͘͸18"͸ಛผͷٕज़Ͱ͸ͳ͍

Slide 23

Slide 23 text

೉͘͠ͳ͍Ͱ͢ΑͶʁ

Slide 24

Slide 24 text

18"Λ࡞ΔͨΊʹ͸ lྑ͍8FCαΠτzΛ ౰ͨΓલʹ࡞Ζ͏

Slide 25

Slide 25 text

ྑ͍8FCαΠτʁ w ΩϨΠͳσβΠϯʁ w ৘ใ͕ͨ͘͞Μ٧·ͬͯΔʁ w ศརʁ w ද͕ࣔૣ͍ w ࢖ָ͍͍ͬͯͯ͠ʁ w εϚϗͰݟ΍͍͢ʁ w ਓ͕ͨ͘͞Μू·Δʁ w ίϯόʔδϣϯ͕ଟ͍ʁ

Slide 26

Slide 26 text

lྑ͍8FCαΠτzͷج४Λ࣋ͭ

Slide 27

Slide 27 text

ڝٕ-JHIUIPVTFͷεεϝ w ૉৼΓʢϑϧεΠϯάʣ w ٬؍తɾఆྔతͳࢦඪͰ8FCαΠτΛධՁ͢Δ w ۀ຿Ͱ໾ཱͭͷʁ w ϕϯνϚʔΫͰ͢Β఺͕औΕͳͯ͘େৎ෉ʁ

Slide 28

Slide 28 text

-JHIUIPVTFͷείΞΛ্͛Δ ·ͱ΋ͳ41"Λ࡞Δ w "DDFTTJCJMJUZɺ#FTU1SBDUJDFTɺ4&0 4FSWJDF8PSLFSɺ"QQ.BOJGFTUͷରԠΛ͢Δ w 1SPHSFTTJWF8FC"QQT ύϑΥʔϚϯεΛ௥ٻ͢Δ w 1FSGPSNBODF

Slide 29

Slide 29 text

18"ϑΝʔετͳઃܭ w ޙ෇͚Ͱ18"ʹ͢Δͷ͸೉͍͠ w ࠷ॳ͔Β18"Λҙࣝͨ͠ઃܭ 18"ϑΝʔετ w 18"ͷ࡞Γํ 41"Λ͔ͬ͠Γ࡞Δ 4FSWJDF8PSLFSɺ8FC"QQ.BOJGFTUʹରԠ͢Δ ύϑΥʔϚϯενϡʔχϯάΛؤுΔ

Slide 30

Slide 30 text

41"Λ͔ͬ͠Γ࡞Δ w "DDFTTJCJMJUZ w จࣈ৭ͱഎܠ৭ͷίϯτϥετɺϦϯΫͷςΩετɺ  φϏήʔγϣϯɺλΠτϧཁૉɺ*%ଐੑͷॏෳɺ  MBOHଐੑɺWJFXQPSUɺBMUଐੑɺSPMFଐੑɺBSJBଐੑɺWBMJEͳཁૉ ߏ੒ɺʜ w #FTU1SBDUJDFT w %FQSFDBUFEͳ"1*ͷېࢭɺ)5514ɺ)551ɺ  ίϯιʔϧʹΤϥʔ͕ग़ͳ͍ɺը૾ͷΞεϖΫτൺɺʜ w 4&0 w ϞόΠϧͰ΋ద੾ͳϑΥϯταΠζɺUJUMFཁૉɺNFUBཁૉɺʜ

Slide 31

Slide 31 text

4FSWJDF8PSLFSɺ8FC"QQ.BOJGFTUରԠ w 4FSWJDF8PSLFS w QSFDBDIFSVOUJNFDBDIF w XPSLCPY w XFCQBDLXPSLCPYQMVHJO w 8FC"QQ.BOJGFTU w "QQ*OTUBMM#BOOFS

Slide 32

Slide 32 text

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 33

Slide 33 text

{ "short_name": "vdslab", "name": "vdslab Website", "icons": [ { "src": "icon128.png", "sizes": "128x128", "type": "image/png" }, { "src": "icon192.png", "sizes": "192x192", "type": "image/png" }, { "src": "icon512.png", "sizes": "512x512", "type": "image/png" } ], "start_url": "/index.html", "background_color": "#fff", "theme_color": "rgb(47,87,89)", "display": "standalone" }

Slide 34

Slide 34 text

ύϑΥʔϚϯενϡʔχϯάΛؤுΔ w 8FCϖʔδͷ༰ྔΛখ͘͢͞Δ w 3"*-Ϟσϧͷ-ʢ-PBEʣɿNTҎ಺ w 3FHVMBS(ʢLCQT NT355ʣ w ͦͷϥΠϒϥϦ͸ຊ౰ʹඞཁͰ͔͢ʁ w 443WT131- w 443ɿ/PEFKTɺ'BB4ͳͲͰؤுΔ w 131-ɿ)5514FSWFS1VTI

Slide 35

Slide 35 text

େن໛ϓϩμΫτͰ͜ΕΒΛ  ҰਓͰ͜ͳ͢͜ͱ͸೉͍͠

Slide 36

Slide 36 text

গ͠ະདྷͷ࿩ w ࠓޙύϑΥʔϚϯε͸ΑΓॏཁͳཁૉʹͳΔʢ͔΋ʣ w ϞόΠϧϑΝʔετΠϯσοΫε w ݕࡧΤϯδϯ͸8FCαΠτΛఆྔతʹධՁ͢Δ w ύϑΥʔϚϯεΛߟ͑ΒΕΔ w ΤϯδχΞʢ౰ͨΓલʣ w σβΠφʔɺσΟϨΫλʔɺʜ

Slide 37

Slide 37 text

ٕज़બ୒Λ͢Δ w ඞཁͳٕज़ΛݟۃΊΑ͏ w ৽͍ٕ͠ज़ʢϥΠϒϥϦɺϑϨʔϜϫʔΫɺ"1*ɺ࢓ ༷ʣ͸ԿΛղܾ͠·͔͢ʁ w ٕज़ऀʢ͋ͳͨʣ͕ؾ࣋ͪྑ͘ͳΔͨΊʹٕज़ΛબΜ Ͱ͍·ͤΜ͔ʁ

Slide 38

Slide 38 text

ࠓ೔֮͑ͯؼͬͯཉ͍͜͠ͱ w 18"$IFDLMJTU w lྑ͍8FCαΠτzΛಥ͖٧Ίͨ݁Ռ͕18" w -JHIUIPVTF w lྑ͍8FCαΠτzΛ٬؍తɾఆྔతʹධՁ͢Δ w είΞΛ্͛Δʹ͸ʁ w lపఈతͳΤϯδχΞϦϯάz