$30 off During Our Annual Pro Sale. View Details »

How to build a Robust Website for Peak Traffics (2021-02-12)

Daiji Hirata
February 12, 2021

How to build a Robust Website for Peak Traffics (2021-02-12)

突発的なトラフィック急増にも耐えられるウェブサイトの作り方
2021.2.12 シックス・アパート オンラインミニセミナー スライド

Daiji Hirata

February 12, 2021
Tweet

More Decks by Daiji Hirata

Other Decks in Business

Transcript

  1. γοΫεɾΞύʔτ ฏా େ࣏
    ಥൃతͳτϥϑΟοΫٸ૿ʹ΋଱͑ΒΕΔ
    ΢ΣϒαΠτͷ࡞Γํ

    View Slide

  2. ͻΒ͍ͨͩ͡
    4JY"QBSU
    %JSFDUPS $50
    !IJSBUB

    View Slide

  3. ࠓ೔ͷ࿩
    جຊతʹ CDN ͷಋೖΛ͓͢͢Ί͢Δ࿩Ͱ͢
    ಥൃతͳτϥϑΟοΫͱ͸

    ରԠํ๏͋Ε͜Ε

    ίϯςϯπͰͷରࡦ

    CDN ͷجຊతͳ࢓૊ΈɺϝϦοτ

    Movable Type Ϋϥ΢υ൛ͰͷରԠ

    MovableType.net ͰͷରԠ

    View Slide

  4. ಥൃతͳτϥϑΟοΫٸ૿ͱ͸
    ීஈ͸τϥϑΟοΫ͕͋·Γͳ͍΢ΣϒαΠτͰ΋….
    • ৽੡඼ͷൃදΠϕϯτΛ։࠵

    • SNS ͰऔΓ্͛ΒΕͨ

    ‣ ಛఆͷ੡඼৘ใͷϖʔδ͚͕ͩٸʹτϥϑΟοΫ૿͑ͨ

    • TV ΍ϠϑʔχϡʔεͰऔΓ্͛ΒΕͨ

    ‣ CM ग़ߘͨ͠

    • ্৔ͨ͠

    • ෆ঵ࣄΛىͯ͜͠͠·ͬͨ

    • ίϩφՒʹר͖ࠐ·Εͯ͠·ͬͨ

    View Slide

  5. 2017/9/6 WBS ͰϦϞʔτϫʔΫ͕औΓ্͛ΒΕͨͱ͖

    View Slide

  6. 2016/7/4 EBO ࣮ࢪͷϓϨεϦϦʔεΛൃग़ͨ͠ͱ͖

    View Slide

  7. τϥϑΟοΫͷಛੑʹΑͬͯҧ͏͕
    ϐʔΫτϥϑΟοΫ͸ͲͷΑ͏ͳ΋ͷ?
    • ීஈͷ਺ेഒʙ਺ඦഒͷΞΫηε

    • ಉ࣌ʹ਺ेʙ਺ඦηογϣϯ

    • αʔό͕ड͚੾Εͳ͘ͳΓ

    ‣ ϖʔδͷද͕ࣔ஗͘ͳͬͨΓ

    ‣ Τϥʔ͕දࣔ͞ΕͨΓ

    ‣ ͳʹ΋දࣔ͞Εͳ͘ͳͬͨΓ

    View Slide

  8. τϥϑΟοΫ͸ɺ͍ͭ͘Δͷ͔
    ಥൃతͱ͍ͬͯ΋……
    • ࣄલʹ༧૝Ͱ͖Δ΋ͷ

    ‣ ਺ϲ݄ʙ਺೔લ͔Β࢓ࠐΜͰ͋Δ

    • ࣄલʹ༧૝Ͱ͖ͳ͍΋ͷ

    ‣ લ೔/౰೔ʹͳͬͯΘ͔ͬͨ

    ‣ τϥϑΟοΫʹऻΘΕͯΘ͔ͬͨ

    ‣ αΠτ͕ݟΒΕͳ͍ͱݴΘΕͯؾ͕͍ͭͨ……

    View Slide

  9. ಥൃతͳτϥϑΟοΫʹڧ͍αΠτ͸
    • ωοτϫʔΫɺαʔόͳͲͷΠϯϑϥͷରࡦΛ͍ͯ͠Δ

    • ΢ΣϒαΠτͷίϯςϯπΛ࠷దԽ͍ͯ͠Δ

    View Slide

  10. ίϯςϯπͰͷ޻෉
    ΠϯϑϥͷڧԽͱ߹Θͤͯߦ͏ͱɺޮՌత
    • ίϯςϯπͷαΠζΛখ͓ͯ͘͘͞͠

    ‣ HTML ͷαΠζɺը૾ͷαΠζɺϑΝΠϧͷ਺ɺѹॖ཰

    ‣ ಈըͳͲͷར༻͸ܭըతʹ

    • ੩తʹ͓ͯ͘͠

    ‣ ಈతͳ΋ͷͱ͸ɺαʔόෛՙ͕਺ඦഒҧ͏

    View Slide

  11. ίϯςϯπͷ޻෉ͷ෭࣍తޮՌ
    ࠷దԽ͓ͯ͘͠ͱ͍Ζ͍ΖϝϦοτ͕͋Γ·͢
    • ϖʔδͷදࣔεϐʔυ͕ૣ͘ͳΔ

    ‣ αΠζ͕খ͘͞ͳΓసૹྔ͕ݮΔ

    ‣ αʔόͰͷॲཧ͕࣌ؒݮΓɺ஗Ԇ͕ݮΔ

    • දࣔεϐʔυ͕ૣ͘ͳΔͱ

    ‣ Ϣʔβͷ཭୤͕ݮΔɺSEO తʹ΋༗རʹͳΔ (͔΋)

    • εϚϗʹ΋༏͍͠

    ‣ ௨৴ճઢͷ඼࣭ͷӨڹΛड͚ʹ͘͘ͳΔɺΪΨ͕ݮΒͳ͍

    View Slide

  12. ϋΠτϥϑΟοΫ΁ͷجຊతͳରॲ (1)
    ༧ࢉ͕λοϓϦ͋Δͱ͖޲͚
    • ϐʔΫ࣌Λ૝ఆͯ͠ΠϯϑϥΛ੔͑Δ

    ‣ ͍ͭ΋҆৺

    ‣ ΦϑϐʔΫ࣌ʹ΋ίετ͕ඞཁ

    ‣ ૝ఆΛӽ͖͑ͯͨͱ͖ʹ͸ແྗ……

    View Slide

  13. ΢Σϒαʔό

    View Slide

  14. ಉ͡ίϯςϯπΛ
    ಉظ͓ͯ͘͠
    ΢Σϒαʔό
    τϥϑΟοΫʹԠͯ͡
    ৼΓ෼͚

    View Slide

  15. ϋΠτϥϑΟοΫ΁ͷجຊతͳରॲ (2)
    ӡ༻ʹ௕͚ͨνʔϜ͕͍Δͱ͖ʹ͸ɺͥͻ
    • Φʔτεέʔϧ

    ‣ ෛՙΛݕ஌ͨ͠ͱ͖ʹɺࣗಈతʹΠϯϑϥΛڧԽ͢Δ

    ‣ ΦϑϐʔΫ͸ίετ͕཈͑ΒΕΔ

    ‣ ΦʔτεέʔϧͷΠϯϑϥΛߏங͢Δͷ͕ͪΐͬͱେม

    • ࠷ۙ͸Ϋϥ΢υαʔϏε͕͋ΔͷͰɺҎલΑΓ͸؆୯

    View Slide

  16. τϥϑΟοΫ͕૿͑ͨΒ

    ࣗಈͰ্ཱ͕ͪΔΑ͏ʹ͓ͯ͘͠
    ΢Σϒαʔό
    ্ཱ͕ͪͬͨ͜ͱΛ֬ೝͨ͠Β

    τϥϑΟοΫʹ߹ΘͤͯৼΓ෼͚
    τϥϑΟοΫ͕ݮͬͨΒ
    ࣗಈͰαʔόΛఀࢭ͢ΔΑ͏ʹ͓ͯ͘͠

    View Slide

  17. ϋΠτϥϑΟοΫ΁ͷجຊతͳରॲ (3)
    ൺֱత͓खܰʹಋೖͰ͖·͢
    • CDN ͷಋೖ

    ‣ ωοτϫʔΫΠϯϑϥͰίϯςϯπΛΩϟογϡͯ͠΋Β͏

    ‣ ϋΠτϥϑΟοΫରࡦͱͯ͠͸ɺҰ൪؆୯Ͱ͔ͭޮՌత

    ‣ ద༻Ͱ͖ͳ͍৔߹΋͋Δ

    • ಈతͳαΠτ

    • ձһ੍Ͱձһ͝ͱʹҧ͏ॲཧΛߦ͏αΠτͳͲ…

    View Slide

  18. CDN ͷجຊతͳ࢓૊Έ
    Origin
    ΢Σϒαʔό (ΦϦδϯ)
    CDN (Ωϟογϡ)
    DNS Ͱɺ͋Β͔͡Ί CDN Λࢀর͢ΔΑ͏ʹ͓ͯ͘͠
    • ΞΫηε͕͋ΔͱɺΦϦδϯαʔόʹΞΫηεͯ͠ίϯςϯπΛऔͬͯ͘Δ

    • Ұ౓ΞΫηεͨ͠ίϯςϯπ͸ CDN ʹҰ࣌อ؅ (Ωϟογϡ) ͞ΕΔ

    • Ωϟογϡ͕͋Δͱ͖ʹ͸ɺΦϦδϯʹ໰͍߹ΘͤͤͣʹɺΩϟογϡΛ࢖ͬͯԠ౴͢Δ
    blog.sixapart.jp ( origin-blog.sixapart.jp )
    Cache

    View Slide

  19. CDN ར༻࣌ͷ஫ҙ
    ศརͳ͜ͱ͹͔ΓͰ͸͋Γ·ͤΜ
    • ಈతͳίϯςϯπʹ͸ରԠ͢Δͷ͕೉͍͠

    ‣ Ωϟογϡ͢ΔͷͰɺίϯςϯπ͕มΘΔͱΩϟογϡͷޮՌ͕ͳ͍

    • ίϯςϯπͷࠩ͠ସ͑࣌ʹτϥϒϧʹͳΓ͕ͪ

    ‣ Ωϟογϡͷύʔδ (ഁغ) ͕ඞཁʹͳΔ৔߹΋

    ‣ CDN ʹΑͬͯ͸ɺύʔδʹҰఆͷ͕࣌ؒඞཁ

    View Slide

  20. CDN ͷܖ໿ܗଶ
    • ֹ݄ݻఆྉۚ + ैྔ੍

    ‣ ఆৗతʹτϥϑΟοΫ͕ଟ͍ͱ͜Ζ޲͚

    • ׬શैྔ੍

    ‣ ࢖͍ͬͯͳ͍ͱ͖ʹ͸ྉ͕ۚ΄ͱΜͲ͔͔Βͳ͍έʔε΋

    View Slide

  21. CDN ͷ෭࣍తͳϝϦοτ
    • ΦϦδϯαʔόΛӅṭͰ͖Δ

    • DDoS ΍ WAF ͷΦϓγϣϯ͕͋Δ৔߹΋

    View Slide

  22. Movable Type Ϋϥ΢υ൛Ͱ͸
    • ੩తੜ੒Ͱίϯςϯπͷ޻෉Λ͖ͪΜͱ͓͍ͯͯ͠΋Β͑Δͱ

    ͔ͳΓͷͱ͜Ζ·Ͱ͸଱͑ΒΕ·͢

    ‣ ωοτϫʔΫΠϯϑϥ͸ 2Gbps (shared) ·ͰରԠ

    • CDN ͷಋೖ΋ՄೳͰ͢

    ‣ Fastly ಋೖͷࢧԉ͕Ͱ͖·͢

    ‣ ͓٬༷͕ࣗΒઃఆ͞ΕΔέʔε΋͋Γ·͢

    • CloudFlare, CloudFront, ͦͷଞ

    View Slide

  23. MovableType.net Ͱͷରࡦ
    • ը૾ͷϦαΠζΛࣗಈతʹߦͬͯɺαΠζͳͲΛ࠷దԽ͍ͯ͠·͢

    • ͦ΋ͦ΋શମͷτϥϑΟοΫ͕େ͖͍ͷͰ

    ΠϯϑϥͷΩϟύγςΟ͕ॆ෼ʹ͋Γ·͢

    • Ξυόϯε250ϓϥϯͰ͸ɺCDN ʹ΋ରԠ͠·͢

    View Slide

  24. ࠓ೔ͷ·ͱΊ
    • ಥൃతͳτϥϑΟοΫʹ͸ɺ४උ͕େ੾

    • CDN ͷಋೖ͕͓͢͢Ί

    • ίϯςϯπʹ΋ҙࣝΛ޲͚͓ͯ͘ͱ͍͍͜ͱ͕͋Δ͔΋

    View Slide

  25. ͝੩ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠

    View Slide