noteの継続的サービスカイゼンと技術の刷新

by Gakuji Kitamura

Slide 1

Slide 1 text

ܧଓతαʔϏεΧΠθϯͱ ٕज़ͷ࡮৽ ࣌୅ͱͱ΋ʹมԽ͢Δٕज़తෛ࠴ ʙෛ࠴ʹͳΔλΠϛϯάͱ༧๷๏ʙ 2019.08.23ɹ๺ଜֶ࣐ @ga9jiɾԬ໺೜ @operandoOS

Slide 2

Slide 2 text

ࣗݾ঺հ • ๺ଜֶ࣐ʢ͖ͨΉΒ͕͘͡ʣ @ga9ji • גࣜձࣾϐʔεΦϒέΠΫ  2017.03ʙ • αʔόαΠυ/ϑϩϯτΤϯυ

Slide 3

Slide 3 text

ΫϦΤΠλʔ͕จষ΍ϚϯΨɺࣸਅɺԻ੠Λ౤ߘ͢Δ͜ͱ ͕Ͱ͖ɺϢʔβʔ͸ͦͷίϯςϯπΛָ͠ΜͰԠԉͰ͖Δ ϝσΟΞϓϥοτϑΥʔϜ

Slide 4

Slide 4 text

ϛογϣϯ ͩΕ΋͕૑࡞Λ͸͡Ίɺ ଓ͚ΒΕΔΑ͏ʹ͢Δɻ

Slide 5

Slide 5 text

No content

Slide 6

Slide 6 text

ϦϓϨΠεʹࢸͬͨܦҢ • ʮnote͸஗͍ʂʯ • SEOऑ͍… • ৽ϝϯόʔʢΤϯδχΞ/σβΠφʔʣ͕  खΛ͚ͭͮΒ͍ίʔυ

Slide 7

Slide 7 text

طଘͷٕज़ͷԆ௕Ͱ͸  ղܾ͕ࠔ೉ͳঢ়گ

Slide 8

Slide 8 text

ܦӦਞ΋… • ʮදࣔ଎౓͸ਖ਼ٛʂʯ • ΦʔΨχοΫͷྲྀೖ΋૿΍͍ͨ͠ • ͢͹΍͘άϩʔεͤ͞ΔͨΊͷ଍͔ͤ͸  औΓআ͖͍ͨ

Slide 9

Slide 9 text

https://note.mu/konpyu/n/n9b7bf4343514

Slide 10

Slide 10 text

No content

Slide 11

Slide 11 text

ͬͪ͜ͷ࿩ https://note.mu/r82/n/nbbe6af25b825

Slide 12

Slide 12 text

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

Slide 13

Slide 13 text

ࠓ೔࿩͢͜ͱ • Nuxt.js΁ͷϦϓϨΠεظʹ͓͚ΔɺAngularJS(1ܥ)ଆରԠ • ΧΠθϯνʔϜ • NuxtҠߦνʔϜͱͷ΍ΓͱΓʹ͍ͭͯ • ۤ࿑࿩ • ରॲ๏

Slide 14

Slide 14 text

Nuxt.js΁ͷϦϓϨΠεظʹ͓͚Δ  AngularJS(1ܥ)ଆରԠ

Slide 15

Slide 15 text

ΧΠθϯνʔϜ • ൺֱత୹ظͰऴΘΔάϩʔεɺ࣮ݧɺվमΛߦ͏ • ܾͯ͠ࢭ·Βͳ͍ΧΠθϯମ੍Λ࡞Γ͍ͨʛਂ௡ و೭ (ﬂaddict)ʛnote • εϐʔυॏࢹ • NuxtϦϓϨΠεத΋ΨϯΨϯ։ൃ

Slide 16

Slide 16 text

ΧΠθϯ ✕ NuxtҠߦɺେมͩͬͨͱ͜Ζ • ࠩ෼؅ཧ • σάϨͷൃੜ • ʮAngularJSͱNuxtͲͬͪͰ΍Δͷʁʯ

Slide 17

Slide 17 text

ࠩ෼؅ཧ • NuxtଆͰҠߦʢ࣮૷ʣ͕׬ྃͨ͠ʹ΋͔͔ΘΒͣɺ  AngularJSͰมߋ͕ೖΔ • औΓࠐΈʹ·ͨ޻਺͕ʂ • AngularJSଆΧΠθϯͷϑΥϩʔͰNuxtԽ͕ਐ·ͳ͍ʂ

Slide 18

Slide 18 text

σάϨ • ط஌ͷόά΍վળ͔ͨͬͨ͠఺͕ͦͷ··Ҡ২͞Εͯ͠·͏ • AngularJSଆͰόάΛ௚͕ͨ͠ɺ఻ୡ͕͏·͍͔ͣ͘  NuxtଆͰόά͕࠶ൃੜ • ͋ͱ͔Β࡞ͬͨNuxtͷ΄͏͕ػೳ͕଍Γͳ͍

