Upgrade to Pro — share decks privately, control downloads, hide ads and more …

WEBサイトを HTTP/2 に移行した話 / HTTP2

OSCA
March 29, 2019

WEBサイトを HTTP/2 に移行した話 / HTTP2

2019年03月29日(金) に開催された「WEBエンジニア勉強会 #12」で 、WEBサイトをHTTP/2に移行したプロジェクト事例について発表しました。

OSCA

March 29, 2019
Tweet

More Decks by OSCA

Other Decks in Technology

Transcript

  1. 04$" ᖛ໺ Ұೋࡾ

    [email protected]
    8αΠτΛ )551ʹҠߦͨ͠࿩
    8ΤϯδχΞษڧձ

    View Slide

  2. ࣗݾ঺հ
    © OSCA
    04$"ᖛ໺ Ұೋࡾ ͸·ͷ ͔ͣ;Έ

    4*FS ໷ܠࣸਅՈ
    ʮ8ΤϯδχΞษڧձʯΛओ࠵
    +BWB 1)1ܥͷ8ΤϯδχΞ
    ݸਓͰ΋714आΓͯ8αʔϏεΛӡӦ͢Δͷ͕झຯ
    ເͷࠃ ెาݍ಺ॅΈ
    [email protected] [email protected]

    View Slide

  3. © OSCA
    )551֓ཁ

    View Slide

  4. )551ͷྺ࢙
    © OSCA
    )551

    )551

    )551

    )551

    )551
    ະདྷ
    • (&5ϝιουͷΈͷϓϩτίϧ
    • 1045 )&"%ͳͲͷϝιουΛ௥Ճ
    • Ϩεϙϯεϔομ εςʔλείʔυ΋௥Ճ
    • ໊લϕʔεͷόʔνϟϧϗετΛαϙʔτ

    View Slide

  5. )551ͷओͳಛ௃
    © OSCA
    • )551ύΠϓϥΠϯ )551ͷଟॏԽ

    • )551ϔομѹॖ
    • όΠφϦϓϩτίϧ
    • αʔόʔϓογϡ

    View Slide

  6. )551ͷීٴ཰͸ʁ
    © OSCA
    ࢀߟ
    85FDIT 8FC5FDIOPMPHZ4VWFZT
    ݄೔ݱࡏ

    IUUQTXUFDITDPNUFDIOPMPHJFTEFUBJMTDFIUUQBMMBMM

    View Slide

  7. )551ͷαϙʔτঢ়گ͸ʁ
    © OSCA
    *OUFSOFU&YQMPSFS ʙ 8JOEPXT
    ೥݄
    &EHF શͯ ೥݄
    $ISPNF ʙ ೥݄
    'JSFGPY ʙ ೥݄
    4BGBSJ ʙ ೥݄
    ϒϥ΢βରԠঢ়گ
    αʔόʔରԠঢ়گ
    "QBDIFIUUQE ʙ ೥݄
    OHJOY ʙ ೥݄
    **4 ʙ ೥݄
    +BWB4FSWMFU ʙ ೥݄
    "QBDIF5PNDBU ʙ ೥݄

    View Slide

  8. © OSCA
    ϓϩδΣΫτ֓ཁ

    View Slide

  9. ͲͷΑ͏ͳαΠτΛҠߦ͔ͤͨ͞ʁ
    © OSCA
    • 8PSE1SFTTΛϕʔεͱͨ͠৘ใαΠτ
    • -".1 -JOVY "QBDIF .Z42- 1)1
    ͷߏ੒
    • ʙ 17NPOUI
    • αΠτ಺ʹ͸ΞΠίϯɾαϜωΠϧͳͲͷը૾͕ଟ͍
    • ׬શ)5514Խ͸ࡁΜͰ͍Δ
    )551Λར༻͢Δʹ͸ )5514઀ଓ͕ඞਢཁ݅Ͱ͋Δɻ
    1PJOU

    View Slide

  10. ͳͥࠓ·Ͱ)551ʹҠߦ͠ͳ͔ͬͨͷ͔ʁ
    ͜Ε·Ͱͷސ٬ͷϞνϕʔγϣϯ

    © OSCA
    • )551Ͱ΋े෼ͳεϐʔυͰ͞͹͚͍ͯΔ
    ໰୊ͳ͘ಈ͍͍ͯΔ͔Β͍͍͡ΌΜ

    • وॏͳϦιʔε͸ػೳ։ൃʹ࢖͍͍ͨ

    View Slide

  11. ͳͥ)551ʹҠߦͨ͠ͷ͔ʁ
    ࠓճͷϓϩδΣΫτͷ͖͔͚ͬɾϞνϕʔγϣϯ

    © OSCA
    (PPHMF1BHF4QFFE *OTJHIUT
    4&0ͳͲͷଞͷཁૉ΋૬·Γɺ
    1BHF4QFFE *OTJHIUͷείΞΛ
    վળ͍ͨ͠ͱ͍͏͜ͱʹͳͬͨɻ

    View Slide

  12. © OSCA
    )551ҠߦͰͷظ଴

    View Slide

  13. )551ҠߦͰͷҰ൪ͷظ଴
    © OSCA
    8αΠτ๚໰ऀͷମײతͳ଴ͪ࣌ؒΛݮΒ͢͜ͱɻ

    View Slide

  14. )551ҠߦͰͷҰ൪ͷظ଴
    © OSCA
    )551YͰൃੜ͍ͯͨ͠ )FBEPG-JOF#MPDLΛճආ͠
    )551ͷετϦʔϜଟॏԽͷԸܙΛड͚Δ͜ͱͰɺ
    8αΠτ๚໰ऀͷମײతͳ଴ͪ࣌ؒΛݮΒ͢ɻ

    View Slide

  15. )FBEPG-JOF#MPDL)551ύΠϓϥΠϯ
    © OSCA
    )551
    )551
    a.png
    b.png
    c.png
    ϑΝΠϧΛҰͭͣͭॱ൪ʹऔಘμ΢ϯϩʔυ͢Δɻ
    લͷϦΫΤετ͕ऴΘΔ·Ͱͷz଴ͪz͕ൃੜ͢Δɻ
    a.png
    b.png
    c.png
    ϦΫΤετΛଟॏԽͯ͠ฒྻʹॲཧͰ͖ΔΑ͏ʹͳͬͨɻ

    View Slide

  16. © OSCA
    ԿΛ͔ͨ͠ʁ

    View Slide

  17. ΍ͬͨ͜ͱ
    © OSCA
    "QBDIFIUUQE Λ࠷৽Խ͠ɺద੾ʹઃఆ͚ͨͩ͠ɻ
    • ࠷৽൛ͷ"QBDIFIUUQE ΁ͷΞοϓσʔτ
    • ར༻ϓϩτίϧ I
    ͷࢦఆ IUUQEDPOG





    View Slide

  18. )551Ͱ௨৴͍ͯ͠Δ͜ͱͷ֬ೝ
    © OSCA

    View Slide

  19. © OSCA
    ޮՌ͸Ͳ͏͔ͩͬͨʁ

    View Slide

  20. ΞΫηε࣌ͷ௨৴ͷมԽ
    © OSCA
    )551 )551
    )P-ϒϩοΩϯά͕ൃੜ͍ͯ͠Δ ฒྻͰ௨৴͕ߦΘΕ͍ͯΔ

    View Slide

  21. 1BHF4QFFE *OTJHIUTͷ݁Ռ
    © OSCA
    )551 )551
    ओʹ࣍ͷͭͷ߲໨͕ղফ͞ΕͯείΞ͕վળ͞Ε·ͨ͠ɻ
    • ΦϑεΫϦʔϯը૾ͷ஗ԆಡΈࠐΈ
    • αʔόʔԠ౴࣌ؒͷ୹ॖ 55'#

    View Slide

  22. )551ҠߦҎ֎ͷվળ
    © OSCA
    1BHF4QFFE *OTJHIUTͷείΞΛ্͛ΔͨΊʹɺ
    ҎԼͷΑ͏ͳରԠ΋ಉ࣌ʹߦ͍·ͨ͠ɻ
    • $POUFOU&ODPEJOHʹΑΔ௨৴ѹॖͷઃఆ
    • ը૾ϑΝΠϧͷ࠷దԽ 0QUJ1/(

    0QUJ1/(
    ը࣭ΛଛͳΘͤͣʹɺ
    ը૾ͷ༰ྔΛখͯ͘͘͞͠ΕΔπʔϧɻ

    View Slide

  23. ·ͱΊ
    © OSCA
    Ø "QBDIFIUUQE ΛΞοϓάϨʔυ͢Δ͜ͱʹΑΓɺ
    8αΠτΛ)551ʹରԠͨ͠ɻ
    Ø )551ύΠϓϥΠϯͷԸܙΛड͚Δ͜ͱ͕Ͱ͖ɺ
    1BHF4QFFE *OTJHIUTͷείΞΛ্͛Δ͜ͱ͕Ͱ͖ͨɻ

    View Slide