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.7k
技術が実現するイノベーションと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.6k
Mackerelのプロダクト開発 - エンジニア中心の開発プロセスで大切にしていること
tatsuru
PRO
0
4.8k
Mackerel の EventBridge 対応開発秘話
tatsuru
PRO
1
190
成長するためのエンジニア組織 / Hatena Engineering Group 2018
tatsuru
PRO
1
120
はてなのログ運用 これまでとこれから / Hatena Engineer Seminar #6
tatsuru
PRO
7
12k
Mesosを使ったImmutable Infra 管理システムを作ってみた
tatsuru
PRO
8
8.1k
Other Decks in Technology
See All in Technology
20251225_たのしい出張報告&IgniteRecap!
ponponmikankan
0
110
[PR] はじめてのデジタルアイデンティティという本を書きました
ritou
1
800
モノタロウ x クリエーションラインで実現する チームトポロジーにおける プラットフォームチーム・ ストリームアラインドチームの 効果的なコラボレーション
creationline
0
640
AIと融ける人間の冒険
pujisi
0
110
Oracle Cloud Infrastructure:2025年12月度サービス・アップデート
oracle4engineer
PRO
0
240
Qiita Bash アドカレ LT #1
okaru
0
180
2025年のデザインシステムとAI 活用を振り返る
leveragestech
0
760
会社紹介資料 / Sansan Company Profile
sansan33
PRO
11
390k
Introduction to Bill One Development Engineer
sansan33
PRO
0
340
Claude Codeを使った情報整理術
knishioka
20
12k
2025-12-27 Claude CodeでPRレビュー対応を効率化する@機械学習社会実装勉強会第54回
nakamasato
4
1.4k
Keynoteから見るAWSの頭の中
nrinetcom
PRO
1
170
Featured
See All Featured
How STYLIGHT went responsive
nonsquared
100
6k
Efficient Content Optimization with Google Search Console & Apps Script
katarinadahlin
PRO
0
280
The Hidden Cost of Media on the Web [PixelPalooza 2025]
tammyeverts
2
130
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
25
1.7k
Self-Hosted WebAssembly Runtime for Runtime-Neutral Checkpoint/Restore in Edge–Cloud Continuum
chikuwait
0
280
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
234
17k
The Limits of Empathy - UXLibs8
cassininazir
1
200
Jess Joyce - The Pitfalls of Following Frameworks
techseoconnect
PRO
1
46
Hiding What from Whom? A Critical Review of the History of Programming languages for Music
tomoyanonymous
1
340
How to Grow Your eCommerce with AI & Automation
katarinadahlin
PRO
0
88
Information Architects: The Missing Link in Design Systems
soysaucechin
0
730
GitHub's CSS Performance
jonrohan
1032
470k
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/
Ҏ্Ͱ͢