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
90
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
15
MTDDC Meetup TOKYO 2024 Keynote
hirata
1
670
MTDDC Meetup TOHOKU 2024 Keynote Speech
hirata
1
690
MTDDC Meetup Tokyo 2023 Keynote
hirata
0
900
MTDDC Meetup Tokyo 2022 Keynote
hirata
0
90
MTDDC meetup Tokyo 2021 Keynote
hirata
0
1.4k
How to build/ops websites safety (2020-12-10)
hirata
0
110
MTDDC Meetup Tokyo 2020 Keynote
hirata
0
200
MTDDC Meetup Tokyo 2019 Closing Session
hirata
0
1.4k
Other Decks in Business
See All in Business
三菱商事ロジスティクス_コンサルティング事業紹介
mclogi
0
510
AIで「お客様のことだけを考える」 時間を増やすためには
kosakiteppei
0
150
Automating myself out of an unloved project with Python, n8n and Telegram
switowski
1
160
Sales Marker Culture book
salesmarker
PRO
36
60k
略歴 (2025年6月27日)
tsogo817421
2
390
ラクスパートナーズ採用ピッチ資料_エンジニア部門
rakuspartners_recruit
0
2.6k
坂ノ途中 会社紹介資料 /Introduction
ontheslope
0
1.5k
AIサービス紹介資料_250331.pdf
babylonzoo
0
1.1k
{{ Fix~it~Fast }} How to ReSolve QuickBooks Enterprise Errors via Phone?
likoxe
0
140
テオリア・テクノロジーズ:About Us
theoriatec2024
1
29k
AI時代における変革の入口-100年後も語られる25年のために- #scrumosaka / The entry point to transformation in the AI era For 25 years that will be talked about 100 years from now
kyonmm
PRO
6
1.1k
처음 시작하는 사람들을 위한 GA4 핸즈온 | 2025년 7월 세미나
datarian
0
670
Featured
See All Featured
It's Worth the Effort
3n
185
28k
Code Review Best Practice
trishagee
69
19k
The Cost Of JavaScript in 2023
addyosmani
51
8.6k
StorybookのUI Testing Handbookを読んだ
zakiyama
30
5.9k
jQuery: Nuts, Bolts and Bling
dougneiner
63
7.8k
The MySQL Ecosystem @ GitHub 2015
samlambert
251
13k
YesSQL, Process and Tooling at Scale
rocio
173
14k
Code Reviewing Like a Champion
maltzj
524
40k
Making the Leap to Tech Lead
cromwellryan
134
9.4k
Designing Experiences People Love
moore
142
24k
Build your cross-platform service in a week with App Engine
jlugia
231
18k
Rails Girls Zürich Keynote
gr2m
95
14k
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 ͷಋೖ͕͓͢͢Ί • ίϯςϯπʹҙࣝΛ͚͓ͯ͘ͱ͍͍͜ͱ͕͋Δ͔
͝੩ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