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

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

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

Transcript

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

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

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

    ࢲͷ͜Ε͔Βͷ࿩
  5. ͜Ε·ͰͷΩϟϦΞʹ͓͚ΔΩʔϫʔυʮয૩ײʯ • ΤϯδχΞΩϟϦΞΛߟ͑ΔࡍॏཁʹͳΔʮয૩ײʯ • যΓ΍ෆ҆ • ʮࠓͷٕज़ͷຏ͖ํͰྑ͍ΜͩΖ͏͔ʯ • ੜ͖͍͚ͯΔͩΖ͏͔ •

    ͱ͖ʹ͸ϓϥεʹɺͱ͖ʹ͸ϚΠφεʹ • ͜Εͷ͓͔͛ͰΤϯδχΞͱͯ͠ɺਓؒͱͯ͠Ұؾʹ੒௕͢Δ͜ͱ͕ Ͱ͖ͨ࣌୅΋͋ͬͨ • ҰํͰɺ͜Ε͔ΒΛߟ͑Δʹ͋ͨͬͯ͜Ε͕अຐͳ͜ͱ΋͋ͬͨ
  6. ࠓճ঺հ͢Δʮয૩ײʯͷऔѻέʔε

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

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

    • LINEגࣜձࣾೖࣾޙ (21ࡀݱࡏ)
  9. Agenda 1. ͜Ε·ͰͷΩϟϦΞʹ͓͚ΔΩʔϫʔυʮয૩ײʯ 2. যΓ΍ةػײʹΑΔ։ൃऀͷΩϟϦΞͱͯ͠ͷඈͼڃ 3. ΤϯδχΞΩϟϦΞͱ͍͏αϯΫίετʹΑͬͯڱ·Δະདྷ 4. ਖ਼͍͠য૩ײͱͷ޲͖߹͍͔ͨͱ͸ 5.

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

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

    • FRONTEND CONFERENCE 2017 Ͱଟ͘ͷਓʹॿ͚ͯ΋Β͍࣮ߦҕһ௕ • डୗ։ൃͰͱΓͬͺ͙ΕͨΓͰࣾձܦݧ΋ ߴߍ࣌୅
  12. যΓ΍ةػײʹΑΔ։ൃऀͷΩϟϦΞͱͯ͠ͷඈͼڃ ߴߍ࣌୅ • ࣾձਓʹͳΔ࣌఺ͰಘΒΕͨܦݧ • Web ΤϯδχΞͱͯ͠ͷಛఆͷٕज़ʹґଘ͠ͳ͍஌ࣝͱܦݧ • ϑϩϯτΤϯυ(Vue /

    React), όοΫΤϯυ(PHP, Rails), AWS ͳͲ • ίϛϡχςΟͰͷΠϕϯτӡӦͷܦݧ • ΧϯϑΝϨϯεओ࠵ɺఆظΠϕϯτ։࠵ • ৗʹଟ͘ͷࢹ఺ΛݟΒΕΔΑ͏ʹෳۀମ੍ • ৽ଔೖࣾ͢Δͱݻ·Γ͕ͪͳՁ஋؍ΛϑΣΞʹอͯΔ
  13. যΓ΍ةػײʹΑΔ։ൃऀͷΩϟϦΞͱͯ͠ͷඈͼڃ ߴߍଔۀޙɺ৽ଔΛগ͠ܦͯϑϦʔϥϯεʹͳͬͨͱ͖ • ʮҊ݅ʯ΍ʮܖ໿ߋ৽݄ʯʹറΒΕΔϑϦʔϥϯε • IT ଜࣾձͰ͸ཁٻҎ্ͷΞ΢τϓοτΛଓ͚Δඞཁ͕͋Δ • ੒ՌͱҊ݅ྔ͕ൺྫ͢Δ؀ڥͰͷີ౓ͷೱ͍࣌ؒͷܦݧ •

    ฒߦͰࢢ৔Ձ஋ΛߴΊಠࣗੑΛ࣋ͭඞཁ΋͋Δ • ߴߍ࣌୅ʹෛ͚ͣྼΒͣొஃ͢Δ • ٕज़৘ใΛ͏·͘όζΓ΍͍͢Α͏ʹॻ͘ͳͲ ϑϦʔϥϯε࣌୅
  14. যΓ΍ةػײʹΑΔ։ൃऀͷΩϟϦΞͱͯ͠ͷඈͼڃ ϑϦʔϥϯεதʹಘΒΕͨ΋ͷ • ଟ໘తͳ࢓ࣄͷ΍Γ͔ͨ • ੥ෛ΋͋Ε͹νʔϜ։ൃ΋ɺࣗ෼͕ൃ஫ओʹͳΔ͜ͱ΋ • ք۾Ͱͷ҆ఆతͳೝ஌ͷ֫ಘ • Vue.js

    / React.js ೔ຊޠυΩϡϝϯτϝϯςφ(աڈʹ͸ Nuxt.js΋) • Qiita Vue.js / Nuxt.js λάͰ 1 ҐͳͷͰٕज़૬ஊ͕͖΍͍͢ • Nuxt.js ͷࠃ಺ୈҰਓऀͱͯ͠ͷॻ੶ग़൛ ϑϦʔϥϯε࣌୅
  15. যΓ΍ةػײʹΑΔ։ൃऀͷΩϟϦΞͱͯ͠ͷඈͼڃ ૯߹ͨ͠ܦݧ 1. ߴߍ࣌୅ • ΦʔόʔϫʔΫʹΑΔ୹ظूதతͳٕज़εΩϧΞοϓ • ΧϯϑΝϨϯεӡӦ΍ϕϯνϟʔͰͷϓϩμΫτͮ͘ΓͳͲͷܦݧ 2. ϑϦʔϥϯε࣌୅

    • ϑϦʔϥϯεͱͯ͠ͷϓϨογϟʔʹΑΔۀ຿ਫ४ͷٸܹͳਐԽ • ৘ใൃ৴΍ք۾ߩݙʹΑΔࢢ৔Ձ஋ͷ޲্
  16. Agenda 1. ͜Ε·ͰͷΩϟϦΞʹ͓͚ΔΩʔϫʔυʮয૩ײʯ 2. যΓ΍ةػײʹΑΔ։ൃऀͷΩϟϦΞͱͯ͠ͷඈͼڃ 3. ΤϯδχΞΩϟϦΞͱ͍͏αϯΫίετʹΑͬͯڱ·Δະདྷ 4. ਖ਼͍͠য૩ײͱͷ޲͖߹͍͔ͨͱ͸ 5.

    ࢲͷ͜Ε͔Βͷ࿩
  17. ΤϯδχΞΩϟϦΞͱ͍͏ αϯΫίετʹΑͬͯڱ·Δະདྷ • ࣗ෼͸ΤϯδχΞ͔Βൈ͚ग़ͯ͠ EM తΩϟϦΞΛங͍͍͖͍ͯͨ • ٕज़૊৫Λ΋ͪϓϩμΫτ؍఺Ͱվળ΍੒௕ʹίϛοτ͍ͨ͠ • EM

    ͳΒࣗ෼͕ઓ͏͜ͱΛϕʔεͱͨ͠য૩ײ͸͔͑ͬͯϊΠζʹͳΔ • ৗʹ༨༟ͷͳͦ͞͏ͳϦʔμʔʹԿ͔Λ೚ͤ΍͍͢Ͱ͔͢ʁ • ଟ๩ͳ࣌ʹϝϯόʔͷΤεΧϨʔγϣϯΛड͚ࢭΊΒΕ·͔͢ʁ • ΤϯδχΞͱͯ͠ͷΩϟϦΞҡ࣋ΛٻΊͯຊདྷඞཁͳεΩϧ͕ૄ͔ʹ ͳΓ·ͤΜ͔ʁ
  18. ΤϯδχΞΩϟϦΞͱ͍͏ αϯΫίετʹΑͬͯڱ·Δະདྷ • potato4d ͷ৔߹…… • কདྷతͳ૊৫ߏஙͷͨΊͷϑϦʔϥϯε͔Βͷస৬Λܾҙ • ϑϦʔϥϯεͰ͸υϥΠͳؔ܎͕૿͑ΔͷͰΑΓਓʹ͍ۙੈքͰ •

    ΤϯδχΞͱͯ͠ͷয૩ײ͸ᐫʹͳΔͷͰ͸ • ΤϯδχΞΛҙࣝ͗͢͠ΔͱΤϯδχΞͱͯ͠ͷ੒௕͔͠๬Ίͳ͍ • ϐʔϓϧϚωδϝϯτ΍ΞϥΠΞϯεΛߟ͑ΔͱΤϯδχΞؾ࣭͸ ϓϥεͱ͸ݴ͑ͳ͍ • → ෳۀମ੍Ͱٕज़Λҡ࣋ͭͭ͠ผΛ৳͹͢ઓུʹ
  19. Agenda 1. ͜Ε·ͰͷΩϟϦΞʹ͓͚ΔΩʔϫʔυʮয૩ײʯ 2. যΓ΍ةػײʹΑΔ։ൃऀͷΩϟϦΞͱͯ͠ͷඈͼڃ 3. ΤϯδχΞΩϟϦΞͱ͍͏αϯΫίετʹΑͬͯڱ·Δະདྷ 4. ਖ਼͍͠য૩ײͱͷ޲͖߹͍͔ͨͱ͸ 5.

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

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

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

    Λ༻ҙ͢Δ • ࢲͷ৔߹͸ݸਓࣄۀͰͷ։ൃ΍ٕज़ސ໰Ͱ୲อͰ͖͍ͯΔ
  23. Agenda 1. ͜Ε·ͰͷΩϟϦΞʹ͓͚ΔΩʔϫʔυʮয૩ײʯ 2. যΓ΍ةػײʹΑΔ։ൃऀͷΩϟϦΞͱͯ͠ͷඈͼڃ 3. ΤϯδχΞΩϟϦΞͱ͍͏αϯΫίετʹΑͬͯڱ·Δະདྷ 4. ਖ਼͍͠য૩ײͱͷ޲͖߹͍͔ͨͱ͸ 5.

    ࢲͷ͜Ε͔Βͷ࿩
  24. ࢲͷ͜Ε͔Βͷ࿩ • ͍ۙকདྷʹ༑ਓ͕ىۀ͢ΔՄೳੑ͕ߴ͍ • ͦͷધʹ৐ΕΔΑ͏ʹͳΔ͜ͱ͕͜͜਺೥ͷ໨ඪ • ͦͷͱ͖ʹɺ CTO ΍ Tech

    Lead ͱͯ͠૊৫࡞Γʹ௅ઓ͍ͨ͠ • ͦͷͨΊɺࠓ͸ײ৘Λ཈͑։ൃ૊৫ͱ DevRel ݉຿ମ੍ʹ • ΤϯδχΞଆͰϦʔυΩϟϦΞΛɺDevRelͷۀ຿Λ • ࠓ͸য૩ײΛࠀ෰͢ΔϑΣʔζ
  25. ࠓɺͲͪΒʹ͍·͔͢ʁ