Slide 19

Slide 19 text

AngularJSͱNuxtɺͲͪΒͰ࣮૷͢Δͷ͔ʁ • AngularJSͰ͸΍͘ग़͍͚ͨ͠ͲɺNuxtଆ΋͢Ͱʹ࣮૷த • ೋॏ࣮૷ʹͳͬͯ͠·ͬͯ΋͍ͬͨͳ͍ • ػೳͷϦϦʔεΛ༏ઌͯ͠ɺͲͪΒ΋࣮૷͢Δ৔߹΋͋ͬͨ

Slide 20

Slide 20 text

ཁ͢Δʹ

Slide 21

Slide 21 text

ίϛϡχέʔγϣϯͷ໰୊

Slide 22

Slide 22 text

ίϛϡχέʔγϣϯͷ໰୊ • ޓ͍ʹ૸͍ͬͯͯɺސΈΕͯͳ͍ • શମͰ༏ઌॱҐ͕ܾΊΒΕ͍ͯͳ͍

Slide 23

Slide 23 text

ࠩ෼؅ཧɾσάϨରԠ • AngularJSଆrepoͰlabel෇͖issueΛ࡞Δͱ  NuxtҠߦνʔϜSlackνϟϯωϧʹ௨஌͞ΕΔʢGASʣ

Slide 24

Slide 24 text

ͲͪΒͰ࣮૷ʁ • ͳΔ΂͘NuxtଆͷεέδϡʔϧʹΧΠθϯΛ߹ΘͤΔ • ʢ޾͔ෆ޾͔ʣNuxtԽ͕͍ͩͿઌͰ΋ɺ  վળ͕͍͕͋͠Δͱ͜Ζ͕ͨ͘͞Μ͋Δ • ೋॏ࣮૷ΛબΜͰͰ΋͍·΍Δ΂͖΋ͷʢޙड़ʣ

Slide 25

Slide 25 text

࠷ۙͷྫ

Slide 26

Slide 26 text

https://note.mu/badges

Slide 27

Slide 27 text

όοδػೳ • 2019/07ϦϦʔε • େ͖ͳNuxtԽ͸ऴΘΓͭͭ͋ΔλΠϛϯά • AngularJSͰ࣮૷ • ͜ͷ਌ͱͳΔϖʔδʢμογϡϘʔυʣ͸·ͩAngularJS

Slide 28

Slide 28 text

όοδػೳ • ϑϩϯτ͸όοδͷछྨͱະ/طऔಘͷσʔλΛग़ͤ͹Α͍ ͚ͩͰɺ؆ૉ • αʔόʔαΠυͷઃܭʹ࣌ؒΛ࢖͍͍ͨͷͰ  ΑΓϑϩϯτͷ࣮૷͕গͳ͍AngularJSͰͷ࣮૷Λબ୒ • NuxԽͷεέδϡʔϧ͸·ͩઌʹͳΔ

Slide 29

Slide 29 text

ͲͷλΠϛϯάͰग़͢ͷ͕ޮՌత͔ ౎౓ߟ࣮͑ͯ૷ํ਑ΛܾΊΔ

Slide 30

Slide 30 text

• ࣌ؒΛ͔͚ͯෛ࠴ʹͳΒͳ͍Α͏ʹͯ͠΋ɺ  ͦͷػೳ͕ड͚ೖΕΒΕΔ͔͸ผ • τϥΠˍΤϥʔΛ͘Γ͔͑͢ • ҰؾʹNuxtԽ͠ͳ͔ͬͨͷ΋ಉ͡ཧ༝ • ܦӦਞͱ΋࿩͠߹͍ɺ༏ઌॱҐΛ͔ͬ͠ΓܾΊΔ ·ͱΊ

Slide 31

Slide 31 text

About Me • Shinobu Okano • piece of cake, inc. 2018 / 07 Join • Mobile Engineer / Project Manager • @operandoOS • note : operando_os

Slide 32

Slide 32 text

࠷ۙͷnoteͷมԽ • ར༻ऀͷ૿Ճ • ։ൃϝϯόʔͷ૿Ճ • 2018/7͔Β 9 → 17ਓ • ػೳͷ૿Ճ

Slide 33

Slide 33 text

ෛ࠴΋૿Ճͯ͠Δʁ

Slide 34

Slide 34 text

ͦ΋ͦ΋ෛ࠴ͬͯͳʹʁ

Slide 35

Slide 35 text

ͦ΋ͦ΋ෛ࠴ͬͯͳʹʁ • ʮٕज़తෛ࠴ʯΛ໰͍ͳ͓͢ • https://speakerdeck.com/ kentaro/rethinking-technical- debt

