noteの継続的サービスカイゼンと技術の刷新

時代とともに変化する技術的負債 〜負債になるタイミングと予防法〜 @TECH PLAY SHIBUYA
北村学爾 @ga9ji・岡野忍 @operandoOS

資料内リンク
https://note.mu/konpyu/n/n9b7bf4343514
https://twitter.com/fladdict/status/803382240076070913
https://note.mu/r82/n/ne217ba36d233
https://note.mu/r82/n/nbbe6af25b825
https://note.mu/nicedchy/n/n93663f37cee6
https://note.mu/noteeng/m/me7637ba82821
https://note.mu/fladdict/n/n437f23e96d67
https://note.mu/badges
https://speakerdeck.com/kentaro/rethinking-technical-debt
https://speakerdeck.com/hirokidaichi/2tufalsedxtoji-shu-de-fu-zhai-yapc-tokyo-2019
https://www.amazon.co.jp/dp/B079TLW41L/
https://speakerdeck.com/naopr/3keyue-de20mo-xing-woxiao-sutameniyatutakoto
https://speakerdeck.com/tomox1001/technical-dept-never-end
https://www.infoq.com/jp/news/2017/03/dead-code/

Transcript

1. ܧଓతαʔϏεΧΠθϯͱ ٕज़ͷ࡮৽ ࣌୅ͱͱ΋ʹมԽ͢Δٕज़తෛ࠴ ʙෛ࠴ʹͳΔλΠϛϯάͱ༧๷๏ʙ 2019.08.23ɹ๺ଜֶ࣐ @ga9jiɾԬ໺೜ @operandoOS
2. ࣗݾ঺հ • ๺ଜֶ࣐ʢ͖ͨΉΒ͕͘͡ʣ @ga9ji • גࣜձࣾϐʔεΦϒέΠΫ
 2017.03ʙ • αʔόαΠυ/ϑϩϯτΤϯυ
3. ΫϦΤΠλʔ͕จষ΍ϚϯΨɺࣸਅɺԻ੠Λ౤ߘ͢Δ͜ͱ ͕Ͱ͖ɺϢʔβʔ͸ͦͷίϯςϯπΛָ͠ΜͰԠԉͰ͖Δ ϝσΟΞϓϥοτϑΥʔϜ
4. ϛογϣϯ ͩΕ΋͕૑࡞Λ͸͡Ίɺ ଓ͚ΒΕΔΑ͏ʹ͢Δɻ
6. ϦϓϨΠεʹࢸͬͨܦҢ • ʮnote͸஗͍ʂʯ • SEOऑ͍… • ৽ϝϯόʔʢΤϯδχΞ/σβΠφʔʣ͕
 खΛ͚ͭͮΒ͍ίʔυ
7. طଘͷٕज़ͷԆ௕Ͱ͸
 ղܾ͕ࠔ೉ͳঢ়گ
8. ܦӦਞ΋… • ʮදࣔ଎౓͸ਖ਼ٛʂʯ • ΦʔΨχοΫͷྲྀೖ΋૿΍͍ͨ͠ • ͢͹΍͘άϩʔεͤ͞ΔͨΊͷ଍͔ͤ͸
 औΓআ͖͍ͨ
9. https://note.mu/konpyu/n/n9b7bf4343514
11. ͬͪ͜ͷ࿩ https://note.mu/r82/n/nbbe6af25b825
12. NuxtҠߦͷ࿩͸ͪ͜Β • noteΛNuxt.jsͰ࠶ߏஙͨ͠࿩ͱ͍͏λΠτϧͰ͓࿩͖ͯ͠·ͨ͠ #vuefesʛ෱Ҫ ྽ / piece of cake, inc.ʛnote • noteΛNuxt.jsͰ࠶ߏஙͨ͠࿩-2nd-ͱ͍͏λΠτϧͰ͓࿩͖ͯ͠·ͨ͠ #cat_vol7ʛ෱ Ҫ ྽ / piece of cake, inc.ʛnote • v-sendai meetup #2 Ͱηογϣϯ࿮Λ͍͖ͨͩ note ͷ Nuxt Ҡߦʹ͍ͭͯొஃ͠·͠ ͨɻʛDaichi Ishikawaʛnote • Nuxt.js ࡮৽ϓϩδΣΫτʛnoteٕज़෦ʛnote
13. ࠓ೔࿩͢͜ͱ • Nuxt.js΁ͷϦϓϨΠεظʹ͓͚ΔɺAngularJS(1ܥ)ଆରԠ • ΧΠθϯνʔϜ • NuxtҠߦνʔϜͱͷ΍ΓͱΓʹ͍ͭͯ • ۤ࿑࿩ • ରॲ๏
14. Nuxt.js΁ͷϦϓϨΠεظʹ͓͚Δ
 AngularJS(1ܥ)ଆରԠ
