$30 off During Our Annual Pro Sale. View Details »

エンジニアキャリアにおける焦燥感との向き合い方 #BCU30_1 / #BCU30 Engineer Career

エンジニアキャリアにおける焦燥感との向き合い方 #BCU30_1 / #BCU30 Engineer Career

2019/07/06 の Battle Conference Under 30 2019 で話した登壇スライドです。

More Decks by Potato4d(Hanatani Takuma)

Other Decks in Technology

Transcript

  1. ΤϯδχΞΩϟϦΞʹ͓͚Δ
    য૩ײͱͷ޲͖߹͍ํ
    2019.07.06 #bcu30 Takuma HANATANI (@potato4d)

    View Slide

  2. HANATANI Takuma
    (@potato4d)
    • Ֆ୩୓ຏ / @potato4d
    • 21 ࡀͳͷͰ 20 ୅૊Ͱଟ෼Ұ൪ए͍ͱࢥ͍·͢
    • Web Application Developer
    • Work at...
    • LINE Corp: UIT dept. Frontend Engineer / Developer Relations
    • ElevenBack: President, Technical Advisor, Web Engineer
    • Battle Episode: Ոʹ෢ث͕ 5 ͭ͋Δ(݋, ݋, 佁, ୹݋, ૦)
    • Contributions: Vue.js & React.js Japanese document maintainer

    View Slide

  3. Agenda
    1. ͜Ε·ͰͷΩϟϦΞʹ͓͚ΔΩʔϫʔυʮয૩ײʯ
    2. যΓ΍ةػײʹΑΔ։ൃऀͷΩϟϦΞͱͯ͠ͷඈͼڃ
    3. ΤϯδχΞΩϟϦΞͱ͍͏αϯΫίετʹΑͬͯڱ·Δະདྷ
    4. ਖ਼͍͠য૩ײͱͷ޲͖߹͍͔ͨͱ͸
    5. ࢲͷ͜Ε͔Βͷ࿩

    View Slide

  4. Agenda
    1. ͜Ε·ͰͷΩϟϦΞʹ͓͚ΔΩʔϫʔυʮয૩ײʯ
    2. যΓ΍ةػײʹΑΔ։ൃऀͷΩϟϦΞͱͯ͠ͷඈͼڃ
    3. ΤϯδχΞΩϟϦΞͱ͍͏αϯΫίετʹΑͬͯڱ·Δະདྷ
    4. ਖ਼͍͠য૩ײͱͷ޲͖߹͍͔ͨͱ͸
    5. ࢲͷ͜Ε͔Βͷ࿩

    View Slide

  5. ͜Ε·ͰͷΩϟϦΞʹ͓͚ΔΩʔϫʔυʮয૩ײʯ
    • ΤϯδχΞΩϟϦΞΛߟ͑ΔࡍॏཁʹͳΔʮয૩ײʯ
    • যΓ΍ෆ҆
    • ʮࠓͷٕज़ͷຏ͖ํͰྑ͍ΜͩΖ͏͔ʯ
    • ੜ͖͍͚ͯΔͩΖ͏͔
    • ͱ͖ʹ͸ϓϥεʹɺͱ͖ʹ͸ϚΠφεʹ
    • ͜Εͷ͓͔͛ͰΤϯδχΞͱͯ͠ɺਓؒͱͯ͠Ұؾʹ੒௕͢Δ͜ͱ͕
    Ͱ͖ͨ࣌୅΋͋ͬͨ
    • ҰํͰɺ͜Ε͔ΒΛߟ͑Δʹ͋ͨͬͯ͜Ε͕अຐͳ͜ͱ΋͋ͬͨ

    View Slide

  6. ࠓճ঺հ͢Δʮয૩ײʯͷऔѻέʔε

    View Slide

  7. ࠓճ঺հ͢Δʮয૩ײʯͷऔѻέʔε
    1. લฤ: ϓϥεʹͳͬͨΩϟϦΞ
    • ߴߍ࣌୅͓ΑͼϑϦʔϥϯε࣌୅ (~20ࡀ)

    View Slide

  8. ࠓճ঺հ͢Δʮয૩ײʯͷऔѻέʔε
    1. લฤ: ϓϥεʹͳͬͨΩϟϦΞ
    • ߴߍ࣌୅͓ΑͼϑϦʔϥϯε࣌୅ (~20ࡀ)
    2. ޙฤ: ᐫͱͳͬͨΩϟϦΞ
    • LINEגࣜձࣾೖࣾޙ (21ࡀݱࡏ)

    View Slide

  9. Agenda
    1. ͜Ε·ͰͷΩϟϦΞʹ͓͚ΔΩʔϫʔυʮয૩ײʯ
    2. যΓ΍ةػײʹΑΔ։ൃऀͷΩϟϦΞͱͯ͠ͷඈͼڃ
    3. ΤϯδχΞΩϟϦΞͱ͍͏αϯΫίετʹΑͬͯڱ·Δະདྷ
    4. ਖ਼͍͠য૩ײͱͷ޲͖߹͍͔ͨͱ͸
    5. ࢲͷ͜Ε͔Βͷ࿩

    View Slide

  10. যΓ΍ةػײʹΑΔ։ൃऀͷΩϟϦΞͱͯ͠ͷඈͼڃ
    • બ୒ͱूத
    • தֶ࣌୅͔ΒֶߍΛٳΜͰϓϩάϥϛϯά͕ͪͩͬͨ͠
    • ߴߍ΋ϓϩάϥϛϯάʹूத͢ΔͨΊʹ௨৴੍ߴߍʹਐΈɺΤ
    ϯδχΞΩϟϦΞ͕ੵΊͳ͍ͱͲΜ٧·Γʹ
    • ৗʹٕज़ऀͱͯ͠ͷεΩϧͱɺੜ͖࢒ΔͨΊͷΤϯδχΞί
    ϛϡχςΟͱͯ͠ͷͭͳ͕Γ΍ίϛϡχέʔγϣϯΛॏࢹ
    ߴߍ࣌୅

    View Slide

  11. যΓ΍ةػײʹΑΔ։ൃऀͷΩϟϦΞͱͯ͠ͷඈͼڃ
    • ࣮ࡍʹىͨ͜͠ΞΫγϣϯ
    • ελʔτΞοϓͰϑϩϯτɺαʔόʔɺiOSͱ޿͘։ൃʹܞΘΔ
    • ͱ͖ʹ͸σβΠφʔ΍ϓϩδΣΫτϚωʔδϟʔͳͲ΋ܦݧɻσεϚʔ
    νʹΑͬͯҰؾʹܦݧ஋ΛߴΊɺίϛϡχέʔγϣϯͷେ੾͞Λ஌Δ
    • ஍ํίϛϡχςΟͰΧϯϑΝϨϯεͷ࣮ߦҕһ௕ʹ
    • FRONTEND CONFERENCE 2017 Ͱଟ͘ͷਓʹॿ͚ͯ΋Β͍࣮ߦҕһ௕
    • डୗ։ൃͰͱΓͬͺ͙ΕͨΓͰࣾձܦݧ΋
    ߴߍ࣌୅

    View Slide

  12. যΓ΍ةػײʹΑΔ։ൃऀͷΩϟϦΞͱͯ͠ͷඈͼڃ
    ߴߍ࣌୅
    • ࣾձਓʹͳΔ࣌఺ͰಘΒΕͨܦݧ
    • Web ΤϯδχΞͱͯ͠ͷಛఆͷٕज़ʹґଘ͠ͳ͍஌ࣝͱܦݧ
    • ϑϩϯτΤϯυ(Vue / React), όοΫΤϯυ(PHP, Rails), AWS ͳͲ
    • ίϛϡχςΟͰͷΠϕϯτӡӦͷܦݧ
    • ΧϯϑΝϨϯεओ࠵ɺఆظΠϕϯτ։࠵
    • ৗʹଟ͘ͷࢹ఺ΛݟΒΕΔΑ͏ʹෳۀମ੍
    • ৽ଔೖࣾ͢Δͱݻ·Γ͕ͪͳՁ஋؍ΛϑΣΞʹอͯΔ

    View Slide

  13. যΓ΍ةػײʹΑΔ։ൃऀͷΩϟϦΞͱͯ͠ͷඈͼڃ
    ߴߍଔۀޙɺ৽ଔΛগ͠ܦͯϑϦʔϥϯεʹͳͬͨͱ͖
    • ʮҊ݅ʯ΍ʮܖ໿ߋ৽݄ʯʹറΒΕΔϑϦʔϥϯε
    • IT ଜࣾձͰ͸ཁٻҎ্ͷΞ΢τϓοτΛଓ͚Δඞཁ͕͋Δ
    • ੒ՌͱҊ݅ྔ͕ൺྫ͢Δ؀ڥͰͷີ౓ͷೱ͍࣌ؒͷܦݧ
    • ฒߦͰࢢ৔Ձ஋ΛߴΊಠࣗੑΛ࣋ͭඞཁ΋͋Δ
    • ߴߍ࣌୅ʹෛ͚ͣྼΒͣొஃ͢Δ
    • ٕज़৘ใΛ͏·͘όζΓ΍͍͢Α͏ʹॻ͘ͳͲ
    ϑϦʔϥϯε࣌୅

    View Slide

  14. যΓ΍ةػײʹΑΔ։ൃऀͷΩϟϦΞͱͯ͠ͷඈͼڃ
    ϑϦʔϥϯεதʹಘΒΕͨ΋ͷ
    • ଟ໘తͳ࢓ࣄͷ΍Γ͔ͨ
    • ੥ෛ΋͋Ε͹νʔϜ։ൃ΋ɺࣗ෼͕ൃ஫ओʹͳΔ͜ͱ΋
    • ք۾Ͱͷ҆ఆతͳೝ஌ͷ֫ಘ
    • Vue.js / React.js ೔ຊޠυΩϡϝϯτϝϯςφ(աڈʹ͸ Nuxt.js΋)
    • Qiita Vue.js / Nuxt.js λάͰ 1 ҐͳͷͰٕज़૬ஊ͕͖΍͍͢
    • Nuxt.js ͷࠃ಺ୈҰਓऀͱͯ͠ͷॻ੶ग़൛
    ϑϦʔϥϯε࣌୅

    View Slide

  15. যΓ΍ةػײʹΑΔ։ൃऀͷΩϟϦΞͱͯ͠ͷඈͼڃ
    ૯߹ͨ͠ܦݧ
    1. ߴߍ࣌୅
    • ΦʔόʔϫʔΫʹΑΔ୹ظूதతͳٕज़εΩϧΞοϓ
    • ΧϯϑΝϨϯεӡӦ΍ϕϯνϟʔͰͷϓϩμΫτͮ͘ΓͳͲͷܦݧ
    2. ϑϦʔϥϯε࣌୅
    • ϑϦʔϥϯεͱͯ͠ͷϓϨογϟʔʹΑΔۀ຿ਫ४ͷٸܹͳਐԽ
    • ৘ใൃ৴΍ք۾ߩݙʹΑΔࢢ৔Ձ஋ͷ޲্

    View Slide

  16. Agenda
    1. ͜Ε·ͰͷΩϟϦΞʹ͓͚ΔΩʔϫʔυʮয૩ײʯ
    2. যΓ΍ةػײʹΑΔ։ൃऀͷΩϟϦΞͱͯ͠ͷඈͼڃ
    3. ΤϯδχΞΩϟϦΞͱ͍͏αϯΫίετʹΑͬͯڱ·Δະདྷ
    4. ਖ਼͍͠য૩ײͱͷ޲͖߹͍͔ͨͱ͸
    5. ࢲͷ͜Ε͔Βͷ࿩

    View Slide

  17. ΤϯδχΞΩϟϦΞͱ͍͏
    αϯΫίετʹΑͬͯڱ·Δະདྷ
    • ࣗ෼͸ΤϯδχΞ͔Βൈ͚ग़ͯ͠ EM తΩϟϦΞΛங͍͍͖͍ͯͨ
    • ٕज़૊৫Λ΋ͪϓϩμΫτ؍఺Ͱվળ΍੒௕ʹίϛοτ͍ͨ͠
    • EM ͳΒࣗ෼͕ઓ͏͜ͱΛϕʔεͱͨ͠য૩ײ͸͔͑ͬͯϊΠζʹͳΔ
    • ৗʹ༨༟ͷͳͦ͞͏ͳϦʔμʔʹԿ͔Λ೚ͤ΍͍͢Ͱ͔͢ʁ
    • ଟ๩ͳ࣌ʹϝϯόʔͷΤεΧϨʔγϣϯΛड͚ࢭΊΒΕ·͔͢ʁ
    • ΤϯδχΞͱͯ͠ͷΩϟϦΞҡ࣋ΛٻΊͯຊདྷඞཁͳεΩϧ͕ૄ͔ʹ
    ͳΓ·ͤΜ͔ʁ

    View Slide

  18. ΤϯδχΞΩϟϦΞͱ͍͏
    αϯΫίετʹΑͬͯڱ·Δະདྷ
    • potato4d ͷ৔߹……
    • কདྷతͳ૊৫ߏஙͷͨΊͷϑϦʔϥϯε͔Βͷస৬Λܾҙ
    • ϑϦʔϥϯεͰ͸υϥΠͳؔ܎͕૿͑ΔͷͰΑΓਓʹ͍ۙੈքͰ
    • ΤϯδχΞͱͯ͠ͷয૩ײ͸ᐫʹͳΔͷͰ͸
    • ΤϯδχΞΛҙࣝ͗͢͠ΔͱΤϯδχΞͱͯ͠ͷ੒௕͔͠๬Ίͳ͍
    • ϐʔϓϧϚωδϝϯτ΍ΞϥΠΞϯεΛߟ͑ΔͱΤϯδχΞؾ࣭͸
    ϓϥεͱ͸ݴ͑ͳ͍
    • → ෳۀମ੍Ͱٕज़Λҡ࣋ͭͭ͠ผΛ৳͹͢ઓུʹ

    View Slide

  19. Agenda
    1. ͜Ε·ͰͷΩϟϦΞʹ͓͚ΔΩʔϫʔυʮয૩ײʯ
    2. যΓ΍ةػײʹΑΔ։ൃऀͷΩϟϦΞͱͯ͠ͷඈͼڃ
    3. ΤϯδχΞΩϟϦΞͱ͍͏αϯΫίετʹΑͬͯڱ·Δະདྷ
    4. ਖ਼͍͠য૩ײͱͷ޲͖߹͍͔ͨͱ͸
    5. ࢲͷ͜Ε͔Βͷ࿩

    View Slide

  20. ਖ਼͍͠য૩ײͱͷ޲͖߹͍͔ͨͱ͸
    1. ΩϟϦΞΞοϓΛ໨ࢦ͢৔߹
    • য૩ײΛड͚ೖΕͯ೾ʹͷΔ͜ͱͰݪಈྗͱ͢Δ
    2. ΩϟϦΞνΣϯδΛ໨ࢦ͢৔߹
    • য૩ײʹ߅͏͜ͱͰϑΣΞͳࢹ఺ΛऔΓ໭͢

    View Slide

  21. ΩϟϦΞΞοϓΛ໨ࢦ͢৔߹
    য૩ײΛ෢ثʹ͢ΔͱϓϥεʹͳΔ
    • ໨લͷ՝୊ʹ௥ΘΕΔঢ়گ͸ࢥߟͷϊΠζΛআڈ͢Δʹ͸࠷ద
    • ͕Ή͠ΌΒʹͳΕΔ౔৕
    • ΤϯδχΞͱͯ͠ߋʹಥ͖ਐΈ͍ͨ৔߹͸બ୒ͱूதʹ࠷ద
    • ͜ͷ࣌ظ͸য૩ײʹ਎ΛҕͶΔ͜ͱ͕ྑ͍

    View Slide

  22. ΩϟϦΞνΣϯδΛ໨ࢦ͢৔߹
    য૩ײΛࠀ෰͢Δ͜ͱ͕ϓϥεʹͳΔ
    • ίʔυΛॻཱ͘৔͔ΒϓϩδΣΫτΛݟΔཱ৔ʹͳΔͱϓϨΠϠʔ
    ͱͯ͠ͷ׆ಈྔ͸Լ͕Δ
    • ͨͩͦΕ͸ୀԽͰ͸ͳ͘ɺΑΓ޿͍ࢹ໺Λ࣋ͭ͜ͱͰ৽ͨͳεςο
    ϓ΁ͱ੒௕͍ͯͨ͘͠ΊͷҰาͱͳΔ
    • ͦΕͰ΋৺ʹҾ͔͔ͬΔ৔߹͸৺ཧతͳ҆શੑΛ୲อͰ͖Δ࢓૊Έ
    Λ༻ҙ͢Δ
    • ࢲͷ৔߹͸ݸਓࣄۀͰͷ։ൃ΍ٕज़ސ໰Ͱ୲อͰ͖͍ͯΔ

    View Slide

  23. Agenda
    1. ͜Ε·ͰͷΩϟϦΞʹ͓͚ΔΩʔϫʔυʮয૩ײʯ
    2. যΓ΍ةػײʹΑΔ։ൃऀͷΩϟϦΞͱͯ͠ͷඈͼڃ
    3. ΤϯδχΞΩϟϦΞͱ͍͏αϯΫίετʹΑͬͯڱ·Δະདྷ
    4. ਖ਼͍͠য૩ײͱͷ޲͖߹͍͔ͨͱ͸
    5. ࢲͷ͜Ε͔Βͷ࿩

    View Slide

  24. ࢲͷ͜Ε͔Βͷ࿩
    • ͍ۙকདྷʹ༑ਓ͕ىۀ͢ΔՄೳੑ͕ߴ͍
    • ͦͷધʹ৐ΕΔΑ͏ʹͳΔ͜ͱ͕͜͜਺೥ͷ໨ඪ
    • ͦͷͱ͖ʹɺ CTO ΍ Tech Lead ͱͯ͠૊৫࡞Γʹ௅ઓ͍ͨ͠
    • ͦͷͨΊɺࠓ͸ײ৘Λ཈͑։ൃ૊৫ͱ DevRel ݉຿ମ੍ʹ
    • ΤϯδχΞଆͰϦʔυΩϟϦΞΛɺDevRelͷۀ຿Λ
    • ࠓ͸য૩ײΛࠀ෰͢ΔϑΣʔζ

    View Slide

  25. ࠓɺͲͪΒʹ͍·͔͢ʁ

    View Slide