dev.toが与えたインパクト

Slide 1

Slide 1 text

EFWUP͕༩͑ͨ  ΠϯύΫτ

Slide 2

Slide 2 text

EFWUP

Slide 3

Slide 3 text

Slide 4

Slide 4 text

໨࣍ ݱঢ়ͷ8FC"QQͷ՝୊ 18" $%/

Slide 5

Slide 5 text

໨࣍ ݱঢ়ͷ8FC"QQͷ՝୊ 18" $%/

Slide 6

Slide 6 text

ݱঢ়ͷ8FC"QQͷ՝୊ 8FC"QQͷਐԽ ίϯϙʔωϯτԽ  ˣ  όϯυϧʢ୯ҰϑΝΠϧͷੜ੒ʣ  ˣ  όϯυϧͷංେԽ

Slide 7

Slide 7 text

ݱঢ়ͷ8FC"QQͷ՝୊ 8FC"QQͷਐԽ ίϯϙʔωϯτԽ  ˣ  όϯυϧʢ୯ҰϑΝΠϧͷੜ੒ʣ  ˣ  όϯυϧͷංେԽ

Slide 8

Slide 8 text

ίϯϙʔωϯτԽͷ໰୊఺ )551ͷ੍໿  ˣ  ϑΝΠϧϩʔυ࣌ؒͷ૿େ

Slide 9

Slide 9 text

ίϯϙʔωϯτԽͷ໰୊఺ )551ͷ੍໿  ˣ  ϑΝΠϧϩʔυ࣌ؒͷ૿େ

Slide 10

Slide 10 text

)551

Slide 11

Slide 11 text

ίϯϙʔωϯτԽͷ໰୊఺ )551ͷ੍໿  ˣ  ϑΝΠϧϩʔυ࣌ؒͷ૿େ

Slide 12

Slide 12 text

όϯυϧ ୯ҰϑΝΠϧͷੜ੒ )551ͷ੍໿  ˣ  ϑΝΠϧϩʔυ࣌ؒͷ૿େ ˣ όϯυϧ ୯ҰϑΝΠϧͷੜ੒ ʹΑͬͯ  ϦΫΤετճ਺Λ࡟ݮ

Slide 13

Slide 13 text

ݱঢ়ͷ8FC"QQͷ՝୊ 8FC"QQͷਐԽ ίϯϙʔωϯτԽ  ˣ  όϯυϧʢ୯ҰϑΝΠϧͷੜ੒ʣ  ˣ  όϯυϧͷංେԽ

Slide 14

Slide 14 text

όϯυϧʢ୯ҰϑΝΠϧͷੜ੒ʣ

Slide 15

Slide 15 text

όϯυϧͷංେԽʹΑΔฐ֐ 41"ͷྲྀߦ  ˣ  ͢΂ͯͷػೳ͕ϑΝΠϧʹόϯυϧ  ˣ  όϯυϧϑΝΠϧ͕਺ඦ,#ʹ

Slide 16

Slide 16 text

ݱঢ়ͷ8FC"QQͷ՝୊ 8FC"QQͷਐԽ ίϯϙʔωϯτԽ  ˣ  όϯυϧʢ୯ҰϑΝΠϧͷੜ੒ʣ  ˣ  όϯυϧͷංେԽ

Slide 17

Slide 17 text

ݱঢ়ͷ8FC"QQͷ՝୊ 8FC"QQͷਐԽ ίϯϙʔωϯτԽ  ˣ  όϯυϧʢ୯ҰϑΝΠϧͷੜ੒ʣ  ˣ  όϯυϧͷංେԽ

Slide 18

Slide 18 text

໨࣍ ݱঢ়ͷ8FC"QQͷ՝୊ 18" $%/

Slide 19

Slide 19 text

18" 1SPHSFTTJWF8FC"QQT ࠷৽ͷ8FCٕज़Λ׆༻͠ɺ઴ਐత 1SPHSFTTJWF ʹߴ౓ͳϢʔβʔମݧΛఏڙ

Slide 20

Slide 20 text

