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
88
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
MTDDC Meetup TOKYO 2024 Keynote
hirata
1
650
MTDDC Meetup TOHOKU 2024 Keynote Speech
hirata
1
680
MTDDC Meetup Tokyo 2023 Keynote
hirata
0
890
MTDDC Meetup Tokyo 2022 Keynote
hirata
0
89
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
AWS-ISV-SaaS-Seminar-2019-10-28-Tokyo
hirata
0
81
Other Decks in Business
See All in Business
メドピアグループ紹介資料
medpeer_recruit
10
130k
デジタル証券株式会社・会社紹介
dts
0
450
CSRレポート2025_ギークス株式会社
geechs
PRO
0
530
採用説明資料
recruit_mitsukaru
0
720
Practical Examples of Direct Recruiting_20250515
yukikagaya
0
120
M&A戦略に関する資料
portpr
0
14k
タケウチグループRecruit
takeuchigroup
0
6.7k
株式会社BALLAS 会社案内
ballas_inc
0
19k
relay インパクトレポート2025
relaytown
0
690
【新卒採用ピッチ資料/営業職】(株)キャリアデザインセンター
cdcsaiyo
0
1.7k
BoostDraft 会社紹介資料
boostdraft
0
340
c-slide_会社紹介資料テンプレート
coneinc
0
1.6k
Featured
See All Featured
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
tammyeverts
5
210
Principles of Awesome APIs and How to Build Them.
keavy
126
17k
Imperfection Machines: The Place of Print at Facebook
scottboms
267
13k
How GitHub (no longer) Works
holman
314
140k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
3.9k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
32
2.3k
Rebuilding a faster, lazier Slack
samanthasiow
81
9.1k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
44
2.4k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
161
15k
GraphQLの誤解/rethinking-graphql
sonatard
71
11k
Building Better People: How to give real-time feedback that sticks.
wjessup
367
19k
Java REST API Framework Comparison - PWX 2021
mraible
31
8.6k
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 ͷಋೖ͕͓͢͢Ί • ίϯςϯπʹҙࣝΛ͚͓ͯ͘ͱ͍͍͜ͱ͕͋Δ͔
͝੩ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