Slide 36

Slide 36 text

ͦ΋ͦ΋ෛ࠴ͬͯͳʹʁ • ̎ͭͷDXͱٕज़తෛ࠴-YAPC Tokyo 2019 • https://speakerdeck.com/hirokidaichi/2tufalsedxtoji-shu-de-fu-zhai-yapc-tokyo-2019

Slide 37

Slide 37 text

ͭ·Γෛ࠴ͬͯݟ͑ͯ͠·͑͹ • ඇػೳཁ݅ͱͯ͠ݴޠԽ͠ɺ؅ཧͰ͖Δ • ՄࢹԽ͢Ε͹ٞ࿦Ͱ͖Δ • Өڹ౓ͱ༏ઌॱҐΛܾΊΒΕΔ

Slide 38

Slide 38 text

ͦ΋ͦ΋ෛ࠴ͬͯͳʹʁ • ΤϯδχΞϦϯά૊৫࿦΁ͷট଴  ʙෆ࣮֬ੑʹ޲͖߹͏ࢥߟͱ૊৫ͷϦϑΝΫλϦϯά • 5-3ɹٕज़తෛ࠴ͷਖ਼ମ • https://www.amazon.co.jp/dp/B079TLW41L/

Slide 39

Slide 39 text

ʮٕज़తෛ࠴ʯͱ͍͏ݴ༿Λ  ղ͖΄͙ͤ͹՝୊͕ݟ͑ͯ͘Δ

Slide 40

Slide 40 text

ܧଓతαʔϏεΧΠθϯͱ͸ʁ • ܾͯ͠ࢭ·ΒͣɺΑΓΑ͍ػೳΛૉૣ͘ఏڙ͢Δ • αʔϏεʢ։ൃʣͷ࣋ଓՄೳੑΛकΔ

Slide 41

Slide 41 text

ܧଓతαʔϏεΧΠθϯͷͨΊʹ • ։ൃ଎౓Λམͱ͢ো֐ΛऔΓআ͘ • ՝୊ͷࣗಈݕग़ • ૊৫ͷมԽΛײ͡औΔ

Slide 42

Slide 42 text

։ൃ଎౓Λམͱ͢ো֐ΛऔΓআ͘

Slide 43

Slide 43 text

σουίʔυͦͷ··  ࢒ͯ͠·ͤΜ͔ʁ

Slide 44

Slide 44 text

noteͷσουίʔυ • ࢖ΘΕͳ͘ͳͬͨAPI͕ͦͷ·· • Ͳ͔͜Β΋ࢀর͞Ε͍ͯͳ͍ϖʔδ • ໾ׂΛऴ͑ͨFeature FlagʹΑ࣮ͬͯߦ͞Εͳ͍ίʔυ • ΄΅࢖ΘΕͯͳ͍ػೳ΍ϖʔδ

Slide 45

Slide 45 text

ফ͠·͠ΐ͏

Slide 46

Slide 46 text

noteͷσουίʔυ࡟আର৅ • API୯Ґ • ػೳ୯Ґ • ϖʔδ୯Ґ

Slide 47

Slide 47 text

ࣅͨ࡟আͷࣄྫ • 3ϲ݄Ͱ20ສߦΛফͨ͢Ίʹ ΍ͬͨ͜ͱ • https://speakerdeck.com/ naopr/3keyue-de20mo- xing-woxiao- sutameniyatutakoto

Slide 48

Slide 48 text

࡟আͷࣅͨࣄྫ • औΓ૊ΊΔͷ͸͍͢͝ʂ • αʔϏεن໛΍։ൃن໛͕͍͢͝ͷͰେֻ͔ΓͳͷΘ͔Δ • ͚Ͳ...

Slide 49

Slide 49 text

ίʔυ࡟আ͕1ϓϩδΣΫτن໛ʹ  ͳͬͯ͠·͍͍ͬͯͷ͔ʁ

Slide 50

Slide 50 text

ඞવతͰ͸ͳ͘  ۮવͦ͏ͳͬͯ͠·ͬͨ  ύλʔϯ͸େม ʢฐࣾͷNuxtҠߦ΋ͦ͏ʣ

Slide 51

Slide 51 text

τϨʔυΦϑʁ • ԿΛ༏ઌͯ͠ɺԿΛ٘ਜ਼ʹ͢Δ͔ͷ • όϥϯεͷௐ੔͸େࣄ • όϥϯεͷݟ௚͠΋େࣄ

Slide 52

Slide 52 text

՝୊͕େ͖͘ͳΔલʹখ͘͞औΓ૊Ή • େ͖͘ͳͬͨޙͰऔΓ૊Ήͷ͸ؾ߹͍͕ඞཁ • ͍ͭ΍Δ͔Ͱؾ߹͍ͷ౓߹͍͕ҧͬͯ͘Δ • ؾ߹͍͕ग़ͳ͍৔߹΋͋Δ... • ์ஔ͢Δͱ՝୊͕ӅΕɺޙʑʹͳͬͯେ͖ͳ՝୊ʹ  ͳͬͯऻͬͯ͘Δ

