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

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

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