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

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

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. ͝੩ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