Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
How to build a Robust Website for Peak Traffics...
Search
Daiji Hirata
February 12, 2021
Business
0
92
How to build a Robust Website for Peak Traffics (2021-02-12)
突発的なトラフィック急増にも耐えられるウェブサイトの作り方
2021.2.12 シックス・アパート オンラインミニセミナー スライド
Daiji Hirata
February 12, 2021
Tweet
Share
More Decks by Daiji Hirata
See All by Daiji Hirata
WebCMS 概観 MTDDC Meetup TOHOKU 2025
hirata
0
230
MTDDC Meetup TOKYO 2024 Keynote
hirata
1
670
MTDDC Meetup TOHOKU 2024 Keynote Speech
hirata
1
690
MTDDC Meetup Tokyo 2023 Keynote
hirata
0
910
MTDDC Meetup Tokyo 2022 Keynote
hirata
0
91
MTDDC meetup Tokyo 2021 Keynote
hirata
0
1.4k
How to build/ops websites safety (2020-12-10)
hirata
0
120
MTDDC Meetup Tokyo 2020 Keynote
hirata
0
210
MTDDC Meetup Tokyo 2019 Closing Session
hirata
0
1.4k
Other Decks in Business
See All in Business
AIサービス紹介資料_250331.pdf
babylonzoo
0
3.5k
Q1 2025 Earnings release
cmbtech
PRO
0
1.1k
株式会社PROOF_エンジニア向け採用資料
proof
0
340
merpay-Overview
mercari_inc
8
180k
もっと!「契約交渉よりも顧客との協調を」 〜協調を助ける契約と関係づくり〜
sasakendayo
1
450
朝日新聞社 ITエンジニア キャリア採用 紹介資料
asahi_cto
0
140
PLAID ALPHAらしさ
plaid
PRO
0
370
エスキュービズム 会社紹介資料
human_resources
2
19k
テオリア・テクノロジーズ:About Us
theoriatec2024
1
31k
スマサテでの日々 -Sumasate Tour Deck-
yamagishi
0
240
Smart相談室 カルチャーデック
smartsoudanshitsu
2
63k
アークエル株式会社 会社説明資料
aakel
1
5.9k
Featured
See All Featured
Raft: Consensus for Rubyists
vanstee
140
7.1k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
248
1.3M
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
36
2.5k
The Pragmatic Product Professional
lauravandoore
36
6.8k
The Cost Of JavaScript in 2023
addyosmani
51
8.8k
Agile that works and the tools we love
rasmusluckow
329
21k
YesSQL, Process and Tooling at Scale
rocio
173
14k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
31
2.2k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
194
16k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
358
30k
Thoughts on Productivity
jonyablonski
69
4.8k
How to train your dragon (web standard)
notwaldorf
96
6.2k
Transcript
γοΫεɾΞύʔτ ฏా େ࣏ ಥൃతͳτϥϑΟοΫٸ૿ʹ͑ΒΕΔ ΣϒαΠτͷ࡞Γํ
ͻΒ͍ͨͩ͡ 4JY"QBSU %JSFDUPS $50 !IJSBUB
ࠓͷ جຊతʹ CDN ͷಋೖΛ͓͢͢Ί͢ΔͰ͢ ಥൃతͳτϥϑΟοΫͱ ରԠํ๏͋Ε͜Ε ίϯςϯπͰͷରࡦ CDN ͷجຊతͳΈɺϝϦοτ Movable
Type Ϋϥυ൛ͰͷରԠ MovableType.net ͰͷରԠ
ಥൃతͳτϥϑΟοΫٸ૿ͱ ීஈτϥϑΟοΫ͕͋·Γͳ͍ΣϒαΠτͰ…. • ৽ͷൃදΠϕϯτΛ։࠵ • SNS ͰऔΓ্͛ΒΕͨ ‣ ಛఆͷใͷϖʔδ͚͕ͩٸʹτϥϑΟοΫ૿͑ͨ •
TV ϠϑʔχϡʔεͰऔΓ্͛ΒΕͨ ‣ CM ग़ߘͨ͠ • ্ͨ͠ • ෆࣄΛىͯ͜͠͠·ͬͨ • ίϩφՒʹר͖ࠐ·Εͯ͠·ͬͨ
2017/9/6 WBS ͰϦϞʔτϫʔΫ͕औΓ্͛ΒΕͨͱ͖
2016/7/4 EBO ࣮ࢪͷϓϨεϦϦʔεΛൃग़ͨ͠ͱ͖
τϥϑΟοΫͷಛੑʹΑͬͯҧ͏͕ ϐʔΫτϥϑΟοΫͲͷΑ͏ͳͷ? • ීஈͷेഒʙඦഒͷΞΫηε • ಉ࣌ʹेʙඦηογϣϯ • αʔό͕ड͚Εͳ͘ͳΓ ‣ ϖʔδͷද͕ࣔ͘ͳͬͨΓ
‣ Τϥʔ͕දࣔ͞ΕͨΓ ‣ ͳʹදࣔ͞Εͳ͘ͳͬͨΓ
τϥϑΟοΫɺ͍ͭ͘Δͷ͔ ಥൃతͱ͍ͬͯ…… • ࣄલʹ༧Ͱ͖Δͷ ‣ ϲ݄ʙલ͔ΒࠐΜͰ͋Δ • ࣄલʹ༧Ͱ͖ͳ͍ͷ ‣ લ/ʹͳͬͯΘ͔ͬͨ
‣ τϥϑΟοΫʹऻΘΕͯΘ͔ͬͨ ‣ αΠτ͕ݟΒΕͳ͍ͱݴΘΕͯؾ͕͍ͭͨ……
ಥൃతͳτϥϑΟοΫʹڧ͍αΠτ • ωοτϫʔΫɺαʔόͳͲͷΠϯϑϥͷରࡦΛ͍ͯ͠Δ • ΣϒαΠτͷίϯςϯπΛ࠷దԽ͍ͯ͠Δ
ίϯςϯπͰͷ ΠϯϑϥͷڧԽͱ߹Θͤͯߦ͏ͱɺޮՌత • ίϯςϯπͷαΠζΛখ͓ͯ͘͘͞͠ ‣ HTML ͷαΠζɺը૾ͷαΠζɺϑΝΠϧͷɺѹॖ ‣ ಈըͳͲͷར༻ܭըతʹ •
੩తʹ͓ͯ͘͠ ‣ ಈతͳͷͱɺαʔόෛՙ͕ඦഒҧ͏
ίϯςϯπͷͷ෭࣍తޮՌ ࠷దԽ͓ͯ͘͠ͱ͍Ζ͍ΖϝϦοτ͕͋Γ·͢ • ϖʔδͷදࣔεϐʔυ͕ૣ͘ͳΔ ‣ αΠζ͕খ͘͞ͳΓసૹྔ͕ݮΔ ‣ αʔόͰͷॲཧ͕࣌ؒݮΓɺԆ͕ݮΔ • දࣔεϐʔυ͕ૣ͘ͳΔͱ
‣ Ϣʔβͷ͕ݮΔɺSEO తʹ༗རʹͳΔ (͔) • εϚϗʹ༏͍͠ ‣ ௨৴ճઢͷ࣭ͷӨڹΛड͚ʹ͘͘ͳΔɺΪΨ͕ݮΒͳ͍
ϋΠτϥϑΟοΫͷجຊతͳରॲ (1) ༧ࢉ͕λοϓϦ͋Δͱ͖͚ • ϐʔΫ࣌Λఆͯ͠ΠϯϑϥΛ͑Δ ‣ ͍ͭ҆৺ ‣ ΦϑϐʔΫ࣌ʹίετ͕ඞཁ ‣
ఆΛӽ͖͑ͯͨͱ͖ʹແྗ……
Σϒαʔό
ಉ͡ίϯςϯπΛ ಉظ͓ͯ͘͠ Σϒαʔό τϥϑΟοΫʹԠͯ͡ ৼΓ͚
ϋΠτϥϑΟοΫͷجຊతͳରॲ (2) ӡ༻ʹ͚ͨνʔϜ͕͍Δͱ͖ʹɺͥͻ • Φʔτεέʔϧ ‣ ෛՙΛݕͨ͠ͱ͖ʹɺࣗಈతʹΠϯϑϥΛڧԽ͢Δ ‣ ΦϑϐʔΫίετ͕͑ΒΕΔ ‣
ΦʔτεέʔϧͷΠϯϑϥΛߏங͢Δͷ͕ͪΐͬͱେม • ࠷ۙΫϥυαʔϏε͕͋ΔͷͰɺҎલΑΓ؆୯
τϥϑΟοΫ͕૿͑ͨΒ ࣗಈͰ্ཱ͕ͪΔΑ͏ʹ͓ͯ͘͠ Σϒαʔό ্ཱ͕ͪͬͨ͜ͱΛ֬ೝͨ͠Β τϥϑΟοΫʹ߹ΘͤͯৼΓ͚ τϥϑΟοΫ͕ݮͬͨΒ ࣗಈͰαʔόΛఀࢭ͢ΔΑ͏ʹ͓ͯ͘͠
ϋΠτϥϑΟοΫͷجຊతͳରॲ (3) ൺֱత͓खܰʹಋೖͰ͖·͢ • CDN ͷಋೖ ‣ ωοτϫʔΫΠϯϑϥͰίϯςϯπΛΩϟογϡͯ͠Β͏ ‣ ϋΠτϥϑΟοΫରࡦͱͯ͠ɺҰ൪؆୯Ͱ͔ͭޮՌత
‣ ద༻Ͱ͖ͳ͍߹͋Δ • ಈతͳαΠτ • ձһ੍Ͱձһ͝ͱʹҧ͏ॲཧΛߦ͏αΠτͳͲ…
CDN ͷجຊతͳΈ Origin Σϒαʔό (ΦϦδϯ) CDN (Ωϟογϡ) DNS Ͱɺ͋Β͔͡Ί CDN
Λࢀর͢ΔΑ͏ʹ͓ͯ͘͠ • ΞΫηε͕͋ΔͱɺΦϦδϯαʔόʹΞΫηεͯ͠ίϯςϯπΛऔͬͯ͘Δ • ҰΞΫηεͨ͠ίϯςϯπ CDN ʹҰ࣌อ (Ωϟογϡ) ͞ΕΔ • Ωϟογϡ͕͋Δͱ͖ʹɺΦϦδϯʹ͍߹ΘͤͤͣʹɺΩϟογϡΛͬͯԠ͢Δ blog.sixapart.jp ( origin-blog.sixapart.jp ) Cache
CDN ར༻࣌ͷҙ ศརͳ͜ͱ͔ΓͰ͋Γ·ͤΜ • ಈతͳίϯςϯπʹରԠ͢Δͷ͕͍͠ ‣ Ωϟογϡ͢ΔͷͰɺίϯςϯπ͕มΘΔͱΩϟογϡͷޮՌ͕ͳ͍ • ίϯςϯπͷࠩ͠ସ͑࣌ʹτϥϒϧʹͳΓ͕ͪ ‣
Ωϟογϡͷύʔδ (ഁغ) ͕ඞཁʹͳΔ߹ ‣ CDN ʹΑͬͯɺύʔδʹҰఆͷ͕࣌ؒඞཁ
CDN ͷܖܗଶ • ֹ݄ݻఆྉۚ + ैྔ੍ ‣ ఆৗతʹτϥϑΟοΫ͕ଟ͍ͱ͜Ζ͚ • શैྔ੍
‣ ͍ͬͯͳ͍ͱ͖ʹྉ͕ۚ΄ͱΜͲ͔͔Βͳ͍έʔε
CDN ͷ෭࣍తͳϝϦοτ • ΦϦδϯαʔόΛӅṭͰ͖Δ • DDoS WAF ͷΦϓγϣϯ͕͋Δ߹
Movable Type Ϋϥυ൛Ͱ • ੩తੜͰίϯςϯπͷΛ͖ͪΜͱ͓͍ͯͯ͠Β͑Δͱ ͔ͳΓͷͱ͜Ζ·Ͱ͑ΒΕ·͢ ‣ ωοτϫʔΫΠϯϑϥ 2Gbps (shared)
·ͰରԠ • CDN ͷಋೖՄೳͰ͢ ‣ Fastly ಋೖͷࢧԉ͕Ͱ͖·͢ ‣ ͓٬༷͕ࣗΒઃఆ͞ΕΔέʔε͋Γ·͢ • CloudFlare, CloudFront, ͦͷଞ
MovableType.net Ͱͷରࡦ • ը૾ͷϦαΠζΛࣗಈతʹߦͬͯɺαΠζͳͲΛ࠷దԽ͍ͯ͠·͢ • ͦͦશମͷτϥϑΟοΫ͕େ͖͍ͷͰ ΠϯϑϥͷΩϟύγςΟ͕ॆʹ͋Γ·͢ • Ξυόϯε250ϓϥϯͰɺCDN ʹରԠ͠·͢
ࠓͷ·ͱΊ • ಥൃతͳτϥϑΟοΫʹɺ४උ͕େ • CDN ͷಋೖ͕͓͢͢Ί • ίϯςϯπʹҙࣝΛ͚͓ͯ͘ͱ͍͍͜ͱ͕͋Δ͔
͝੩ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