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

dev.toの何がすごいのか、とPWA、CDNの紹介

Transcript

1. EFWUP͕༩͑ͨ
 ΠϯύΫτ
2. EFWUP 
3. 
4. ໨࣍  ݱঢ়ͷ8FC"QQͷ՝୊
   18"
   $%/
5. ໨࣍  ݱঢ়ͷ8FC"QQͷ՝୊
   18"
   $%/
6. ݱঢ়ͷ8FC"QQͷ՝୊ 8FC"QQͷਐԽ
   ίϯϙʔωϯτԽ
 ˣ
 όϯυϧʢ୯ҰϑΝΠϧͷੜ੒ʣ
 ˣ
 όϯυϧͷංେԽ 
7. ݱঢ়ͷ8FC"QQͷ՝୊ 8FC"QQͷਐԽ
   ίϯϙʔωϯτԽ
 ˣ
 όϯυϧʢ୯ҰϑΝΠϧͷੜ੒ʣ
 ˣ
 όϯυϧͷංେԽ 
8. ίϯϙʔωϯτԽͷ໰୊఺ )551ͷ੍໿
 ˣ
 ϑΝΠϧϩʔυ࣌ؒͷ૿େ 
9. ίϯϙʔωϯτԽͷ໰୊఺ )551ͷ੍໿
 ˣ
 ϑΝΠϧϩʔυ࣌ؒͷ૿େ 
10. )551 
11. ίϯϙʔωϯτԽͷ໰୊఺ )551ͷ੍໿
 ˣ
 ϑΝΠϧϩʔυ࣌ؒͷ૿େ 
12. όϯυϧ
    ୯ҰϑΝΠϧͷੜ੒ )551ͷ੍໿
 ˣ
 ϑΝΠϧϩʔυ࣌ؒͷ૿େ
    ˣ
    όϯυϧ
    ୯ҰϑΝΠϧͷੜ੒ ʹΑͬͯ
 ϦΫΤετճ਺Λ࡟ݮ 
13. ݱঢ়ͷ8FC"QQͷ՝୊ 8FC"QQͷਐԽ
    ίϯϙʔωϯτԽ
 ˣ
 όϯυϧʢ୯ҰϑΝΠϧͷੜ੒ʣ
 ˣ
 όϯυϧͷංେԽ 
14. όϯυϧʢ୯ҰϑΝΠϧͷੜ੒ʣ 
15. όϯυϧͷංେԽʹΑΔฐ֐ 41"ͷྲྀߦ
 ˣ
 ͢΂ͯͷػೳ͕ϑΝΠϧʹόϯυϧ
 ˣ
 όϯυϧϑΝΠϧ͕਺ඦ,#ʹ 
16. ݱঢ়ͷ8FC"QQͷ՝୊ 8FC"QQͷਐԽ
    ίϯϙʔωϯτԽ
 ˣ
 όϯυϧʢ୯ҰϑΝΠϧͷੜ੒ʣ
 ˣ
 όϯυϧͷංେԽ 
17. ݱঢ়ͷ8FC"QQͷ՝୊ 8FC"QQͷਐԽ
    ίϯϙʔωϯτԽ
 ˣ
 όϯυϧʢ୯ҰϑΝΠϧͷੜ੒ʣ
 ˣ
 όϯυϧͷංେԽ 
18. ໨࣍  ݱঢ়ͷ8FC"QQͷ՝୊
    18"
    $%/
19. 18" 1SPHSFTTJWF
    8FC
    "QQT
    ࠷৽ͷ8FCٕज़Λ׆༻͠ɺ઴ਐత
    1SPHSFTTJWF
    ʹߴ౓ͳϢʔβʔମݧΛఏڙ 
20. 18" 1SPHSFTTJWF
    8FC
    "QQT
    ࠷৽ͷ8FCٕज़Λ׆༻͠ɺ઴ਐత
    1SPHSFTTJWF
    ʹߴ౓ͳϢʔβʔମݧΛఏڙ
    ˣ
    ෺ࣄΛঃʑʹਐΊ͍ͯ͘ 
