Upgrade to Pro — share decks privately, control downloads, hide ads and more …

技術が実現するイノベーションとWebサービス運用の未来 / Innovation from&for Web Operations

tatsuru
August 02, 2018

技術が実現するイノベーションとWebサービス運用の未来 / Innovation from&for Web Operations

さくらの大納涼会2018 at 北海道にて、「技術が実現するイノベーションと◯◯」というテーマでの発表資料です

tatsuru

August 02, 2018
Tweet

More Decks by tatsuru

Other Decks in Technology

Transcript

  1. ٕज़͕࣮ݱ͢ΔΠϊϕʔγϣϯͱ

    WebαʔϏεӡ༻ͷະདྷ
    ౉ลɹى
    2018/08/02 ͘͞Βͷେೲྋձ2018 at ๺ւಓ

    View full-size slide

  2. ࣗݾ঺հ
    • ౉ล ى id:wtatsuru, @tatsuru
    • ͸ͯͳɹγεςϜϓϥοτϑΥʔϜ෦௕

    ɹɹɹɹνʔϑΤϯδχΞ
    • େֶϩϘίϯɺHPC
    • 2011೥͸ͯͳೖࣾɻ͸ͯͳϒϩάͷߏங౳

    View full-size slide

  3. ٕज़͕࣮ݱ͢ΔΠϊϕʔγϣϯ
    • WebαʔϏεͷΠϯϑϥ = ཪํɺͰ͸ͳ͘
    • Πϊϕʔγϣϯʹͭͳ͍͛ͯͬͨ࿩

    View full-size slide

  4. ຊ೔ͷ಺༰
    • ʮ͸ͯͳʯʹ͍ͭͯ
    • Πϊϕʔγϣϯʹͭͳ͕ΔΠϯϑϥٕज़
    • ͸ͯͳͷΠϯϑϥ࢙
    • αʔό؅ཧπʔϧ͔ΒMackerel΁

    View full-size slide

  5. ʮ͸ͯͳʯʹ͍ͭͯ

    View full-size slide

  6. ͸ͯͳ
    • 2001೥ɹژ౎Ͱ૑ۀ
    • ࣾһ 100+ਓɺ໿൒਺͕ΤϯδχΞ
    • ౦ژɾژ౎2ڌ఺ମ੍
    • WebαʔϏεΛ࡞͍ͬͯ·͢
    • ͸ͯͳϒϩάɺ͸ͯͳϒοΫϚʔΫ
    • MackerelɺϚϯΨϏϡʔϫɺetc.

    View full-size slide

  7. ͸ͯͳͷϛογϣϯ
    ʮ஌Δʯʮͭͳ͕Δʯʮදݱ͢ΔʯͰ

    ৽͍͠ମݧΛఏڙ͠ɺਓͷੜ׆Λ๛͔ʹ͢Δ

    View full-size slide

  8. ਓྗݕࡧ͸ͯͳ

    View full-size slide

  9. ͸ͯͳϒοΫϚʔΫ

    View full-size slide

  10. ͸ͯͳϒϩά

    View full-size slide

  11. ͸ͯͳϒϩά.FEJB

    View full-size slide

  12. গ೥δϟϯϓϧʔΩʔ

    View full-size slide

  13. গ೥δϟϯϓʴ

    View full-size slide

  14. ΠΧϦϯά̎

    View full-size slide

  15. ࠷ۙͷ͸ͯͳ
    ϒοΫϚʔΫ ϒϩά ϊ΢ϋ΢
    ΞυςΫ اۀϒϩά
    #UP$
    #UP#

    View full-size slide

  16. Πϊϕʔγϣϯʹͭͳ͕Δ

    Πϯϑϥٕज़

    View full-size slide

  17. Πϊϕʔγϣϯ
    • WebαʔϏεͷΠϯϑϥٕज़ = ཪํʁ

    View full-size slide

  18. Mackerel
    • ΤϯδχΞΛϫΫϫΫͤ͞Δ

    ʮ௚ײతαʔό؂ࢹαʔϏεʯ
    • Infrastructure as Code ΛਐԽͤ͞ɺ

    ΤϯδχΞͷ։ൃɾӡ༻ϓϩηεΛֵ৽͢Δ

    View full-size slide

  19. Mackerel
    • ࣾ಺ͷΠϯϑϥ؅ཧϊ΢ϋ΢ΛαʔϏεͱͯ͠ల։
    • ͜Ε͔ΒͷαʔϏεӡ༻ͷϕετϓϥΫςΟεΛఏ
    Ҋ͠ଓ͚Δ

    View full-size slide

  20. Πϊϕʔγϣϯʹͭͳ͕ͬͨ
    • ࣾ಺ͰΠϯϑϥ؅ཧΛޮ཰Խͯ͠
    • ߟ͑ํΛચ࿅͍ͯ͘͠ͱ
    • ΤϯδχΞͷ։ൃɾӡ༻ϓϩηεΛֵ৽͢ΔαʔϏε΁

    View full-size slide

  21. Mackerel
    • ΤϯδχΞΛϫΫϫΫͤ͞Δ

    ʮ௚ײతαʔό؂ࢹαʔϏεʯ
    • Infrastructure as Code ΛਐԽͤ͞ɺ

    ΤϯδχΞͷ։ൃɾӡ༻ϓϩηεΛֵ৽͢Δ

    View full-size slide

  22. ͸ͯͳͷΠϯϑϥ࢙

    View full-size slide

  23. • ݹ୅ 2001ʙ2004
    • தੈ 2004ʙ2007
    • ۙੈ 2007ʙ2011
    • ۙ୅ 2011ʙ2014
    • ݱ୅ 2014ʙ
    ͸ͯͳγεςϜͷߟݹֶ

    https://speakerdeck.com/motemen/history-of-development-at-hatena

    View full-size slide

  24. ݹ୅ 2001ʙ2004
    • 2001 ਓྗݕࡧ͸ͯͳ
    • 2002 ͸ͯͳμΠΞϦʔ

    View full-size slide

  25. ݹ୅ 2001ʙ2014
    jkondoɺେֶͷ༑ਓ stanaka ʹதݹPCΛ΋Β͍ॳ୅͸
    ͯͳαʔόʔͱ͢Δɻʮhanaseʯͱ໊෇͚ΒΕͨαʔ
    όʔ͸௕͘͸ͯͳͷͨΊʹߩݙ͠ɺ ϋʔυ΢ΣΞͷୀ໾
    ޙ΋ϗετ໊͸ผͷαʔόʔʹड͚ܧ͕Ε͍ͯΔɻ
    ڭՊॻʹࡌΒͳ͍ʂ͸ͯͳͷྺ࢙

    http://www.hatena.ne.jp/company/hatena10th/history

    View full-size slide

  26. ݹ୅ 2001ʙ2004
    ڭՊॻʹࡌΒͳ͍ʂ͸ͯͳͷྺ࢙

    http://www.hatena.ne.jp/company/hatena10th/history

    View full-size slide

  27. தੈ 2004ʙ2007
    • 2004 ͸ͯͳάϧʔϓ
    • 2005 ͸ͯͳϒοΫϚʔΫ

    View full-size slide

  28. தੈͷαʔό؅ཧ
    • ࣗ࡞αʔόத৺
    • wiki ؅ཧ + MRTG
    • αʔό౤ೖ࡞ۀ = ͔͋ͨͨΈͷ͋Δख࡞ۀ
    • ୆ாߋ৽ɺMRTGߋ৽ɺ؂ࢹઃఆɺσϓϩΠઃఆ

    View full-size slide

  29. ۙੈ 2007ʙ2011
    • 2007 ͘͞ΒΠϯλʔωοτiDCར༻։࢝
    • 2008 ຊࣾژ౎Ҡస
    • 2008 ͸ͯͳϒοΫϚʔΫϦχϡʔΞϧ

    View full-size slide

  30. ۙੈͷ͓͜Γ
    ͘͞ΒΠϯλʔωοτҠߦه#1 http://d.hatena.ne.jp/naoya/20070116/1168935694

    View full-size slide

  31. ։ൃମ੍ͷมԽ
    • νʔϜͰ΋ͷΛ࡞ΔΑ͏ʹ
    • ࣾ಺ϑϨʔϜϫʔΫɺඪ४ԽͷྲྀΕ
    • ΠϯϑϥνʔϜͷ஀ੜ

    View full-size slide

  32. ۙੈͷΠϯϑϥ
    • ࣗ࡞αʔόશ੝ظ
    • Xen ʹΑΔԾ૝Խ
    • ୆਺૿Ճɺߏ੒ͷෳࡶԽ
    • Ծ૝αʔό1000୆ఔ౓

    View full-size slide

  33. αʔό؅ཧπʔϧ஀ੜ
    • αʔό؅ཧπʔϧ = ॳ୅mackerel ஀ੜ
    • mackerel = ʮαόʯ
    • ࠷ॳ͸ wiki + MRTG ͷ౷߹͔Β

    View full-size slide

  34. ͸ͯͳͷΠϯϑϥ͍·Ή͔͠

    https://www.slideshare.net/stanaka/hatena-infrastructer-from-the-beginning

    View full-size slide

  35. αʔό؅ཧπʔϧ஀ੜ
    • ֤छπʔϧͷϚελʹͳ͍ͬͯͬͨ
    • ؂ࢹ
    • ϝτϦοΫऩू
    • σϓϩΠ
    • ಺෦DNS
    ͸ͯͳͷΠϯϑϥ͍·Ή͔͠

    https://www.slideshare.net/stanaka/hatena-infrastructer-from-the-beginning

    View full-size slide

  36. ۙੈͷΠϯϑϥ
    • ·ͬ͞ΒͳαʔόΛ30෼Ͱຊ൪౤ೖͰ͖ΔΑ͏ʹ͢Δ
    http://blog.stanaka.org/entry/20070728/1185605498

    View full-size slide

  37. ۙ୅ 2011ʙ2014
    • 2011 ͸ͯͳϒϩάβϦϦʔε

    View full-size slide

  38. ۙ୅ͷΠϯϑϥ
    • ࣗ࡞αʔόऴᖼɺϕϯμʔ੡αʔό
    • ͞Α͏ͳΒɺࣗ࡞αʔόʔ 

    http://blog.stanaka.org/entry/2014/03/07/201142
    • αʔό໿2000୆

    View full-size slide

  39. ۙ୅ͷΠϯϑϥ
    • ͸ͯͳϒϩάΛAWSʹߏங
    • Ϋϥ΢υ׆༻ɺϋΠϒϦουߏ੒΁
    • Chef Ͱߏங
    • αʔό؅ཧπʔϧͰ؅ཧ
    ͸ͯͳϒϩάͷԼଆ

    https://www.slideshare.net/wtatsuru/jawsugkyoto2nd

    View full-size slide

  40. ۙ୅ͷαʔό؅ཧπʔϧ
    • ࣾ಺ͷαʔό؅ཧπʔϧͷӡ༻ࢥ૝͸ཱ֬
    • ֓೦ͷݟ௚͠ɺ2୅໨ϑϧεΫϥον΁
    • αʔϏεɾϩʔϧͱ͍͏ू߹ͷ֓೦
    • ϗετ৘ใͷҰݩ؅ཧ
    • पลπʔϧͱ͸ૄ݁߹ʹ࿈ܞ
    ͸ͯͳͷαʔό؅ཧπʔϧͷ࿩

    http://yapcasia.org/2013/talk/show/62304644-e25d-11e2-8767-0fa16aeab6a4ɹ

    View full-size slide

  41. ۙ୅ͷαʔό؅ཧπʔϧ
    • ໺๬΋ଟ͘
    • ෼ࢄRRDTool (Ϋϥ΢υͷߴϨΠςϯγI/OʹରԠ)
    • “λά” ֓೦ͰΑΓॊೈͳ؅ཧ
    • PushܕϝτϦοΫऩू mackereld
    ͸ͯͳͷαʔό؅ཧπʔϧͷ࿩

    http://yapcasia.org/2013/talk/show/62304644-e25d-11e2-8767-0fa16aeab6a4ɹ

    View full-size slide

  42. ݱ୅ 2014-
    • 2014 Mackerel ஀ੜ

    View full-size slide

  43. ݱ୅ͷΠϯϑϥ
    • Ϋϥ΢υͷྖҬ֦େ
    • DockerɺImmutable Infrastracture

    View full-size slide

  44. Mackerel ஀ੜ
    • ࣾ಺ͷαʔό؅ཧπʔϧͷࢥ૝ΛSaaS΁
    Immutable Infrastructure࣌୅ͷαʔόʔ؅ཧ

    https://speakerdeck.com/stanaka/immutable-infrastructureshi-dai-falsesabaguan-li-number-immutableinfra?slide=6

    View full-size slide

  45. αʔό؅ཧπʔϧ͔Β
    Mackerel΁

    View full-size slide

  46. Mackerel ʹड͚ܧ͕ΕΔࢥ૝
    • ϩʔϧɾϗετͱ͍͏ू߹ͷ֓೦
    • ϗετ৘ใͷҰݩԽ
    • पลπʔϧͱૄ݁߹ʹ౷߹͢Δ

    View full-size slide

  47. Mackerel ͰมΘͬͨ΋ͷ
    • TSDB
    • RRDTool ͔Β Graphite ΁
    • ؂ࢹ
    • Pullܕ -> Pushܕ
    • ࢖͍΍͍͢UI

    View full-size slide

  48. ࣾ಺υοάϑʔσΟϯά
    • ࣾ಺ͷ਺ઍ୆ͷ؀ڥͰτϥΠΞϧ
    • ࣌ܥྻDBͷෛՙࢼݧ
    • ϓϥάΠϯҠ২
    • ࢖͍৺஍ͷϑΟʔυόοΫ

    View full-size slide

  49. ࣾ಺υοάϑʔσΟϯά
    • ࣄۀʹߩݙ
    • ϕετϓϥΫςΟεͷ୳ٻ

    View full-size slide

  50. SaaSԽ
    • Mackerel 200ि࿈ଓϦϦʔε
    • ࣾ಺Ͱ΋࢖͍੾Εͳ͍ػೳ΋
    • →ࣾ֎ͷϑΟʔυόοΫ͔Βվળ
    • ࣾ಺ͷӡ༻΋վળ͍ͯ͘͠

    View full-size slide

  51. SaaSԽͰมΘͬͨ͜ͱ
    • UI/UX͕Α͘ͳͬͨɿઐ೚ͷσβΠφ
    • ։ൃऀ͕؂ࢹΛݟͯɺվળ͍͚ͯ͠ΔΑ͏ʹ
    • ೉ղͳઃఆɾϛυϧ΢ΣΞˠݟ΍͍͢UIɺ؆୯ͳઃఆ
    • ߴ౓ͳ؂ࢹɾӡ༻
    • ࣜ؂ࢹɺΞϥʔτͷάϧʔϓԽ

    View full-size slide

  52. Mackerel͔Βੜ·ΕΔٕज़త௅ઓ
    • ॻ͖ࠐΈϔϰΟͳϫʔΫϩʔυ
    • Ϋϥ΢υ্ʹ࣌ܥྻDBΛߏங
    • ٻΊΒΕΔߴ͍Մ༻ੑ
    ࣌ܥྻσʔλϕʔεͱ͍͏֓೦ΛΫϥ΢υͷٕͰ࠶ߏங͢Δ

    https://speakerdeck.com/yuukit/the-rebuild-of-time-series-database-on-aws

    View full-size slide

  53. Mackerel͔Βੜ·ΕΔٕज़త௅ઓ
    • ΠϯϑϥΤϯδχΞ͕։ൃʹߩݙ͢ΔΩϟϦΞύε
    • Mackerel νʔϜʹॴଐͯ͠ɺӡ༻ʴ։ൃΛߦ͏
    • ࣍ੈ୅ͷαʔϏεӡ༻ϕετϓϥΫςΟεΛ࡞͍ͬͯ͘

    View full-size slide

  54. Πϊϕʔγϣϯ
    • ࣾ಺ͰΠϯϑϥ؅ཧͷྺ࢙͔Β
    • ϊ΢ϋ΢ΛSaaSͱͯ͠ఏڙ
    • ΤϯδχΞͷ։ൃɾӡ༻ϓϩηεΛֵ৽͢ΔαʔϏε΁

    View full-size slide

  55. ࢀߟࢿྉ
    • ͸ͯͳγεςϜͷߟݹֶ

    https://speakerdeck.com/motemen/history-of-development-at-hatena
    • ͸ͯͳͷΠϯϑϥͷྺ࢙ɺͦͯ͠Mackerel΁ࢸΔಓͱ
    ͜Ε͔Β

    http://songmu.github.io/slides/rakuten-tech-conf-2017/

    View full-size slide