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
67
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 TOHOKU 2024 Keynote Speech
hirata
1
600
MTDDC Meetup Tokyo 2023 Keynote
hirata
0
820
MTDDC Meetup Tokyo 2022 Keynote
hirata
0
70
MTDDC meetup Tokyo 2021 Keynote
hirata
0
1.3k
How to build/ops websites safety (2020-12-10)
hirata
0
92
MTDDC Meetup Tokyo 2020 Keynote
hirata
0
150
MTDDC Meetup Tokyo 2019 Closing Session
hirata
0
1.4k
AWS-ISV-SaaS-Seminar-2019-10-28-Tokyo
hirata
0
59
SAtisfaction 2019 Movable Type and Security
hirata
0
1.4k
Other Decks in Business
See All in Business
株式会社AGEST紹介資料/AGEST Recruitment
agest_recruit
0
2.2k
“難しい”をもっと楽に簡単に♪ 届出ダンジョンからの脱出
tokyo_metropolitan_gov_digital_hr
0
310
20241114_洲崎_レイヤード様LT
suzakiyoshito
0
380
新卒エンジニア向け会社紹介資料/newgraduates-engineer
nextbeat
2
1.6k
エムスリーキャリア エンジニア採用資料 / M3C Engineer Guide
m3c
1
86k
Arches 会社説明資料/ HR Deck
arches0501
0
7.5k
enechain company deck
enechain
PRO
7
91k
Ampersand Company Profile
cuebicventures
PRO
0
250
【新卒向け】会社説明資料|ROBOTPAYMENT
robot_payment
1
330
スタートアップのマネージャーに役立つ視座/A useful perspective for startup managers
dskst
6
1.2k
merpay-Overview
mercari_inc
7
160k
ログラス会社紹介資料 新卒採用 ビジネス職[経営幹部候補]/ Loglass Company Deck
loglass2019
0
710
Featured
See All Featured
Fashionably flexible responsive web design (full day workshop)
malarkey
405
65k
Facilitating Awesome Meetings
lara
50
6.1k
Why You Should Never Use an ORM
jnunemaker
PRO
54
9.1k
Speed Design
sergeychernyshev
25
620
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
356
29k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
27
840
How STYLIGHT went responsive
nonsquared
95
5.2k
Bash Introduction
62gerente
608
210k
Automating Front-end Workflow
addyosmani
1366
200k
The World Runs on Bad Software
bkeepers
PRO
65
11k
How to train your dragon (web standard)
notwaldorf
88
5.7k
The Illustrated Children's Guide to Kubernetes
chrisshort
48
48k
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 ͷಋೖ͕͓͢͢Ί • ίϯςϯπʹҙࣝΛ͚͓ͯ͘ͱ͍͍͜ͱ͕͋Δ͔
͝੩ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