15. ΧΠθϯνʔϜ • ൺֱత୹ظͰऴΘΔάϩʔεɺ࣮ݧɺվमΛߦ͏ • ܾͯ͠ࢭ·Βͳ͍ΧΠθϯମ੍Λ࡞Γ͍ͨʛਂ௡ و೭ (fladdict)ʛnote • εϐʔυॏࢹ • NuxtϦϓϨΠεத΋ΨϯΨϯ։ൃ
16. ΧΠθϯ ✕ NuxtҠߦɺେมͩͬͨͱ͜Ζ • ࠩ෼؅ཧ • σάϨͷൃੜ • ʮAngularJSͱNuxtͲͬͪͰ΍Δͷʁʯ
17. ࠩ෼؅ཧ • NuxtଆͰҠߦʢ࣮૷ʣ͕׬ྃͨ͠ʹ΋͔͔ΘΒͣɺ
 AngularJSͰมߋ͕ೖΔ • औΓࠐΈʹ·ͨ޻਺͕ʂ • AngularJSଆΧΠθϯͷϑΥϩʔͰNuxtԽ͕ਐ·ͳ͍ʂ
18. σάϨ • ط஌ͷόά΍վળ͔ͨͬͨ͠఺͕ͦͷ··Ҡ২͞Εͯ͠·͏ • AngularJSଆͰόάΛ௚͕ͨ͠ɺ఻ୡ͕͏·͍͔ͣ͘
 NuxtଆͰόά͕࠶ൃੜ • ͋ͱ͔Β࡞ͬͨNuxtͷ΄͏͕ػೳ͕଍Γͳ͍
19. AngularJSͱNuxtɺͲͪΒͰ࣮૷͢Δͷ͔ʁ • AngularJSͰ͸΍͘ग़͍͚ͨ͠ͲɺNuxtଆ΋͢Ͱʹ࣮૷த • ೋॏ࣮૷ʹͳͬͯ͠·ͬͯ΋͍ͬͨͳ͍ • ػೳͷϦϦʔεΛ༏ઌͯ͠ɺͲͪΒ΋࣮૷͢Δ৔߹΋͋ͬͨ
20. ཁ͢Δʹ
21. ίϛϡχέʔγϣϯͷ໰୊
22. ίϛϡχέʔγϣϯͷ໰୊ • ޓ͍ʹ૸͍ͬͯͯɺސΈΕͯͳ͍ • શମͰ༏ઌॱҐ͕ܾΊΒΕ͍ͯͳ͍
23. ࠩ෼؅ཧɾσάϨରԠ • AngularJSଆrepoͰlabel෇͖issueΛ࡞Δͱ
 NuxtҠߦνʔϜSlackνϟϯωϧʹ௨஌͞ΕΔʢGASʣ
24. ͲͪΒͰ࣮૷ʁ • ͳΔ΂͘NuxtଆͷεέδϡʔϧʹΧΠθϯΛ߹ΘͤΔ • ʢ޾͔ෆ޾͔ʣNuxtԽ͕͍ͩͿઌͰ΋ɺ
 վળ͕͍͕͋͠Δͱ͜Ζ͕ͨ͘͞Μ͋Δ • ೋॏ࣮૷ΛબΜͰͰ΋͍·΍Δ΂͖΋ͷʢޙड़ʣ
25. ࠷ۙͷྫ
26. https://note.mu/badges
27. όοδػೳ • 2019/07ϦϦʔε • େ͖ͳNuxtԽ͸ऴΘΓͭͭ͋ΔλΠϛϯά • AngularJSͰ࣮૷ • ͜ͷ਌ͱͳΔϖʔδʢμογϡϘʔυʣ͸·ͩAngularJS
28. όοδػೳ • ϑϩϯτ͸όοδͷछྨͱະ/طऔಘͷσʔλΛग़ͤ͹Α͍ ͚ͩͰɺ؆ૉ • αʔόʔαΠυͷઃܭʹ࣌ؒΛ࢖͍͍ͨͷͰ
 ΑΓϑϩϯτͷ࣮૷͕গͳ͍AngularJSͰͷ࣮૷Λબ୒ • NuxԽͷεέδϡʔϧ͸·ͩઌʹͳΔ
29. ͲͷλΠϛϯάͰग़͢ͷ͕ޮՌత͔ ౎౓ߟ࣮͑ͯ૷ํ਑ΛܾΊΔ
30. • ࣌ؒΛ͔͚ͯෛ࠴ʹͳΒͳ͍Α͏ʹͯ͠΋ɺ
 ͦͷػೳ͕ड͚ೖΕΒΕΔ͔͸ผ • τϥΠˍΤϥʔΛ͘Γ͔͑͢ • ҰؾʹNuxtԽ͠ͳ͔ͬͨͷ΋ಉ͡ཧ༝ • ܦӦਞͱ΋࿩͠߹͍ɺ༏ઌॱҐΛ͔ͬ͠ΓܾΊΔ ·ͱΊ
