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

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

9bb05e1ff87c735759388850504a8979?s=47 Daiji Hirata
February 12, 2021

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

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

9bb05e1ff87c735759388850504a8979?s=128

Daiji Hirata

February 12, 2021
Tweet

Transcript

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

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

  3. ࠓ೔ͷ࿩ جຊతʹ CDN ͷಋೖΛ͓͢͢Ί͢Δ࿩Ͱ͢ ಥൃతͳτϥϑΟοΫͱ͸ ରԠํ๏͋Ε͜Ε ίϯςϯπͰͷରࡦ CDN ͷجຊతͳ࢓૊ΈɺϝϦοτ Movable

    Type Ϋϥ΢υ൛ͰͷରԠ MovableType.net ͰͷରԠ
  4. ಥൃతͳτϥϑΟοΫٸ૿ͱ͸ ීஈ͸τϥϑΟοΫ͕͋·Γͳ͍΢ΣϒαΠτͰ΋…. • ৽੡඼ͷൃදΠϕϯτΛ։࠵ • SNS ͰऔΓ্͛ΒΕͨ ‣ ಛఆͷ੡඼৘ใͷϖʔδ͚͕ͩٸʹτϥϑΟοΫ૿͑ͨ •

    TV ΍ϠϑʔχϡʔεͰऔΓ্͛ΒΕͨ ‣ CM ग़ߘͨ͠ • ্৔ͨ͠ • ෆ঵ࣄΛىͯ͜͠͠·ͬͨ • ίϩφՒʹר͖ࠐ·Εͯ͠·ͬͨ
  5. 2017/9/6 WBS ͰϦϞʔτϫʔΫ͕औΓ্͛ΒΕͨͱ͖

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

  7. τϥϑΟοΫͷಛੑʹΑͬͯҧ͏͕ ϐʔΫτϥϑΟοΫ͸ͲͷΑ͏ͳ΋ͷ? • ීஈͷ਺ेഒʙ਺ඦഒͷΞΫηε • ಉ࣌ʹ਺ेʙ਺ඦηογϣϯ • αʔό͕ड͚੾Εͳ͘ͳΓ ‣ ϖʔδͷද͕ࣔ஗͘ͳͬͨΓ

    ‣ Τϥʔ͕දࣔ͞ΕͨΓ ‣ ͳʹ΋දࣔ͞Εͳ͘ͳͬͨΓ
  8. τϥϑΟοΫ͸ɺ͍ͭ͘Δͷ͔ ಥൃతͱ͍ͬͯ΋…… • ࣄલʹ༧૝Ͱ͖Δ΋ͷ ‣ ਺ϲ݄ʙ਺೔લ͔Β࢓ࠐΜͰ͋Δ • ࣄલʹ༧૝Ͱ͖ͳ͍΋ͷ ‣ લ೔/౰೔ʹͳͬͯΘ͔ͬͨ

    ‣ τϥϑΟοΫʹऻΘΕͯΘ͔ͬͨ ‣ αΠτ͕ݟΒΕͳ͍ͱݴΘΕͯؾ͕͍ͭͨ……
  9. ಥൃతͳτϥϑΟοΫʹڧ͍αΠτ͸ • ωοτϫʔΫɺαʔόͳͲͷΠϯϑϥͷରࡦΛ͍ͯ͠Δ • ΢ΣϒαΠτͷίϯςϯπΛ࠷దԽ͍ͯ͠Δ

  10. ίϯςϯπͰͷ޻෉ ΠϯϑϥͷڧԽͱ߹Θͤͯߦ͏ͱɺޮՌత • ίϯςϯπͷαΠζΛখ͓ͯ͘͘͞͠ ‣ HTML ͷαΠζɺը૾ͷαΠζɺϑΝΠϧͷ਺ɺѹॖ཰ ‣ ಈըͳͲͷར༻͸ܭըతʹ •

    ੩తʹ͓ͯ͘͠ ‣ ಈతͳ΋ͷͱ͸ɺαʔόෛՙ͕਺ඦഒҧ͏
  11. ίϯςϯπͷ޻෉ͷ෭࣍తޮՌ ࠷దԽ͓ͯ͘͠ͱ͍Ζ͍ΖϝϦοτ͕͋Γ·͢ • ϖʔδͷදࣔεϐʔυ͕ૣ͘ͳΔ ‣ αΠζ͕খ͘͞ͳΓసૹྔ͕ݮΔ ‣ αʔόͰͷॲཧ͕࣌ؒݮΓɺ஗Ԇ͕ݮΔ • දࣔεϐʔυ͕ૣ͘ͳΔͱ

    ‣ Ϣʔβͷ཭୤͕ݮΔɺSEO తʹ΋༗རʹͳΔ (͔΋) • εϚϗʹ΋༏͍͠ ‣ ௨৴ճઢͷ඼࣭ͷӨڹΛड͚ʹ͘͘ͳΔɺΪΨ͕ݮΒͳ͍
  12. ϋΠτϥϑΟοΫ΁ͷجຊతͳରॲ (1) ༧ࢉ͕λοϓϦ͋Δͱ͖޲͚ • ϐʔΫ࣌Λ૝ఆͯ͠ΠϯϑϥΛ੔͑Δ ‣ ͍ͭ΋҆৺ ‣ ΦϑϐʔΫ࣌ʹ΋ίετ͕ඞཁ ‣

    ૝ఆΛӽ͖͑ͯͨͱ͖ʹ͸ແྗ……
  13. ΢Σϒαʔό

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

  15. ϋΠτϥϑΟοΫ΁ͷجຊతͳରॲ (2) ӡ༻ʹ௕͚ͨνʔϜ͕͍Δͱ͖ʹ͸ɺͥͻ • Φʔτεέʔϧ ‣ ෛՙΛݕ஌ͨ͠ͱ͖ʹɺࣗಈతʹΠϯϑϥΛڧԽ͢Δ ‣ ΦϑϐʔΫ͸ίετ͕཈͑ΒΕΔ ‣

    ΦʔτεέʔϧͷΠϯϑϥΛߏங͢Δͷ͕ͪΐͬͱେม • ࠷ۙ͸Ϋϥ΢υαʔϏε͕͋ΔͷͰɺҎલΑΓ͸؆୯
  16. τϥϑΟοΫ͕૿͑ͨΒ
 ࣗಈͰ্ཱ͕ͪΔΑ͏ʹ͓ͯ͘͠ ΢Σϒαʔό ্ཱ͕ͪͬͨ͜ͱΛ֬ೝͨ͠Β
 τϥϑΟοΫʹ߹ΘͤͯৼΓ෼͚ τϥϑΟοΫ͕ݮͬͨΒ ࣗಈͰαʔόΛఀࢭ͢ΔΑ͏ʹ͓ͯ͘͠

  17. ϋΠτϥϑΟοΫ΁ͷجຊతͳରॲ (3) ൺֱత͓खܰʹಋೖͰ͖·͢ • CDN ͷಋೖ ‣ ωοτϫʔΫΠϯϑϥͰίϯςϯπΛΩϟογϡͯ͠΋Β͏ ‣ ϋΠτϥϑΟοΫରࡦͱͯ͠͸ɺҰ൪؆୯Ͱ͔ͭޮՌత

    ‣ ద༻Ͱ͖ͳ͍৔߹΋͋Δ • ಈతͳαΠτ • ձһ੍Ͱձһ͝ͱʹҧ͏ॲཧΛߦ͏αΠτͳͲ…
  18. CDN ͷجຊతͳ࢓૊Έ Origin ΢Σϒαʔό (ΦϦδϯ) CDN (Ωϟογϡ) DNS Ͱɺ͋Β͔͡Ί CDN

    Λࢀর͢ΔΑ͏ʹ͓ͯ͘͠ • ΞΫηε͕͋ΔͱɺΦϦδϯαʔόʹΞΫηεͯ͠ίϯςϯπΛऔͬͯ͘Δ • Ұ౓ΞΫηεͨ͠ίϯςϯπ͸ CDN ʹҰ࣌อ؅ (Ωϟογϡ) ͞ΕΔ • Ωϟογϡ͕͋Δͱ͖ʹ͸ɺΦϦδϯʹ໰͍߹ΘͤͤͣʹɺΩϟογϡΛ࢖ͬͯԠ౴͢Δ blog.sixapart.jp ( origin-blog.sixapart.jp ) Cache
  19. CDN ར༻࣌ͷ஫ҙ ศརͳ͜ͱ͹͔ΓͰ͸͋Γ·ͤΜ • ಈతͳίϯςϯπʹ͸ରԠ͢Δͷ͕೉͍͠ ‣ Ωϟογϡ͢ΔͷͰɺίϯςϯπ͕มΘΔͱΩϟογϡͷޮՌ͕ͳ͍ • ίϯςϯπͷࠩ͠ସ͑࣌ʹτϥϒϧʹͳΓ͕ͪ ‣

    Ωϟογϡͷύʔδ (ഁغ) ͕ඞཁʹͳΔ৔߹΋ ‣ CDN ʹΑͬͯ͸ɺύʔδʹҰఆͷ͕࣌ؒඞཁ
  20. CDN ͷܖ໿ܗଶ • ֹ݄ݻఆྉۚ + ैྔ੍ ‣ ఆৗతʹτϥϑΟοΫ͕ଟ͍ͱ͜Ζ޲͚ • ׬શैྔ੍

    ‣ ࢖͍ͬͯͳ͍ͱ͖ʹ͸ྉ͕ۚ΄ͱΜͲ͔͔Βͳ͍έʔε΋
  21. CDN ͷ෭࣍తͳϝϦοτ • ΦϦδϯαʔόΛӅṭͰ͖Δ • DDoS ΍ WAF ͷΦϓγϣϯ͕͋Δ৔߹΋

  22. Movable Type Ϋϥ΢υ൛Ͱ͸ • ੩తੜ੒Ͱίϯςϯπͷ޻෉Λ͖ͪΜͱ͓͍ͯͯ͠΋Β͑Δͱ
 ͔ͳΓͷͱ͜Ζ·Ͱ͸଱͑ΒΕ·͢ ‣ ωοτϫʔΫΠϯϑϥ͸ 2Gbps (shared)

    ·ͰରԠ • CDN ͷಋೖ΋ՄೳͰ͢ ‣ Fastly ಋೖͷࢧԉ͕Ͱ͖·͢ ‣ ͓٬༷͕ࣗΒઃఆ͞ΕΔέʔε΋͋Γ·͢ • CloudFlare, CloudFront, ͦͷଞ
  23. MovableType.net Ͱͷରࡦ • ը૾ͷϦαΠζΛࣗಈతʹߦͬͯɺαΠζͳͲΛ࠷దԽ͍ͯ͠·͢ • ͦ΋ͦ΋શମͷτϥϑΟοΫ͕େ͖͍ͷͰ
 ΠϯϑϥͷΩϟύγςΟ͕ॆ෼ʹ͋Γ·͢ • Ξυόϯε250ϓϥϯͰ͸ɺCDN ʹ΋ରԠ͠·͢

  24. ࠓ೔ͷ·ͱΊ • ಥൃతͳτϥϑΟοΫʹ͸ɺ४උ͕େ੾ • CDN ͷಋೖ͕͓͢͢Ί • ίϯςϯπʹ΋ҙࣝΛ޲͚͓ͯ͘ͱ͍͍͜ͱ͕͋Δ͔΋

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