Slide 53

Slide 53 text

σουίʔυͷ໰୊ • ෆ۩߹ͷݪҼʹͳΔՄೳੑ • ϝϯς͞Εͳ͍ͷͰɺ੬ऑੑͷݪҼʹͳΔՄೳੑ • ࣮૷ཧղͷअຐΛ͢Δ

Slide 54

Slide 54 text

σουίʔυͷҹ৅ • ͳΜ͔৮ͬͨΒ֬ೝ໘౗ͦ͏ͩͳʔ • ফ͍͍ͯ͠ͷ͔ͳʁͩΊͳͷ͔ͳʁ • ґଘͯ͠Δίʔυͳ͍͔ͳʁ • ·͋ͦͷ··Ͱ͍͍΍

Slide 55

Slide 55 text

ͦͯ͠ɺ਺೥ޙ... • ๲େͳσουίʔυ • ୭΋৮Εͳ͘ͳΔ... • ؾ߹͍ΛೖΕͯϓϩδΣΫτԽ΁

Slide 56

Slide 56 text

σουίʔυͷ࡟আ • ͍ͭɾͲ͏͍͏໨తͰ࣮૷͞Εͨͷ͔Λ  ͔ͬ͠Γཧղ͢Δ • ίϛϡχέʔγϣϯ͕େࣄ • ࢒͢ͷ͔ɺফ͢ͷ͔ͱʹ͔͘ฉ͘ • ԕྀͤͣফ͢ɻ͕ͩܟҙΛ࣋ͬͯऔΓ૊Ή

Slide 57

Slide 57 text

ԕྀͤͣফ͢ɻ͕ͩܟҙΛ࣋ͬͯऔΓ૊Ή • ٕज़తෛ࠴͸ऴΘΒͳ͍ • https://speakerdeck.com/ tomox1001/technical- dept-never-end?slide=38

Slide 58

Slide 58 text

σουίʔυ͸औΓআ͔ͳ͚Ε͹ͳΒͳ͍ https://www.infoq.com/jp/news/ 2017/03/dead-code/

Slide 59

Slide 59 text

noteͷσουίʔυ࡟আ݁Ռ • 2ϲ݄͘Β͍Ͱ • ࡟আͨ͠ϑΝΠϧ਺ 845 • ࡟আͨ͠ߦ਺ 160,993 • 1೔ 1Pull RquesetͰ࡟আ

Slide 60

Slide 60 text

՝୊ͷࣗಈݕग़

Slide 61

Slide 61 text

εϩʔΫΤϦʔͷࣗಈݕग़

Slide 62

Slide 62 text

εϩʔΫΤϦʔͷࣗಈݕग़ • αʔϏε੒௕ͱڞʹෛՙ΋૿͑Δ • ਓͷײ֮ͰʮͳΜ͔஗͘ͶʁʯͰ͸ͳ͘  ܭଌͨ͠ࣄ࣮ΛՄࢹԽ͢Δ • Կ͕·͔͔ͣͬͨҙࣝ෇͚͞ΕΔ

Slide 63

Slide 63 text

՝୊ͷࣗಈݕग़ • ՝୊ʹͳΓͦ͏ͳ෦෼Λࣄલʹೝࣝ͠ɺ ঢ়گΛࣗಈͰݕग़ɾݕ஌Ͱ͖Δ࢓૊ΈΛ ࡞͓ͬͯ͘

Slide 64

Slide 64 text

૊৫ͷมԽΛײ͡औΔ

Slide 65

Slide 65 text

͜Ε͔ΒԿ͕มΘΔ͔ʁΛݟӽ͢ • มΘͬͨ࣌ʹى͖͏Δ͜ͱΛ૝૾͢Δ • ͪΐͬͱͨ͠ҧ࿨ײΛେࣄʹ͢Δ • ҧ࿨ײΛൃలͤͯ͞ɺॏཁੑΛՄࢹԽ͍ͯ͘͠

Slide 66

Slide 66 text

มԽͷதͰײ͡Δҧ࿨ײ • ݸਓͷ໰୊Ͱ͸ͳ͘ɺνʔϜ΍૊৫ͷ՝୊ͱೝࣝ͢Δ • ҧ࿨ײΛͦͷ··ʹ͢Δͱෛ࠴͕ੜ·Ε΍͍͢؀ڥΛ ࡞ͬͯ͠·͏͔΋͠Εͳ͍

Slide 67

Slide 67 text

͋Γ͕ͱ͏͍͟͝·ͨ͠