31. About Me • Shinobu Okano • piece of cake, inc. 2018 / 07 Join • Mobile Engineer / Project Manager • @operandoOS • note : operando_os
32. ࠷ۙͷnoteͷมԽ • ར༻ऀͷ૿Ճ • ։ൃϝϯόʔͷ૿Ճ • 2018/7͔Β 9 → 17ਓ • ػೳͷ૿Ճ
33. ෛ࠴΋૿Ճͯ͠Δʁ
34. ͦ΋ͦ΋ෛ࠴ͬͯͳʹʁ
35. ͦ΋ͦ΋ෛ࠴ͬͯͳʹʁ • ʮٕज़తෛ࠴ʯΛ໰͍ͳ͓͢ • https://speakerdeck.com/ kentaro/rethinking-technical- debt
36. ͦ΋ͦ΋ෛ࠴ͬͯͳʹʁ • ̎ͭͷDXͱٕज़తෛ࠴-YAPC Tokyo 2019 • https://speakerdeck.com/hirokidaichi/2tufalsedxtoji-shu-de-fu-zhai-yapc-tokyo-2019
37. ͭ·Γෛ࠴ͬͯݟ͑ͯ͠·͑͹ • ඇػೳཁ݅ͱͯ͠ݴޠԽ͠ɺ؅ཧͰ͖Δ • ՄࢹԽ͢Ε͹ٞ࿦Ͱ͖Δ • Өڹ౓ͱ༏ઌॱҐΛܾΊΒΕΔ
38. ͦ΋ͦ΋ෛ࠴ͬͯͳʹʁ • ΤϯδχΞϦϯά૊৫࿦΁ͷট଴
 ʙෆ࣮֬ੑʹ޲͖߹͏ࢥߟͱ૊৫ͷϦϑΝΫλϦϯά • 5-3ɹٕज़తෛ࠴ͷਖ਼ମ • https://www.amazon.co.jp/dp/B079TLW41L/
39. ʮٕज़తෛ࠴ʯͱ͍͏ݴ༿Λ
 ղ͖΄͙ͤ͹՝୊͕ݟ͑ͯ͘Δ
40. ܧଓతαʔϏεΧΠθϯͱ͸ʁ • ܾͯ͠ࢭ·ΒͣɺΑΓΑ͍ػೳΛૉૣ͘ఏڙ͢Δ • αʔϏεʢ։ൃʣͷ࣋ଓՄೳੑΛकΔ
41. ܧଓతαʔϏεΧΠθϯͷͨΊʹ • ։ൃ଎౓Λམͱ͢ো֐ΛऔΓআ͘ • ՝୊ͷࣗಈݕग़ • ૊৫ͷมԽΛײ͡औΔ
42. ։ൃ଎౓Λམͱ͢ো֐ΛऔΓআ͘
43. σουίʔυͦͷ··
 ࢒ͯ͠·ͤΜ͔ʁ
44. noteͷσουίʔυ • ࢖ΘΕͳ͘ͳͬͨAPI͕ͦͷ·· • Ͳ͔͜Β΋ࢀর͞Ε͍ͯͳ͍ϖʔδ • ໾ׂΛऴ͑ͨFeature FlagʹΑ࣮ͬͯߦ͞Εͳ͍ίʔυ • ΄΅࢖ΘΕͯͳ͍ػೳ΍ϖʔδ
45. ফ͠·͠ΐ͏
46. noteͷσουίʔυ࡟আର৅ • API୯Ґ • ػೳ୯Ґ • ϖʔδ୯Ґ
47. ࣅͨ࡟আͷࣄྫ • 3ϲ݄Ͱ20ສߦΛফͨ͢Ίʹ ΍ͬͨ͜ͱ • https://speakerdeck.com/ naopr/3keyue-de20mo- xing-woxiao- sutameniyatutakoto
48. ࡟আͷࣅͨࣄྫ • औΓ૊ΊΔͷ͸͍͢͝ʂ • αʔϏεن໛΍։ൃن໛͕͍͢͝ͷͰେֻ͔ΓͳͷΘ͔Δ • ͚Ͳ...
49. ίʔυ࡟আ͕1ϓϩδΣΫτن໛ʹ
 ͳͬͯ͠·͍͍ͬͯͷ͔ʁ
50. ඞવతͰ͸ͳ͘
 ۮવͦ͏ͳͬͯ͠·ͬͨ
 ύλʔϯ͸େม ʢฐࣾͷNuxtҠߦ΋ͦ͏ʣ
