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
技術が実現するイノベーションとWebサービス運用の未来 / Innovation from&f...
Search
tatsuru
PRO
August 02, 2018
Technology
0
1.6k
技術が実現するイノベーションとWebサービス運用の未来 / Innovation from&for Web Operations
さくらの大納涼会2018 at 北海道にて、「技術が実現するイノベーションと◯◯」というテーマでの発表資料です
tatsuru
PRO
August 02, 2018
Tweet
Share
More Decks by tatsuru
See All by tatsuru
プロダクトオーナーとしてSLOに向き合う 〜Mackerelチームの事例〜 / SRE NEXT 2023
tatsuru
PRO
0
2.3k
Mackerelのプロダクト開発 - エンジニア中心の開発プロセスで大切にしていること
tatsuru
PRO
0
4.6k
Mackerel の EventBridge 対応開発秘話
tatsuru
PRO
1
180
成長するためのエンジニア組織 / Hatena Engineering Group 2018
tatsuru
PRO
1
110
はてなのログ運用 これまでとこれから / Hatena Engineer Seminar #6
tatsuru
PRO
7
12k
Mesosを使ったImmutable Infra 管理システムを作ってみた
tatsuru
PRO
8
8k
Other Decks in Technology
See All in Technology
OSSのSNSツール「Misskey」をさわってみよう(右下ワイプで私のOSCの20年を振り返ります) / 20250705-osc2025-do
akkiesoft
0
160
スタートアップに選択肢を 〜生成AIを活用したセカンダリー事業への挑戦〜
nstock
0
170
AWS Organizations 新機能!マルチパーティ承認の紹介
yhana
1
280
Sansanのデータプロダクトマネジメントのアプローチ
sansantech
PRO
0
150
さくらのIaaS基盤のモニタリングとOpenTelemetry/OSC Hokkaido 2025
fujiwara3
3
440
Getting to Know Your Legacy (System) with AI-Driven Software Archeology (WeAreDevelopers World Congress 2025)
feststelltaste
1
130
Connect 100+を支える技術
kanyamaguc
0
200
【5分でわかる】セーフィー エンジニア向け会社紹介
safie_recruit
0
27k
敢えて生成AIを使わないマネジメント業務
kzkmaeda
2
440
整頓のジレンマとの戦い〜Tidy First?で振り返る事業とキャリアの歩み〜/Fighting the tidiness dilemma〜Business and Career Milestones Reflected on in Tidy First?〜
bitkey
2
16k
How Do I Contact HP Printer Support? [Full 2025 Guide for U.S. Businesses]
harrry1211
0
120
freeeのアクセシビリティの現在地 / freee's Current Position on Accessibility
ymrl
2
190
Featured
See All Featured
KATA
mclloyd
30
14k
GitHub's CSS Performance
jonrohan
1031
460k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
44
2.4k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
tammyeverts
6
300
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
48
2.9k
Building Better People: How to give real-time feedback that sticks.
wjessup
367
19k
StorybookのUI Testing Handbookを読んだ
zakiyama
30
5.9k
Typedesign – Prime Four
hannesfritz
42
2.7k
Visualization
eitanlees
146
16k
Balancing Empowerment & Direction
lara
1
430
Side Projects
sachag
455
42k
The Cult of Friendly URLs
andyhume
79
6.5k
Transcript
ٕज़͕࣮ݱ͢ΔΠϊϕʔγϣϯͱ WebαʔϏεӡ༻ͷະདྷ ลɹى 2018/08/02 ͘͞Βͷେೲྋձ2018 at ւಓ
ࣗݾհ • ล ى id:wtatsuru, @tatsuru • ͯͳɹγεςϜϓϥοτϑΥʔϜ෦ ɹɹɹɹνʔϑΤϯδχΞ •
େֶϩϘίϯɺHPC • 2011ͯͳೖࣾɻͯͳϒϩάͷߏங
ٕज़͕࣮ݱ͢ΔΠϊϕʔγϣϯ • WebαʔϏεͷΠϯϑϥ = ཪํɺͰͳ͘ • Πϊϕʔγϣϯʹͭͳ͍͛ͯͬͨ
ຊͷ༰ • ʮͯͳʯʹ͍ͭͯ • Πϊϕʔγϣϯʹͭͳ͕ΔΠϯϑϥٕज़ • ͯͳͷΠϯϑϥ࢙ • αʔόཧπʔϧ͔ΒMackerel
ʮͯͳʯʹ͍ͭͯ
ͯͳ • 2001ɹژͰۀ • ࣾһ 100+ਓɺ͕ΤϯδχΞ • ౦ژɾژ2ڌମ੍ • WebαʔϏεΛ࡞͍ͬͯ·͢
• ͯͳϒϩάɺͯͳϒοΫϚʔΫ • MackerelɺϚϯΨϏϡʔϫɺetc.
ͯͳͷϛογϣϯ ʮΔʯʮͭͳ͕Δʯʮදݱ͢ΔʯͰ ৽͍͠ମݧΛఏڙ͠ɺਓͷੜ׆Λ๛͔ʹ͢Δ
None
ਓྗݕࡧͯͳ
ͯͳϒοΫϚʔΫ
ͯͳϒϩά
ͯͳϒϩά.FEJB
গδϟϯϓϧʔΩʔ
গδϟϯϓʴ
ΧΫϤϜ
ΠΧϦϯά̎
.BDLFSFM
None
࠷ۙͷͯͳ ϒοΫϚʔΫ ϒϩά ϊϋ ΞυςΫ اۀϒϩά #UP$ #UP#
Πϊϕʔγϣϯʹͭͳ͕Δ Πϯϑϥٕज़
Πϊϕʔγϣϯ • WebαʔϏεͷΠϯϑϥٕज़ = ཪํʁ
None
Mackerel • ΤϯδχΞΛϫΫϫΫͤ͞Δ ʮײతαʔόࢹαʔϏεʯ • Infrastructure as Code ΛਐԽͤ͞ɺ ΤϯδχΞͷ։ൃɾӡ༻ϓϩηεΛֵ৽͢Δ
Mackerel • ࣾͷΠϯϑϥཧϊϋΛαʔϏεͱͯ͠ల։ • ͜Ε͔ΒͷαʔϏεӡ༻ͷϕετϓϥΫςΟεΛఏ Ҋ͠ଓ͚Δ
Πϊϕʔγϣϯʹͭͳ͕ͬͨ • ࣾͰΠϯϑϥཧΛޮԽͯ͠ • ߟ͑ํΛચ࿅͍ͯ͘͠ͱ • ΤϯδχΞͷ։ൃɾӡ༻ϓϩηεΛֵ৽͢ΔαʔϏε
Mackerel • ΤϯδχΞΛϫΫϫΫͤ͞Δ ʮײతαʔόࢹαʔϏεʯ • Infrastructure as Code ΛਐԽͤ͞ɺ ΤϯδχΞͷ։ൃɾӡ༻ϓϩηεΛֵ৽͢Δ
ͯͳͷΠϯϑϥ࢙
• ݹ 2001ʙ2004 • தੈ 2004ʙ2007 • ۙੈ 2007ʙ2011 •
ۙ 2011ʙ2014 • ݱ 2014ʙ ͯͳγεςϜͷߟݹֶ https://speakerdeck.com/motemen/history-of-development-at-hatena
ݹ 2001ʙ2004 • 2001 ਓྗݕࡧͯͳ • 2002 ͯͳμΠΞϦʔ
ݹ 2001ʙ2014 jkondoɺେֶͷ༑ਓ stanaka ʹதݹPCΛΒ͍ॳ ͯͳαʔόʔͱ͢Δɻʮhanaseʯͱ໊͚ΒΕͨαʔ όʔͯ͘ͳͷͨΊʹߩݙ͠ɺ ϋʔυΣΞͷୀ ޙϗετ໊ผͷαʔόʔʹड͚ܧ͕Ε͍ͯΔɻ ڭՊॻʹࡌΒͳ͍ʂͯͳͷྺ࢙
http://www.hatena.ne.jp/company/hatena10th/history
ݹ 2001ʙ2004 ڭՊॻʹࡌΒͳ͍ʂͯͳͷྺ࢙ http://www.hatena.ne.jp/company/hatena10th/history
தੈ 2004ʙ2007 • 2004 ͯͳάϧʔϓ • 2005 ͯͳϒοΫϚʔΫ
தੈͷαʔόཧ • ࣗ࡞αʔόத৺ • wiki ཧ + MRTG • αʔόೖ࡞ۀ
= ͔͋ͨͨΈͷ͋Δख࡞ۀ • ாߋ৽ɺMRTGߋ৽ɺࢹઃఆɺσϓϩΠઃఆ
ۙੈ 2007ʙ2011 • 2007 ͘͞ΒΠϯλʔωοτiDCར༻։࢝ • 2008 ຊࣾژҠస • 2008
ͯͳϒοΫϚʔΫϦχϡʔΞϧ
ۙੈͷ͓͜Γ ͘͞ΒΠϯλʔωοτҠߦه#1 http://d.hatena.ne.jp/naoya/20070116/1168935694
։ൃମ੍ͷมԽ • νʔϜͰͷΛ࡞ΔΑ͏ʹ • ࣾϑϨʔϜϫʔΫɺඪ४ԽͷྲྀΕ • ΠϯϑϥνʔϜͷੜ
ۙੈͷΠϯϑϥ • ࣗ࡞αʔόશظ • Xen ʹΑΔԾԽ • ૿ՃɺߏͷෳࡶԽ • Ծαʔό1000ఔ
αʔόཧπʔϧੜ • αʔόཧπʔϧ = ॳmackerel ੜ • mackerel = ʮαόʯ
• ࠷ॳ wiki + MRTG ͷ౷߹͔Β
ͯͳͷΠϯϑϥ͍·Ή͔͠ https://www.slideshare.net/stanaka/hatena-infrastructer-from-the-beginning
αʔόཧπʔϧੜ • ֤छπʔϧͷϚελʹͳ͍ͬͯͬͨ • ࢹ • ϝτϦοΫऩू • σϓϩΠ •
෦DNS ͯͳͷΠϯϑϥ͍·Ή͔͠ https://www.slideshare.net/stanaka/hatena-infrastructer-from-the-beginning
None
ۙੈͷΠϯϑϥ • ·ͬ͞ΒͳαʔόΛ30Ͱຊ൪ೖͰ͖ΔΑ͏ʹ͢Δ http://blog.stanaka.org/entry/20070728/1185605498
ۙ 2011ʙ2014 • 2011 ͯͳϒϩάβϦϦʔε
ۙͷΠϯϑϥ • ࣗ࡞αʔόऴᖼɺϕϯμʔαʔό • ͞Α͏ͳΒɺࣗ࡞αʔόʔ http://blog.stanaka.org/entry/2014/03/07/201142 • αʔό2000
ۙͷΠϯϑϥ • ͯͳϒϩάΛAWSʹߏங • Ϋϥυ׆༻ɺϋΠϒϦουߏ • Chef Ͱߏங • αʔόཧπʔϧͰཧ
ͯͳϒϩάͷԼଆ https://www.slideshare.net/wtatsuru/jawsugkyoto2nd
ۙͷαʔόཧπʔϧ • ࣾͷαʔόཧπʔϧͷӡ༻ࢥཱ֬ • ֓೦ͷݟ͠ɺ2ϑϧεΫϥον • αʔϏεɾϩʔϧͱ͍͏ू߹ͷ֓೦ • ϗετใͷҰݩཧ •
पลπʔϧͱૄ݁߹ʹ࿈ܞ ͯͳͷαʔόཧπʔϧͷ http://yapcasia.org/2013/talk/show/62304644-e25d-11e2-8767-0fa16aeab6a4ɹ
ۙͷαʔόཧπʔϧ • ଟ͘ • ࢄRRDTool (ΫϥυͷߴϨΠςϯγI/OʹରԠ) • “λά” ֓೦ͰΑΓॊೈͳཧ •
PushܕϝτϦοΫऩू mackereld ͯͳͷαʔόཧπʔϧͷ http://yapcasia.org/2013/talk/show/62304644-e25d-11e2-8767-0fa16aeab6a4ɹ
ݱ 2014- • 2014 Mackerel ੜ
ݱͷΠϯϑϥ • ΫϥυͷྖҬ֦େ • DockerɺImmutable Infrastracture
Mackerel ੜ • ࣾͷαʔόཧπʔϧͷࢥΛSaaS Immutable Infrastructure࣌ͷαʔόʔཧ https://speakerdeck.com/stanaka/immutable-infrastructureshi-dai-falsesabaguan-li-number-immutableinfra?slide=6
αʔόཧπʔϧ͔Β Mackerel
Mackerel ʹड͚ܧ͕ΕΔࢥ • ϩʔϧɾϗετͱ͍͏ू߹ͷ֓೦ • ϗετใͷҰݩԽ • पลπʔϧͱૄ݁߹ʹ౷߹͢Δ
Mackerel ͰมΘͬͨͷ • TSDB • RRDTool ͔Β Graphite •
ࢹ • Pullܕ -> Pushܕ • ͍͍͢UI
ࣾυοάϑʔσΟϯά • ࣾͷઍͷڥͰτϥΠΞϧ • ࣌ܥྻDBͷෛՙࢼݧ • ϓϥάΠϯҠ২ • ͍৺ͷϑΟʔυόοΫ
ࣾυοάϑʔσΟϯά • ࣄۀʹߩݙ • ϕετϓϥΫςΟεͷ୳ٻ
SaaSԽ • Mackerel 200ि࿈ଓϦϦʔε • ࣾͰ͍Εͳ͍ػೳ • →ࣾ֎ͷϑΟʔυόοΫ͔Βվળ • ࣾͷӡ༻վળ͍ͯ͘͠
SaaSԽͰมΘͬͨ͜ͱ • UI/UX͕Α͘ͳͬͨɿઐͷσβΠφ • ։ൃऀ͕ࢹΛݟͯɺվળ͍͚ͯ͠ΔΑ͏ʹ • ղͳઃఆɾϛυϧΣΞˠݟ͍͢UIɺ؆୯ͳઃఆ • ߴͳࢹɾӡ༻ •
ࣜࢹɺΞϥʔτͷάϧʔϓԽ
Mackerel͔Βੜ·ΕΔٕज़తઓ • ॻ͖ࠐΈϔϰΟͳϫʔΫϩʔυ • Ϋϥυ্ʹ࣌ܥྻDBΛߏங • ٻΊΒΕΔߴ͍Մ༻ੑ ࣌ܥྻσʔλϕʔεͱ͍͏֓೦ΛΫϥυͷٕͰ࠶ߏங͢Δ https://speakerdeck.com/yuukit/the-rebuild-of-time-series-database-on-aws
Mackerel͔Βੜ·ΕΔٕज़తઓ • ΠϯϑϥΤϯδχΞ͕։ൃʹߩݙ͢ΔΩϟϦΞύε • Mackerel νʔϜʹॴଐͯ͠ɺӡ༻ʴ։ൃΛߦ͏ • ࣍ੈͷαʔϏεӡ༻ϕετϓϥΫςΟεΛ࡞͍ͬͯ͘
͓ΘΓʹ
Πϊϕʔγϣϯ • ࣾͰΠϯϑϥཧͷྺ࢙͔Β • ϊϋΛSaaSͱͯ͠ఏڙ • ΤϯδχΞͷ։ൃɾӡ༻ϓϩηεΛֵ৽͢ΔαʔϏε
None
ࢀߟࢿྉ • ͯͳγεςϜͷߟݹֶ https://speakerdeck.com/motemen/history-of-development-at-hatena • ͯͳͷΠϯϑϥͷྺ࢙ɺͦͯ͠MackerelࢸΔಓͱ ͜Ε͔Β http://songmu.github.io/slides/rakuten-tech-conf-2017/
Ҏ্Ͱ͢