21. 131-
    ͺʔ΀Δ 1VTI
    3FOEFS
    1SFDBDIF
    -B[ZMPBE
    8FC
    $PNQPOFOUT
    4FSWJDF
    8PSLFS
    )551
    4FSWFS
    1VTI
    ͱ͍ͬͨ8FCͷ࠷৽ٕज़Λ׆༻͠ ͨɺ18"ͷ۩ମతͳ࣮૷ύλʔϯͷͻͱͭ 
22. 131-
    ͺʔ΀Δ PRPL ύλʔϯ | Web | Google Developers
 https://developers.google.com/web/fundamentals/performance/prpl- pattern/?hl=ja ࣮ࡍͷϓϩδΣΫτͷଟ͘͸ɺPRPL ͷϏδϣϯΛ࠷΋७ਮ͔ͭ
 ׬શͳܗͰ࣮ײͰ͖Δஈ֊ʹ͸ࢸ͍ͬͯͳ͍Ͱ͠ΐ͏ɻ
 ͔͠͠ɺͦͷߟ͑ํΛऔΓೖΕɺ͋ΒΏΔ֯౓ͰͦͷϏδϣϯͷ
 ௥ٻʹணख͢Δͷʹૣ͗͢Δ͜ͱ͸͋Γ·ͤΜɻ 
23. 131- 1VTI
    3FOEFS
    1SFDBDIF
    -B[ZMPBE 
24. 131- 1VTI
    3FOEFS
    1SFDBDIF
    -B[ZMPBE 
25. 1VTI 8FC
    $PNQPOFOUTʹΑΔΧελϜཁૉͷఆٛ
    ਌)5.-͔Β)5.-
    *NQPSUTʹΑΔར༻એݴ
    )551
    4FSWFS
    1VTI 
26. 8FC
    $PNQPOFOUT  JOEFYIUNM NFOVIUNM JUFNIUNM
27. 8FC
    $PNQPOFOUT  JOEFYIUNM NFOVIUNM JUFNIUNM
28. 8FC
    $PNQPOFOUT  JOEFYIUNM NFOVIUNM JUFNIUNM
29. )5.-
    *NQPSUT  JOEFYIUNM
    MJOL
    SFMlJNQPSUz
    ISFGlNFOVIUNMz
    MJOL
    SFMlJNQPSUz
    ISFGlJUFNIUNMz NFOVIUNM JUFNIUNM
30. )551 
31. )551
    4FSWFS
    1VTI 