18" 1SPHSFTTJWF8FC"QQT ࠷৽ͷ8FCٕज़Λ׆༻͠ɺ઴ਐత 1SPHSFTTJWF ʹߴ౓ͳϢʔβʔମݧΛఏڙ ˣ ෺ࣄΛঃʑʹਐΊ͍ͯ͘

Slide 21

Slide 21 text

131- ͺʔ΀Δ 1VTI 3FOEFS 1SFDBDIF -B[ZMPBE 8FC$PNQPOFOUT 4FSWJDF8PSLFS )551 4FSWFS1VTIͱ͍ͬͨ8FCͷ࠷৽ٕज़Λ׆༻͠ ͨɺ18"ͷ۩ମతͳ࣮૷ύλʔϯͷͻͱͭ

Slide 22

Slide 22 text

131- ͺʔ΀Δ PRPL ύλʔϯ | Web | Google Developers  https://developers.google.com/web/fundamentals/performance/prpl- pattern/?hl=ja ࣮ࡍͷϓϩδΣΫτͷଟ͘͸ɺPRPL ͷϏδϣϯΛ࠷΋७ਮ͔ͭ  ׬શͳܗͰ࣮ײͰ͖Δஈ֊ʹ͸ࢸ͍ͬͯͳ͍Ͱ͠ΐ͏ɻ  ͔͠͠ɺͦͷߟ͑ํΛऔΓೖΕɺ͋ΒΏΔ֯౓ͰͦͷϏδϣϯͷ  ௥ٻʹணख͢Δͷʹૣ͗͢Δ͜ͱ͸͋Γ·ͤΜɻ

Slide 23

Slide 23 text

131- 1VTI 3FOEFS 1SFDBDIF -B[ZMPBE

Slide 24

Slide 24 text

131- 1VTI 3FOEFS 1SFDBDIF -B[ZMPBE

Slide 25

Slide 25 text

1VTI 8FC$PNQPOFOUTʹΑΔΧελϜཁૉͷఆٛ ਌)5.-͔Β)5.-*NQPSUTʹΑΔར༻એݴ )5514FSWFS1VTI

Slide 26

Slide 26 text

8FC$PNQPOFOUT JOEFYIUNM NFOVIUNM JUFNIUNM

Slide 27

Slide 27 text

8FC$PNQPOFOUT JOEFYIUNM NFOVIUNM JUFNIUNM

Slide 28

Slide 28 text

8FC$PNQPOFOUT JOEFYIUNM NFOVIUNM JUFNIUNM

Slide 29

Slide 29 text

)5.-*NQPSUT JOEFYIUNM MJOLSFMlJNQPSUzISFGlNFOVIUNMz MJOLSFMlJNQPSUzISFGlJUFNIUNMz NFOVIUNM JUFNIUNM

Slide 30

Slide 30 text

)551

Slide 31

Slide 31 text

)5514FSWFS1VTI

Slide 32

Slide 32 text