51. τϨʔυΦϑʁ • ԿΛ༏ઌͯ͠ɺԿΛ٘ਜ਼ʹ͢Δ͔ͷ • όϥϯεͷௐ੔͸େࣄ • όϥϯεͷݟ௚͠΋େࣄ
52. ՝୊͕େ͖͘ͳΔલʹখ͘͞औΓ૊Ή • େ͖͘ͳͬͨޙͰऔΓ૊Ήͷ͸ؾ߹͍͕ඞཁ • ͍ͭ΍Δ͔Ͱؾ߹͍ͷ౓߹͍͕ҧͬͯ͘Δ • ؾ߹͍͕ग़ͳ͍৔߹΋͋Δ... • ์ஔ͢Δͱ՝୊͕ӅΕɺޙʑʹͳͬͯେ͖ͳ՝୊ʹ
 ͳͬͯऻͬͯ͘Δ
53. σουίʔυͷ໰୊ • ෆ۩߹ͷݪҼʹͳΔՄೳੑ • ϝϯς͞Εͳ͍ͷͰɺ੬ऑੑͷݪҼʹͳΔՄೳੑ • ࣮૷ཧղͷअຐΛ͢Δ
54. σουίʔυͷҹ৅ • ͳΜ͔৮ͬͨΒ֬ೝ໘౗ͦ͏ͩͳʔ • ফ͍͍ͯ͠ͷ͔ͳʁͩΊͳͷ͔ͳʁ • ґଘͯ͠Δίʔυͳ͍͔ͳʁ • ·͋ͦͷ··Ͱ͍͍΍
55. ͦͯ͠ɺ਺೥ޙ... • ๲େͳσουίʔυ • ୭΋৮Εͳ͘ͳΔ... • ؾ߹͍ΛೖΕͯϓϩδΣΫτԽ΁
56. σουίʔυͷ࡟আ • ͍ͭɾͲ͏͍͏໨తͰ࣮૷͞Εͨͷ͔Λ
 ͔ͬ͠Γཧղ͢Δ • ίϛϡχέʔγϣϯ͕େࣄ • ࢒͢ͷ͔ɺফ͢ͷ͔ͱʹ͔͘ฉ͘ • ԕྀͤͣফ͢ɻ͕ͩܟҙΛ࣋ͬͯऔΓ૊Ή
57. ԕྀͤͣফ͢ɻ͕ͩܟҙΛ࣋ͬͯऔΓ૊Ή • ٕज़తෛ࠴͸ऴΘΒͳ͍ • https://speakerdeck.com/ tomox1001/technical- dept-never-end?slide=38
58. σουίʔυ͸औΓআ͔ͳ͚Ε͹ͳΒͳ͍ https://www.infoq.com/jp/news/ 2017/03/dead-code/
59. noteͷσουίʔυ࡟আ݁Ռ • 2ϲ݄͘Β͍Ͱ • ࡟আͨ͠ϑΝΠϧ਺ 845 • ࡟আͨ͠ߦ਺ 160,993 • 1೔ 1Pull RquesetͰ࡟আ
60. ՝୊ͷࣗಈݕग़
61. εϩʔΫΤϦʔͷࣗಈݕग़
62. εϩʔΫΤϦʔͷࣗಈݕग़ • αʔϏε੒௕ͱڞʹෛՙ΋૿͑Δ • ਓͷײ֮ͰʮͳΜ͔஗͘ͶʁʯͰ͸ͳ͘
 ܭଌͨ͠ࣄ࣮ΛՄࢹԽ͢Δ • Կ͕·͔͔ͣͬͨҙࣝ෇͚͞ΕΔ
63. ՝୊ͷࣗಈݕग़ • ՝୊ʹͳΓͦ͏ͳ෦෼Λࣄલʹೝࣝ͠ɺ ঢ়گΛࣗಈͰݕग़ɾݕ஌Ͱ͖Δ࢓૊ΈΛ ࡞͓ͬͯ͘
64. ૊৫ͷมԽΛײ͡औΔ
65. ͜Ε͔ΒԿ͕มΘΔ͔ʁΛݟӽ͢ • มΘͬͨ࣌ʹى͖͏Δ͜ͱΛ૝૾͢Δ • ͪΐͬͱͨ͠ҧ࿨ײΛେࣄʹ͢Δ • ҧ࿨ײΛൃలͤͯ͞ɺॏཁੑΛՄࢹԽ͍ͯ͘͠
66. มԽͷதͰײ͡Δҧ࿨ײ • ݸਓͷ໰୊Ͱ͸ͳ͘ɺνʔϜ΍૊৫ͷ՝୊ͱೝࣝ͢Δ • ҧ࿨ײΛͦͷ··ʹ͢Δͱෛ࠴͕ੜ·Ε΍͍͢؀ڥΛ ࡞ͬͯ͠·͏͔΋͠Εͳ͍
67. ͋Γ͕ͱ͏͍͟͝·ͨ͠