State of SEO for SPA 2018

1. State of SEO for SPA @౦ژNodeֶԂ 2018/11/23
2. Kazuya Seki FRONTEND DEV @sekikazu01 @seya
3. ͜Μͳܦݧͳ͍Ͱ͠ΐ͏͔ 41"͸4&0ʹzऑ͍zΒ͍͠
 ͪΐͬͱௐࠪͯ͠ΈΑ͏ɻ
5. ໿൒೥લͷࢲ
6. ຊ೔ͷ͓࿩ ࿩͢͜ͱ
   • SPAͷߏஙΛݕ౼͍ͯ͠Δ͜ͱΛલఏͱ͠ʮSEOͷ౔୆ͮ͘Γʯͷํ๏ʹ͍͓ͭͯ ࿩͠͠·͢ɻ ࿩͞ͳ͍͜ͱ
   • ϥϯΩϯάΛͲ͏্͍͔͛ͯ͘ͳͲ۩ମతͳSEOςΫχοΫʹ͍ͭͯ͸࿩͠·ͤΜ ·ͨɺલఏͱͯ͠ݕࡧΤϯδϯ͸
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   ͷΈΛߟྀ͍ͯ͠·͢
7. Agenda l4&0zͱ͸ͳʹ͔ 1 41"ʹ͓͚Δ4&0ͷ՝୊ ͲΜͳղܾࡦ͕͋Δͷ͔ ཁٻύλʔϯ͝ͱͷղܾࡦͷબͼํ 2 3 4
8. “SEO”ͱ͸ͳʹ͔ 01.
9. SEO = Search Engine Optimization
10. ʮ4&0ͷ౔୆ʯ
    
    
    ͦ΋ͦ΋ͷ࿩ͱͯ͠(PPHMF
    CPUʹΠϯσοΫε͞ΕΔ͜ͱ
    ͦͷͨΊʹ͸࣍ͷ̎఺͕ඞཁ
     (PPHMF
    CPUʹΫϩʔϧ͞ΕΔ͜ͱ
     )5.-͕ద੾ʹղऍ͞ΕΔ͜ͱ
11. ʮ4&0ͷ౔୆ʯ
    
    
    ͦ΋ͦ΋ͷ࿩ͱͯ͠(PPHMF
    CPUʹΠϯσοΫε͞ΕΔ͜ͱ
    ͦͷͨΊʹ͸࣍ͷ̎఺͕ඞཁ
     (PPHMF
    CPUʹΫϩʔϧ͞ΕΔ͜ͱ
     )5.-͕ద੾ʹղऍ͞ΕΔ͜ͱ ˞͜Εʹ͍ͭͯ͸TJUFNBQͱ͔ؤுͬͯ
    ͘Εͬͯ࿩ͳͷͰࠓ೔͸৮Ε·ͤΜ
12. 'BDFCPPL
    0(1
    5XJUUFS
    $BSE 'BDFCPPLͷ0(1΍5XJUUFS
    $BSEͳͲ΋
    z4&0z
    ͷจ຺ͰޠΒΕΔ͜ͱ͕͋Δ
    ࣮ࡍ͸શ͘΋ͬͯ4&0Ͱ͸ͳ͍ͷ͕ͩɺҰॹʹޠΒΕΔͷ͕౰ͨΓલͷੈͷதʹͳͬ ͯ͠·ͬͨͷͰຊτʔΫͰ͸߹Θͤͯड़΂Δɻ
13. ߏ଄Խσʔλ ݕࡧ݁ՌͰͷදࣔΛϦονʹͯ͘͠ΕΔ΋ͷ
    IUUQTEFWFMPQFSTHPPHMFDPNTFBSDIEPDTHVJEFTTFBSDIHBMMFSZ
14. ߏ଄Խσʔλͷྫ
    ".1 “ಡΈࠐΈ͕΄΅ҰॠͰ׬ྃ͠εϜʔζʹදࣔ͞Ε Δັྗతͳ΢ΣϒϖʔδΛ؆୯ʹ࡞੒Ͱ͖ΔΦʔ ϓϯιʔε ϥΠϒϥϦ” - ߴ଎Խʹͱ͜ͱΜͩ͜Θͬͨ࢓༷ - ಠࣗͷJSΛ࣮ߦͰ͖ͳ͍ͳͲͷ੍໿͕͋Δ ࢀߟ
    IUUQTXXXBNQQSPKFDUPSHKBEPDT
15. ߏ଄Խσʔλͷྫ
    ಈը IUUQTEFWFMPQFSTHPPHMFDPNTFBSDIEPDTEBUBUZQFTWJEFP IMKB
16. ·ͱΊ ʮ4&0ʯͱ͍͏ݴ༿͕࢖ΘΕΔ࣌ʹ͸࣍ͷೋͭͷจ຺͕͋Δ
     (PPHMFͷݕࡧ݁ՌͰΑΓ্Ґʹදࣔ͞ΕΔͨΊͷࢪࡦ
     0(1΍5XJUUFS
    $BSEɺ".1ͳͲͷߏ଄Խσʔλͷදࣔ
    
    
    
    
    
    
    ˞ຊτʔΫͰ͸͜ΕҎ߱શ෦ͻͬ͘ΔΊͯʮϝλ৘ใʯͱݺͼ·͢ ஫
    ҰൠతͳݺͼํͰ͸ͳ͍Ͱ͢ ʮ4&0ͷ౔୆ʯ
    Λ࡞ΔͨΊʹ͸࣍ͷ̎఺͕ඞཁ
     (PPHMF
    CPUʹΫϩʔϧ͞ΕΔ͜ͱ
     )5.-͕ద੾ʹղऍ͞ΕΔ͜ͱ
17. SPAʹ͓͚Δ SEOͷ՝୊ 02.
18. Α͘ڍ͛ΒΕΔ41"ͷ4&0ʹؔ͢Δݒ೦ w (PPHMF
    CPU͸+4Λ࣮ߦ͠ͳ͍
    w (PPHMF
    CPU͸"KBYΛ࣮ߦͯ͘͠Εͳ͍
    
    ଴ͬͯ͘Εͳ͍
19. Α͘ڍ͛ΒΕΔ41"ͷ4&0ʹؔ͢Δݒ೦ w (PPHMF
    CPU͸+4Λ࣮ߦ͠ͳ͍
    w (PPHMF
    CPU͸"KBYΛ࣮ߦͯ͘͠Εͳ͍
    
    ଴ͬͯ͘Εͳ͍ ἛͰ͢ɻ
20. ޡղ
    
    +4Λ࣮ߦͯ͘͠Εͳ͍
21. ͕͔ͩ͠͠
22. ՝୊
    (PPHMFͷݕࡧγεςϜͷϨϯμϦϯάΤϯ δϯ͸$ISPNF
    ૬౰ͷػೳ͔͍࣋ͬͯ͠ͳ͍ IUUQTEFWFMPQFSTHPPHMFDPNTFBSDIEPDTHVJEFTSFOEFSJOH ˞$ISPNF
    ͸
    ೥݄ࠒʹग़ͨϒϥ΢β
23. ՝୊
    (PPHMFͷݕࡧγεςϜͷϨϯμϦϯάΤϯ δϯ͸$ISPNF
    ૬౰ͷػೳ͔͍࣋ͬͯ͠ͳ͍ ༗໊Ͳ͜Ζͩͱ͜ͷล͕࢖͑ͳ͍
    • Ξϩʔؔ਺
    • ഑ྻͷؔ਺
    pOE
    JODMVEFTͳͲ
    • 3FTU
    QBSBNFUFST
    • 0CKFDUBTTJHO
    • *OUFSTFDUJPO0CTFSWFS
    IUUQTDBOJVTFDPNDPNQBSFDISPNF 
24. ՝୊
    (PPHMFͷݕࡧγεςϜͷϨϯμϦϯάΤϯ δϯ͸$ISPNF
    ૬౰ͷػೳ͔͍࣋ͬͯ͠ͳ͍ ͦΕҎ֎ʹ΋௨ৗͷϒϥ΢βͱ͸ҧ͍ɺ੍͍͔ͭ͘໿͕͋Δ
     8FC4PDLFUϓϩτίϧΛରԠ͍ͯ͠ͳ͍
     ϢʔβͷಉҙΛඞཁͱ͢Δػೳ͸ࣗಈͰෆঝೝͱͳΔ ͳͷͰࣗ෼ͷαʔϏε͕ྫ֎ʹ֘౰͍ͯ͠ͳ͍͔͔ͬ͠ΓνΣοΫ͠·͠ΐ͏ IUUQTEFWFMPQFSTHPPHMFDPNTFBSDIEPDTHVJEFTSFOEFSJOH
25. ޡղ
    "KBYΛ࣮ߦͯ͘͠Εͳ͍
    
    ଴ͬͯ͘Εͳ͍
26. ͕͔ͩ͠͠ ࢲ͸αϠࢣ೿Ͱ͢ɻ
27. ՝୊
    λΠϜΞ΢τ ౰ͨΓલ͚ͩͲͣͬͱ଴ͬͯ͘ΕΔΘ͚Ͱ͸ͳ͍
    ϦΫΤετʹ͕͔͔࣌ؒΓ͗͢Δͱͦ΋ͦ΋ΠϯσοΫεͯ͘͠Εͳ͔ͬͨΓ
    த్൒୺ͳͱ͜ΖͰϨϯμϦϯά͕ଧͪ੾ΒΕͯ͠·ͬͨΓ͢Δ
28. Կඵ·ͰͳΒ଴ͬͯ͘ΕΔͷ͔ʁ IUUQTNFEJVNDPN!MNVHOBJOJTQBBOETFPJTHPPHMFCPUBCMFUP SFOEFSBTJOHMFQBHFBQQMJDBUJPOGFBC ৄࡉʹݕূͯ͘͠Εͨํ͕͍ͨͷͰύΫΓ݁ՌΛ͓आΓ͠·͢
    લఏ
 
 
    
    
    
    
    
    
    
    
    &MNͰͰ͖ͨ41"αΠτ
     QVTI4UBUFͰϖʔδΛมߋ͍ͯ͠Δ
29. Կඵ·ͰͳΒ଴ͬͯ͘ΕΔͷ͔ʁ ݕূ಺༰
    ҎԼͷ̏ύλʔϯΛΞοϓσʔτ͢Δ͜ͱʹΑͬͯλΠϜΞ΢τʹ͔͔Δ࣌ؒͷݕূ
     ࣌ؒͷදه UJUMF
    EFTDSJQUJPO
    ϖʔδ಺ͷςΩετ
    
    ຖඵมԽ
     5ZQF
    "
    
    
    
    
    ඵͷEFMBZΛ࣋ͬͨϦΫΤετ
     5ZQF
    #
    
    
    
    
    ඵͷEFMBZޙʹϦΫΤετ
30. Կඵ·ͰͳΒ଴ͬͯ͘ΕΔͷ͔ʁ ݕূͷ֬ೝํ๏
    'FUDI
    BT
    (PPHMF
    ͱ
    l/BUVSBMzͳ(PPHMFͷΠϯσοΫεͰ֬ೝ͢Δ
31. Կඵ·ͰͳΒ଴ͬͯ͘ΕΔͷ͔ʁ ݁Ռ
     'FUDI
    BT
    (PPHMFͰ͸໿ඵ଴ͬͯ͘ΕΔ
     l/BUVSBMzͳ(PPHMF
    CPUͰ͸໿ඵ଴ͬͯ͘ΕΔ
    ˞ͪͳΈʹ౰વͷ͜ͱͳ͕Β(PPHMF͕ͲΜͳ؀ڥ ճઢ଎౓΍Ϛγϯύϫʔ ͰϨϯμ Ϧϯά͍ͯ͠Δͷ͔͸ෆ໌Ͱ͢ɻ
32. Կඵ·ͰͳΒ଴ͬͯ͘ΕΔͷ͔ʁ தͷਓͷ͓ݴ༿ˏ+BWB4DSJQU
    4JUFT
    JO
    4FBSDI
    8PSLJOH
    (SPVQ CZ
    +PIO
    .VFMMFS
33. ٙ໰
    λΠϜΞ΢τͨ͠ΒΠϯσοΫεͯ͘͠Εͳ͍ͷ͔ʁ ઌ΄Ͳͷݕূ͕͍ࣔͯ͠Δ௨ΓλΠϜΞ΢τͯ͠΋ɺͦΕ·ͰʹϨϯμϦϯάͨ͠΋ ͷʹؔͯ͠͸ΠϯσοΫε͞Ε͍ͯΔɻ
    ͓ͦΒ͘Ұ౓1BJOUʹࢸΔ·ͰʹλΠϜΞ΢τ΍Τϥʔ͕ى͖Δͷ͕෼ذ఺ͳͷͰ͸ɻ ˞ະݕূͷԾઆͰ͢ɻࢀߟఔ౓ʹཹΊ͍ͯͩ͘͞ɻ 
    GSBNF
34. ՝୊
    ϝλ৘ใ͸αʔό͔Βฦ࣌͢఺Ͱ)5.- ʹؚ·Ε͍ͯΔඞཁ͕͋Δ ͦ΋ͦ΋+4Λ࣮ߦͯ͘͠Εͳ͍ͷͰɺ
 αʔό͔Βฦͬͯ͘Δ࣌఺Ͱ)5.-ʹؚ·Ε͍ͯͳ͍ͱղऍͯ͘͠Εͳ͍
    ͪͳΈʹ".1ͩͱϝλ৘ใʹݶΒͣશͯαʔόଆͰඳը͢Δඞཁ͕͋Δ ❌
35. ՝୊
    3FOEFS
    2VFVFʹΑΔΠϯσοΫεͷ஗Ԇ +4Λ࣮ߦ͢ΔαΠτ͸)5.-͚ͩͷ੩తͳαΠτͱ͸ҟͳΓɺ͙͢ʹΠϯσοΫε͞ΕΔ༁Ͱ͸ͳ͘ɺ
    Ұ౓
    3FOEFS
    2VFVF
    ͱ͍͏΋ͷʹॲཧ͕Ҡৡ͞ΕΔ
36. IUUQTXXXZPVUVCFDPNXBUDI W:1U.#IZ6* ि͔͔ؒΔ͜ͱ΋ʂ ͳͷͰίϯςϯπͷߋ৽͕සൟͳαΠτͰ͸໰୊ʹͳΔ
37. ͪͳΈʹʜ͜ΕΒͷ՝୊ʹ
    
    
    
    
    
    
    
    
    
    
    
    
    ͸Ͳ͏ߟ͍͑ͯΔͷͰ͠ΐ͏͔ʁ
38. IUUQTXXXZPVUVCFDPNXBUDI W:1U.#IZ6*
39. ʮ$ISPNF૬౰ͷϨϯμϦϯάΤϯδϯʯͱ
    ʮ3FOEFS
    2VFVFʹΑΔΠϯσοΫεͷ஗Ԇʯ
    ʹؔͯ͠͸কདྷతʹղܾ͞Εͦ͏
40. ·ͱΊ 41"Ͱ4&0ͷ౔୆Λ࡞ΔͨΊʹ͸࣍ͷ՝୊Λೝࣝ͢Δ
     (PPHMFѻ͏ϨϯμϦϯάΤϯδϯͷੑೳ͸$ISPNF૬౰
    
    λΠϜΞ΢τʹΑΓ
     ͦ΋ͦ΋ΠϯσοΫε͞Εͳ͍
     ෆ׬શͳ৘ใ͕ΠϯσοΫε͞Εͯ͠·͏
    
    ϝλ৘ใ͸αʔόଆͰϨϯμϦϯά͢Δඞཁ͕͋Δ
    
    3FOEFS
    2VFVFʹΑΔΠϯσοΫεͷ஗Ԇ
    
41. ͲΜͳղܾࡦ͕ ͋Δͷ͔ 03.
42. 
    $ISPNFͰϨϯμϦϯάͰ͖ΔΑ͏ʹ͢Δ 5IBOL
    ZPV ղܾ͍ͯ͠Δ՝୊
    +4͕(PPHMFʹΤϥʔͳ࣮͘ߦͰ͖ΔΑ͏ʹ͢Δ
43. 
    $ISPNFͰϨϯμϦϯάͰ͖ΔΑ͏ʹ͢Δ ςετͷํ๏
    'FUDI
    BT
    (PPHMF https://www.google.com/webmasters/tools/googlebot-fetch?hl=JA ˝੍ݶ͕ͪΐͬͱ͚ͩݫ͍͠
 
    ೔ճ·Ͱ ݱࡏ 
 
 ˝ݪҼෆ໌ͷΤϥʔͰ࢖͑ͳ͘ͳͬͨΓ͢Δ
 άάͬͯ΋ղܾࡦ͕ʮ೔଴ͪ·͠ΐ͏ʯ

44. 
    $ISPNFͰϨϯμϦϯάͰ͖ΔΑ͏ʹ͢Δ ςετͷํ๏
    QVQQFUFFSͰΤϛϡϨʔτͰ͖Δ IUUQTXXXTV[VLJLFOJDIJDPNCMPHGPVSXBZTUPEFCVHHPPHMFCPUTSFOEFSJOH IUUQTHJUIVCDPN(PPHMF$ISPNF-BCTQVQQFUFFSFYBNQMFT
45. ஫ҙ఺ • QPMZpMMΛ͔͚Δ͜ͱʹΑͬͯϑΝΠϧαΠζ͸๲ΒΈ·͢ɻ
    • ͜ΕʹΑΓλΠϜΞ΢τͷϦεΫ΋͍͘Β͔૿͑·͢ɻ
    
46. 
    ϝλ৘ใ͚ͩ443 *OEFYIUNM ϒϥ΢β ϝλ৘ใͷ෦෼͚ͩ
    63-ʹԠͯ͡ॻ͖׵͑ ϝλ৘ใ͑͞൓ө͞ΕΕ͹ʜͦΜͳϛχϚϜͳରԠΛ͍ͨ͋͠ͳͨʹɻ
47. 
    %ZOBNJD
    3FOEFSJOH QSFSFOEFS IUUQTEFWFMPQFSTHPPHMFDPNTFBSDIEPDTHVJEFTEZOBNJDSFOEFSJOH QSFSFOEFSJP
    SFOEFSUSPO
48. QSFSFOEFSJPͷྫ Prerender Service Google bot ? (UserAgentͰ൑ఆ) :FT DBDIF͞Εͯͳ͍ )FBEMFTT
    $ISPNF DBDIF͞ΕͯΔ /P JOEFYIUNM
    ͱ
    +4ฦ͢ DBDIF DBDIF͢Δ
49. 
    %ZOBNJD
    3FOEFSJOH QSFSFOEFS IUUQTXXXZPVUVCFDPNXBUDI W1'X6CHWQEB2 (PPHMF
    *0
    ʹͯ ଟ෼ ॳΊͯ
 ʮ%ZOBNJD
    3FOEFSJOHʯ
 ͱ͍͏໊લ͕͍ͭͨɻ
 
 (PPHMF͓๽෇͖ͷख๏ɻ
50. ΫϩʔΩϯάʹ͍ͭͯ ϒϥοΫϋοτ4&0ͷҰͭɻCPU
    ͱϢʔβʹҧ͏ίϯςϯπΛฦ͢͜ͱΛࢦ͢
    όϨΔͱϖφϧςΟ͕ՊͤΒΕΔ ΢Σϒ αΠτ Google bot Ϣʔβ
51. ΫϩʔΩϯάʹ͍ͭͯ 'FUDI
    BT
    (PPHMFͰݟΕΔ௨Γ(PPHMF͸ͳΜΒ͔ͷํ๏ͰϢʔβ͕࣮ࡍʹݟΔ ը໘Λ࠶ݱ͍ͯ͠ΔɻΘ͟Θ͟(PPHMFࣗ਎͕%ZOBNJD
    3FOEFSJOHΛਪ͍ͯ͠ Δ͜ͱ͔Βɺ6"Ͱग़͠෼͚͍ͯͯ΋͋Δఔ౓ಉҰͳΒେৎ෉ͳ͸ͣ ଟ෼ ɻ
    
52. ·ͩ঺հ͍ͯ͠ͳ͍ख๏΋͋Γ·͕͢ɺ
    ର4&0ʹؔͯ͠͸͜ͷ%ZOBNJD
    3FOEFSJOH͕万能ͷιϦϡʔγϣϯͰ͢ɻ  $ISPNF
     λΠϜΞ΢τ
     ϝλ৘ใ
    
    
    
     3FOEFS
    2VFVF
    ˠ
    
    ͦ΋ͦ΋+4࣮ߦ͠ͳ͍
    ˠ
    
    Ωϟογϡ͔Βฦ͢ͷͰແ໰୊
    ˠ
    
    αʔόଆͰඳը͢ΔͷͰ0,
    ˠ
    
    +4࣮ߦ͠ͳ͍ͷͰ3FOEFS
    2VFVFʹೖΒͳ͍
53. 
    4UBUJD
    4JUF
    (FOFSBUPS ࣄલʹ)5.-Λੜ੒ 3FBDU΍7VFͳͲͷ41"ϥΠϒϥϦͰߏங
54. ࣍ͷΑ͏ͳ΋ͷ͚ͩΫϥΠΞϯταΠυʹ೚ͤΔͱ͔͸Ͱ͖ΔͷͰ΢ΣϒΞϓϦʹҰ෦࢖͏ ͱ͔΋Ͱ͖Δɻ
    ɾϩάΠϯͨ͠ϢʔβͷΈݟΒΕΔ
    ɾϢʔβΧελϚΠζ͞ΕͨϨίϝϯυΛग़͢
    ݸਓతʹ͸4&0͍ͨ͠ϖʔδͰೝূ͕ඞཁͳϖʔδ͸΄΅΄΅ͳ͍ͱࢥ͏ͷͰɺ৽نϢʔβ ͕ྲྀೖ͢Δͱ͜Ζ͚ͩ44(Ͱ࡞ͬͯɺ࣮Ϣʔβʹର͢Δମݧ޲্Λ໨ࢦͭͭ͠4&0ͷ౔୆΋ ࡞ΕΔଧͪखͱͯ͠ࠓޙ੝Γ্͕͍͖ͬͯͦ͏ͳ༧ஹΛײ͍ͯ͡·͢ɻ(BUTCZ࢖͍͍ͨɻ
55. 
    443 4FSWFS
    4JEF
    3FOEFSJOH ϒϥ΢β αʔόଆͰ+4Λ࣮ߦͯ͠
    )5.-Λੜ੒
56. ஫ҙ఺
    443Ͱ΋λΠϜΞ΢τ͸͋ΓಘΔ Φ΢νʔϊ༷ͷࣄྫ
    IUUQTEFWFMPQFSTPVDDJOPDPNFOUSZ Rails+ReactͳSPAαΠτͰSEOΛ͠Α͏ͱͯ͠Ϳ͔ͭͬͨน
57. ཁٻύλʔϯ͝ͱͷ ղܾࡦͷબͼํ 04.
58. ࣍ͷ3ͭͷ໰͍Λߟ͑·͠ΐ͏ 1 ΠϯσοΫεʹ৴པੑΛٻΊΔ͔ 2 ϝλ৘ใͷରԠ͕ඞཁ/ෆཁ (ΠϯσοΫε͞Εͳ͍͍ͯ͘͠OGPͱ͔΋Ͳ͏Ͱ΋͍͍ਓ͸ಛʹͳʹ΋͠ͳͯ͘΋͍͍Ͱ͢ɻ) 3 සൟʹߋ৽͞ΕΔ & ͙͢ʹΠϯσοΫεͯ͠΄͍͔͠Ͳ͏͔
59. ΠϯσοΫεʹ ৴པੑΛٻΊΔ͔ ϝλσʔλ/ߏ଄Խσʔλ ͷରԠ͕ඞཁ සൟʹߋ৽͢Δ ͦ͏Ͱ΋ͳ͍ ͏Ή Chrome 41ରࡦͷΈ Chrome 41ରࡦ + head͚ͩSSR ͦ͏Ͱ΋ͳ͍ Dynamic Rendering or Static Site Generator or SSR Dynamic Rendering ͏Ή ͦ͏Ͱ΋ͳ͍ ͏Ή ଎͕͞଍Γͳ͍ʂ Dynamic Rendering + Static Site Generator or SSR
60. $ISPNF
    ໰୊ λΠϜΞ΢τ ϝλ৘ใ 3FOEFS
    2VFVF ίετ ࣮૷ɾ
 ϝϯςφϯε ϫΫϫΫײ $ISPNF
    
    ରࡦ ⭕ ❌ ❌ ❌ ௿ ௿ ϝλ৘ใͷΈ 443 ❌ ❌ ⭕ ❌ ௿ ௿ %ZOBNJD
 3FOEFSJOH ⭕ ⭕ ⭕ ⭕ த ௿ 4UBUJD
    4JUF
 (FOFSBUPS ⭕ ⭕ த ߴ 443 ⭕ ⭕ ߴ ߴ
61. ͍ͨ΁Μ ͔ΜͨΜ ΠέͯΔ Πέͯͳ͍ ˞ݸਓͷݟղͰ͢ Dynamic Rendering SSG SSR Chrome41 ରࡦ ϝλ৘ใ
 SSR
62. ͓ΘΓʹ
    ݁ہ443͸ඞཁ
    
    ෆཁ 4&0؍఺͚ͩͰݴ͑͹ෆཁɻ
    ࣮૷͕%ZOBNJD
    3FOEFSJOH
    ΑΓίετ͕ߴ্͍ʹɺ࡞ΓํʹΑͬͯ͸λΠϜΞ ΢τ΍3FOEFS
    2VFVFͷϦεΫ͕͋Δɻ
    ͳͷͰ443ΛબͿࡍʹ͸ଞͷύϑΥʔϚϯεͳͲͰͷ؍఺͕ओͱͳΔͱࢥ͍·͢ɻ ྫ͑͹ɺϢʔβೝূ͕ඞཁͳ෦෼Ͱͷ'.1ͷ࠷దԽ͕Ͱ͖Δ͜ͱ͕Ϗδωεత ʹॏཁͰ͋Ε͹ɺ༗ྗͳબ୒ࢶͱͳΓ·͢ɻ
    ·ͨɺ౰ͨΓલͰ͕͢ɺҰ͔ͭ͠બ΂ͳ͍ͱ͍͏༁Ͱ΋ͳ͍ͷͰɺཁٻʹΑͬͯ ͸%ZOBNJD
    3FOEFSJOH
    
    443ͱ͍͏ߏ੒΋ࢹ໺ʹೖΔͷ͔ͳͱࢥ͍·͢ɻ
63. ͞Βʹ͍͞͝ʹ
    Ϣʔβʹͱͬͯʮ͍͍΋ͷʯΛ࡞͍ͬͯ͜͏ ʮFirst and foremost, we focus on the user.ʯ IUUQTXXXCMPHHPPHMFQSPEVDUTTFBSDIJNQSPWJOHTFBSDIOFYUZFBST 神は云った。
64. ͞Βʹ͍͞͝ʹ
    Ϣʔβʹͱͬͯʮ͍͍΋ͷʯΛ࡞͍ͬͯ͜͏ ٕज़తͳ੍໿͔ΒࠓճͷΑ͏ͳzରࡦzΛ͋Δఔ౓͠ͳͯ͘͸ͳΒͳ͍ͷ͸͔֬ Ͱ͕͢ɺͦΕҎ֎͸ʮϢʔβʹྑ࣭ͳίϯςϯπΛఏڙ͢Δ͜ͱʯ͕4&0ͷ ίΞͱͳͬͯ͘Δ͜ͱ͸ؒҧ͍ͳ͍Ͱ͠ΐ͏ɻ
    (PPHMFͷʮ%POU
    CF
    FWJMʯΛ৴͡·͠ΐ͏
65. Thank you for listening!!
66. 6TFGVM
    3FTPVSDFT +4
    TJUFͷ4&0৘ใ
    <+BWB4DSJQU
    4JUFT
    JO
    4FBSDI
    8PSLJOH
    (SPVQ> IUUQTHSPVQTHPPHMFDPNGPSVNGPSVNKTTJUFTXH
    <:PV5VCF
    
    (PPHMF8FCNBTUFS> IUUQTXXXZPVUVCFDPNVTFS(PPHMF8FCNBTUFS)FMQ
    <ւ֎4&0৘ใϒϩά
    
    ւ֎ͷ4&0ରࡦͰۃΊΔΞΫηεΞοϓज़> IUUQTXXXTV[VLJLFOJDIJDPNCMPH
    
    ͜ͷαΠτ͸ϚδͰ͍͢͝Ͱ͢ɻଚܟͱײँ͔͠ͳ͍Ͱ͢ɻ
    %ZOBNJD
    3FOEFSJOH
    <)FBEMFTT
    $ISPNF
    BO
    BOTXFS
    UP
    TFSWFSTJEF
    SFOEFSJOH
    +4
    TJUFT
    
    c
    
    5PPMT
    GPS
    8FC
    %FWFMPQFST
    
    c
    
    (PPHMF
    %FWFMPQFST> IUUQTEFWFMPQFSTHPPHMFDPNXFCUPPMTQVQQFUFFSBSUJDMFTTTS
    
67. 6TFGVM
    3FTPVSDFT (PPHMFͷϨϯμϦϯάࣄ৘
    <(PPHMF
    ݕࡧͰͷϨϯμϦϯά
    
    c
    
    ݕࡧ
    
    c
    
    (PPHMF
    %FWFMPQFST> IUUQTEFWFMPQFSTHPPHMFDPNTFBSDI EPDTHVJEFTSFOEFSJOH
    <41"
    BOE
    4&0
    (PPHMF
    (PPHMFCPU
    QSPQFSMZ
    SFOEFST
    4JOHMF
    1BHF
    "QQMJDBUJPO
    BOE
    FYFDVUF
    "KBY
    DBMMT> IUUQTNFEJVNDPN!MNVHOBJOJTQBBOETFPJTHPPHMFCPUBCMFUPSFOEFSBTJOHMFQBHF BQQMJDBUJPOGFBC
    ϝλ৘ใͷ443
    <("ʹͳͬͨ-BNCEB!&EHFΛ࢖ͬͯ41"Λ443ແ͠Ͱ0(1ͱ͔ʹରԠͤͯ͞ΈΔ> IUUQTRJJUBDPNLJJEB JUFNTFGGEEC
    <-BNCEB!&EHF
    r
    *OUFMMJHFOU
    1SPDFTTJOH
    PG
    )551
    3FRVFTUT
    BU
    UIF
    &EHF
    c
    "84
    /FXT
    #MPH> IUUQT BXTBNB[PODPNKQCMPHTBXTMBNCEBFEHFJOUFMMJHFOUQSPDFTTJOHPGIUUQSFRVFTUTBUUIFFEHF
    
68. 6TFGVM
    3FTPVSDFT 4UBUJD
    4JUF
    (FOFSBUPS
    <αʔόʔαΠυͷਓʹ΋఻͍͑ͨ+".
    4UBDLͱ੩తαΠτͷΠϚ
    
    NPUUPY
    CMPH> IUUQTNPUUPYDPN QPTUT OPDBDIF
    
69. 6TFGVM
    3FTPVSDFT ࣄྫ
    <3BJMT 3FBDUͳ41"αΠτͰ4&0Λ͠Α͏ͱͯ͠Ϳ͔ͭͬͨน
    
    Φ΢νʔϊ։ൃऀϒϩά> IUUQT EFWFMPQFSTPVDDJOPDPNFOUSZ
    <443ແ͠ͷ3FBDUɾ"OHVMBS੡ͷ41"αΠτ͸(PPHMFCPUʹͲΕ͘Β͍ೝࣝ͞ΕΔͷ͔ʁ
    
    จܥϓϩάϥϚʹΑ Δ5*14ϒϩά> IUUQTXXXCVOLFJQSPHSBNNFSOFUFOUSZ
    <αʔόϨεΞʔΩςΫνϟ
    
    41"Ͱ
    443ͳ͠ͷ4&0ରࡦͨ͠࿩
    
    4QFBLFS
    %FDL> IUUQT TQFBLFSEFDLDPNNBUTOPXTBCBSFTVBLJUFLVUJZBQMVTTQBEFTTSOBTJGBMTFTFPEVJDFTJUBIVB TMJEF