131- 1VTI 3FOEFS 1SFDBDIF -B[ZMPBE

Slide 33

Slide 33 text

3FOEFS ϨϯμϦϯάͷ࠷దԽ ϨϯμϦϯάπϦʔͷߏஙɺϨΠΞ΢τɺϖΠϯτ c8FCc(PPHMF%FWFMPQFST IUUQTEFWFMPQFSTHPPHMFDPNXFC GVOEBNFOUBMTQFSGPSNBODFDSJUJDBMSFOEFSJOH QBUISFOEFSUSFFDPOTUSVDUJPO IMKB

Slide 34

Slide 34 text

ϨϯμϦϯάͷϑϩʔ

Slide 35

Slide 35 text

ϨϯμϦϯάͷϑϩʔ ϒϥ΢βͷ͘͠Έ࠷৽΢Σϒϒϥ΢βͷ಺෦ߏ଄)5.-3PDLT IUUQTXXXIUNMSPDLTDPNKBUVUPSJBMTJOUFSOBMT IPXCSPXTFSTXPSL

Slide 36

Slide 36 text

ϨϯμϦϯάͷϑϩʔ

Slide 37

Slide 37 text

+BWB4DSJQUͷӨڹ

Slide 38

Slide 38 text

+BWB4DSJQUͷඇಉظ࣮ߦ BTZODଐੑ TDSJQUTSDlBQQKTzBTZODTDSJQU %0.ߏஙΛϒϩοΫͤͣʹεΫϦϓτͷ  ಡΈࠐΈՄೳ

Slide 39

Slide 39 text

131- 1VTI 3FOEFS 1SFDBDIF -B[ZMPBE

Slide 40

Slide 40 text

4FSWJDF8PSLFSʹΑΔ$BDIF 1SFDBDIF Ҏ߱ͷը໘ͰඞཁͱͳΔίϯϙʔωϯτϦιʔ εΛόοΫάϥ΢ϯυͰࣄલʹμ΢ϯϩʔυɺ 4FSWJDF8PSLFSΛ༻͍Ωϟογϡͱͯ͠อଘ

Slide 41

Slide 41 text

4FSWJDF8PSLFSͱ͸ 4FSWJDF8PSLFS͸ϒϥ΢β͕8FCϖʔδͱ ͸ผʹόοΫάϥ΢ϯυͰ࣮ߦ͢ΔεΫϦϓτ w ϓογϡ௨஌ w όοΫάϥ΢ϯυಉظ w Ωϟογϡػೳ

Slide 42

Slide 42 text

4FSWJDF8PSLFSͱ͸ 4FSWJDF8PSLFS͸ϒϥ΢β͕8FCϖʔδͱ ͸ผʹόοΫάϥ΢ϯυͰ࣮ߦ͢ΔεΫϦϓτ w ϓογϡ௨஌ w όοΫάϥ΢ϯυಉظ w Ωϟογϡػೳ

Slide 43

Slide 43 text

131- 1VTI 3FOEFS 1SFDBDIF -B[ZMPBE

Slide 44

Slide 44 text

ը૾ͳͲͷ஗ԆಡΈࠐΈ ϑΝʔετϏϡʔʹ͸දࣔ͞Εͳ͍ը૾ϑΝΠϧ΍ ίϯϙʔωϯτͳͲΛ༏ઌ౓ͷ௿͍΋ͷͱͯ͠એݴ ϒϥ΢β͸͜ΕΒͷϦιʔεͷμ΢ϯϩʔυॱ൪ͷ ༏ઌ౓ΛԼ͛ɺϑΝʔετϏϡʔʹຊ౰ʹඞཁͳ΋ ͷΛ༏ઌͯ͠දࣔ

Slide 45

Slide 45 text

໨࣍ ݱঢ়ͷ8FC"QQͷ՝୊ 18" $%/

Slide 46

Slide 46 text

$%/ $POUFOU%FMJWFSZ/FUXPSL ΢ΣϒίϯςϯπΛΠϯλʔωοτܦ༝Ͱ഑৴ ͢ΔͨΊʹ࠷దԽ͞ΕͨωοτϫʔΫ w 'BTUMZ w $MPVEJOBSZ

Slide 47

Slide 47 text

'BTUMZ

Slide 48

Slide 48 text

'BTUMZ w ϢʔβʔʹΑΓ͍ۙαʔόʔ͔Β  ίϯςϯπΛ഑৴ w ॠ࣌ͷΩϟογϡফڈߋ৽Ͱ  ಈతίϯςϯπΛѻ͑Δ

Slide 49

Slide 49 text

$MPVEJOBSZ

Slide 50

Slide 50 text

$MPVEJOBSZ ը૾΍ಈըͷ഑৴ʹಛԽͨ͠$%/ ϒϥ΢βʹΑͬͯ࠷దͳܗࣜͷը૾Λฦ͢  ʢ$ISPNFͳΒXFCQ 4BGBSJͳΒKQFHʣ

Slide 51

Slide 51 text

·ͱΊ EFWUP͕18"͕࣮ݱՄೳͰՁ஋ͷ͋Δ΋ͷͰ͋ Δ͜ͱΛࣔͯ͘͠Εͨ ͸ͯϒ਺͕ࣔ͢ͱ͓Γɺ6*69ʹͱͬͯૣ͕͞ ॏཁͰ͋Δ͜ͱΛ࠶ೝࣝͤ͞ΒΕͨ $%/͍͢͝

Slide 52

Slide 52 text

໨࣍ ݱঢ়ͷ8FC"QQͷ՝୊ 18" $%/