32. 131- 1VTI
    3FOEFS
    1SFDBDIF
    -B[ZMPBE 
33. 3FOEFS ϨϯμϦϯάͷ࠷దԽ
    ϨϯμϦϯά
    πϦʔͷߏஙɺϨΠΞ΢τɺϖΠϯτ
    
    c
    
    8FC
    
    c
    
    (PPHMF
    %FWFMPQFST
    IUUQTEFWFMPQFSTHPPHMFDPNXFC GVOEBNFOUBMTQFSGPSNBODFDSJUJDBMSFOEFSJOH QBUISFOEFSUSFFDPOTUSVDUJPO IMKB
    
34. ϨϯμϦϯάͷϑϩʔ 
35. ϨϯμϦϯάͷϑϩʔ  ϒϥ΢βͷ͘͠Έ
    ࠷৽΢Σϒϒϥ΢βͷ಺෦ߏ଄
    
    )5.-
    3PDLT
    IUUQTXXXIUNMSPDLTDPNKBUVUPSJBMTJOUFSOBMT IPXCSPXTFSTXPSL
36. ϨϯμϦϯάͷϑϩʔ 
37. +BWB4DSJQUͷӨڹ 
38. +BWB4DSJQUͷඇಉظ࣮ߦ BTZODଐੑ
    TDSJQU
    TSDlBQQKTz
    BTZODTDSJQU
    %0.ߏஙΛϒϩοΫͤͣʹεΫϦϓτͷ
 ಡΈࠐΈՄೳ 
39. 131- 1VTI
    3FOEFS
    1SFDBDIF
    -B[ZMPBE 
40. 4FSWJDF8PSLFSʹΑΔ$BDIF 1SFDBDIF
    Ҏ߱ͷը໘ͰඞཁͱͳΔίϯϙʔωϯτϦιʔ εΛόοΫάϥ΢ϯυͰࣄલʹμ΢ϯϩʔυɺ 4FSWJDF
    8PSLFSΛ༻͍Ωϟογϡͱͯ͠อଘ
    
41. 4FSWJDF
    8PSLFSͱ͸ 4FSWJDF
    8PSLFS
    ͸ϒϥ΢β͕
    8FC
    ϖʔδͱ ͸ผʹόοΫάϥ΢ϯυͰ࣮ߦ͢ΔεΫϦϓτ
    w ϓογϡ௨஌
    w όοΫάϥ΢ϯυಉظ
    w Ωϟογϡػೳ 
42. 4FSWJDF
    8PSLFSͱ͸ 4FSWJDF
    8PSLFS
    ͸ϒϥ΢β͕
    8FC
    ϖʔδͱ ͸ผʹόοΫάϥ΢ϯυͰ࣮ߦ͢ΔεΫϦϓτ
    w ϓογϡ௨஌
    w όοΫάϥ΢ϯυಉظ
    w Ωϟογϡػೳ 
43. 131- 1VTI
    3FOEFS
    1SFDBDIF
    -B[ZMPBE 
44. ը૾ͳͲͷ஗ԆಡΈࠐΈ ϑΝʔετϏϡʔʹ͸දࣔ͞Εͳ͍ը૾ϑΝΠϧ΍ ίϯϙʔωϯτͳͲΛ༏ઌ౓ͷ௿͍΋ͷͱͯ͠એݴ
    ϒϥ΢β͸͜ΕΒͷϦιʔεͷμ΢ϯϩʔυॱ൪ͷ ༏ઌ౓ΛԼ͛ɺϑΝʔετϏϡʔʹຊ౰ʹඞཁͳ΋ ͷΛ༏ઌͯ͠දࣔ
    
45. ໨࣍  ݱঢ়ͷ8FC"QQͷ՝୊
    18"
    $%/
46. $%/ $POUFOU
    %FMJWFSZ
    /FUXPSL
    ΢ΣϒίϯςϯπΛΠϯλʔωοτܦ༝Ͱ഑৴ ͢ΔͨΊʹ࠷దԽ͞ΕͨωοτϫʔΫ
    w 'BTUMZ
    w $MPVEJOBSZ 
47. 'BTUMZ 
48. 'BTUMZ w ϢʔβʔʹΑΓ͍ۙαʔόʔ͔Β
 ίϯςϯπΛ഑৴
    w ॠ࣌ͷΩϟογϡফڈߋ৽Ͱ
 ಈతίϯςϯπΛѻ͑Δ 
49. $MPVEJOBSZ 
50. $MPVEJOBSZ ը૾΍ಈըͷ഑৴ʹಛԽͨ͠$%/
    ϒϥ΢βʹΑͬͯ࠷దͳܗࣜͷը૾Λฦ͢
 ʢ$ISPNFͳΒXFCQ
    4BGBSJͳΒKQFHʣ 
51. ·ͱΊ EFWUP͕18"͕࣮ݱՄೳͰՁ஋ͷ͋Δ΋ͷͰ͋ Δ͜ͱΛࣔͯ͘͠Εͨ
    ͸ͯϒ਺͕ࣔ͢ͱ͓Γɺ6*69ʹͱͬͯૣ͕͞ ॏཁͰ͋Δ͜ͱΛ࠶ೝࣝͤ͞ΒΕͨ
    $%/͍͢͝ 
52. ໨࣍  ݱঢ়ͷ8FC"QQͷ՝୊
    18"
    $%/