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
97
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
330
MTDDC Meetup TOKYO 2024 Keynote
hirata
1
710
MTDDC Meetup TOHOKU 2024 Keynote Speech
hirata
1
720
MTDDC Meetup Tokyo 2023 Keynote
hirata
0
930
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
テオリア・テクノロジーズ:About Us
theoriatec2024
2
39k
1on1で使えるクリーン・ランゲージのご紹介
kawanotron
0
170
FABRIC TOKYO会社紹介資料 / We are hiring(2025年10月07日更新)
yuichirom
36
350k
TechnoKuRo LLC.
technokuro
0
150
CREFIL Inc. / Company Profile
crefil
0
250
人が辞めても困らない職場へ - AIでノウハウがたまる仕組み、文化を作る実践術
nkajihara
3
720
株式会社CINC 会社案内/Company introduction
cinchr
6
67k
NewGrads(新卒)向け_株式会社プレイド_会社説明資料_27卒
plaid
PRO
0
560
なぞる事例コンテンツ制作サービス_NAZORU_CASE
nazoru
PRO
0
290
(8枚)GROWモデルで目標達成する技術 部下育成の基本
nyattx
PRO
0
1.5k
Algomatic Works Company Deck
algomatic
PRO
1
210
ビジネス職中途採用向け会社説明資料_2025.2.pdf
zozobusiness
0
600
Featured
See All Featured
Speed Design
sergeychernyshev
32
1.2k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
127
54k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
36
6.1k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
49
3.1k
Being A Developer After 40
akosma
91
590k
4 Signs Your Business is Dying
shpigford
185
22k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
32
1.6k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
PRO
190
55k
Building Applications with DynamoDB
mza
96
6.7k
The MySQL Ecosystem @ GitHub 2015
samlambert
251
13k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
194
16k
Testing 201, or: Great Expectations
jmmastey
45
7.7k
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 ͷಋೖ͕͓͢͢Ί • ίϯςϯπʹҙࣝΛ͚͓ͯ͘ͱ͍͍͜ͱ͕͋Δ͔
͝੩ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