Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Speaker Deck
PRO
Sign in
Sign up
for free
エンジニアキャリアにおける焦燥感との向き合い方 #BCU30_1 / #BCU30 Engineer Career
Potato4d(Hanatani Takuma)
July 06, 2019
Technology
14
7.2k
エンジニアキャリアにおける焦燥感との向き合い方 #BCU30_1 / #BCU30 Engineer Career
2019/07/06 の Battle Conference Under 30 2019 で話した登壇スライドです。
Potato4d(Hanatani Takuma)
July 06, 2019
Tweet
Share
More Decks by Potato4d(Hanatani Takuma)
See All by Potato4d(Hanatani Takuma)
potato4d
8
3.1k
potato4d
21
4.2k
potato4d
0
370
potato4d
8
2.3k
potato4d
8
1.8k
potato4d
38
16k
potato4d
5
2.1k
potato4d
11
2.6k
potato4d
1
1.5k
Other Decks in Technology
See All in Technology
ufoo68
0
100
becolomochi
0
160
stakaya
14
8.3k
kekeke_47
0
410
ganariya
0
300
pinboro
1
1.8k
miura55
0
100
sky_joker
0
120
ozuma
0
110
recruitengineers
0
130
clustervr
0
210
hirosys
0
150
Featured
See All Featured
chriscoyier
780
240k
iamctodd
17
1.9k
addyosmani
1348
190k
geoffreycrofte
19
810
lara
16
2.6k
caitiem20
308
17k
dougneiner
119
7.8k
imathis
478
150k
jonyablonski
14
1.1k
cherdarchuk
71
260k
roundedbygravity
84
7.8k
rocio
155
11k
Transcript
ΤϯδχΞΩϟϦΞʹ͓͚Δ য૩ײͱͷ͖߹͍ํ 2019.07.06 #bcu30 Takuma HANATANI (@potato4d)
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
Agenda 1. ͜Ε·ͰͷΩϟϦΞʹ͓͚ΔΩʔϫʔυʮয૩ײʯ 2. যΓةػײʹΑΔ։ൃऀͷΩϟϦΞͱͯ͠ͷඈͼڃ 3. ΤϯδχΞΩϟϦΞͱ͍͏αϯΫίετʹΑͬͯڱ·Δະདྷ 4. ਖ਼͍͠য૩ײͱͷ͖߹͍͔ͨͱ 5.
ࢲͷ͜Ε͔Βͷ
Agenda 1. ͜Ε·ͰͷΩϟϦΞʹ͓͚ΔΩʔϫʔυʮয૩ײʯ 2. যΓةػײʹΑΔ։ൃऀͷΩϟϦΞͱͯ͠ͷඈͼڃ 3. ΤϯδχΞΩϟϦΞͱ͍͏αϯΫίετʹΑͬͯڱ·Δະདྷ 4. ਖ਼͍͠য૩ײͱͷ͖߹͍͔ͨͱ 5.
ࢲͷ͜Ε͔Βͷ
͜Ε·ͰͷΩϟϦΞʹ͓͚ΔΩʔϫʔυʮয૩ײʯ • ΤϯδχΞΩϟϦΞΛߟ͑ΔࡍॏཁʹͳΔʮয૩ײʯ • যΓෆ҆ • ʮࠓͷٕज़ͷຏ͖ํͰྑ͍ΜͩΖ͏͔ʯ • ੜ͖͍͚ͯΔͩΖ͏͔ •
ͱ͖ʹϓϥεʹɺͱ͖ʹϚΠφεʹ • ͜Εͷ͓͔͛ͰΤϯδχΞͱͯ͠ɺਓؒͱͯ͠Ұؾʹ͢Δ͜ͱ͕ Ͱ͖ͨ࣌͋ͬͨ • ҰํͰɺ͜Ε͔ΒΛߟ͑Δʹ͋ͨͬͯ͜Ε͕अຐͳ͜ͱ͋ͬͨ
ࠓճհ͢Δʮয૩ײʯͷऔѻέʔε
ࠓճհ͢Δʮয૩ײʯͷऔѻέʔε 1. લฤ: ϓϥεʹͳͬͨΩϟϦΞ • ߴߍ͓࣌ΑͼϑϦʔϥϯε࣌ (~20ࡀ)
ࠓճհ͢Δʮয૩ײʯͷऔѻέʔε 1. લฤ: ϓϥεʹͳͬͨΩϟϦΞ • ߴߍ͓࣌ΑͼϑϦʔϥϯε࣌ (~20ࡀ) 2. ޙฤ: ᐫͱͳͬͨΩϟϦΞ
• LINEגࣜձࣾೖࣾޙ (21ࡀݱࡏ)
Agenda 1. ͜Ε·ͰͷΩϟϦΞʹ͓͚ΔΩʔϫʔυʮয૩ײʯ 2. যΓةػײʹΑΔ։ൃऀͷΩϟϦΞͱͯ͠ͷඈͼڃ 3. ΤϯδχΞΩϟϦΞͱ͍͏αϯΫίετʹΑͬͯڱ·Δະདྷ 4. ਖ਼͍͠য૩ײͱͷ͖߹͍͔ͨͱ 5.
ࢲͷ͜Ε͔Βͷ
যΓةػײʹΑΔ։ൃऀͷΩϟϦΞͱͯ͠ͷඈͼڃ • બͱूத • தֶ͔࣌ΒֶߍΛٳΜͰϓϩάϥϛϯά͕ͪͩͬͨ͠ • ߴߍϓϩάϥϛϯάʹूத͢ΔͨΊʹ௨৴੍ߴߍʹਐΈɺΤ ϯδχΞΩϟϦΞ͕ੵΊͳ͍ͱͲΜ٧·Γʹ • ৗʹٕज़ऀͱͯ͠ͷεΩϧͱɺੜ͖ΔͨΊͷΤϯδχΞί
ϛϡχςΟͱͯ͠ͷͭͳ͕ΓίϛϡχέʔγϣϯΛॏࢹ ߴߍ࣌
যΓةػײʹΑΔ։ൃऀͷΩϟϦΞͱͯ͠ͷඈͼڃ • ࣮ࡍʹىͨ͜͠ΞΫγϣϯ • ελʔτΞοϓͰϑϩϯτɺαʔόʔɺiOSͱ͘։ൃʹܞΘΔ • ͱ͖ʹσβΠφʔϓϩδΣΫτϚωʔδϟʔͳͲܦݧɻσεϚʔ νʹΑͬͯҰؾʹܦݧΛߴΊɺίϛϡχέʔγϣϯͷେ͞ΛΔ • ํίϛϡχςΟͰΧϯϑΝϨϯεͷ࣮ߦҕһʹ
• FRONTEND CONFERENCE 2017 Ͱଟ͘ͷਓʹॿ͚ͯΒ͍࣮ߦҕһ • डୗ։ൃͰͱΓͬͺ͙ΕͨΓͰࣾձܦݧ ߴߍ࣌
যΓةػײʹΑΔ։ൃऀͷΩϟϦΞͱͯ͠ͷඈͼڃ ߴߍ࣌ • ࣾձਓʹͳΔ࣌ͰಘΒΕͨܦݧ • Web ΤϯδχΞͱͯ͠ͷಛఆͷٕज़ʹґଘ͠ͳ͍ࣝͱܦݧ • ϑϩϯτΤϯυ(Vue /
React), όοΫΤϯυ(PHP, Rails), AWS ͳͲ • ίϛϡχςΟͰͷΠϕϯτӡӦͷܦݧ • ΧϯϑΝϨϯεओ࠵ɺఆظΠϕϯτ։࠵ • ৗʹଟ͘ͷࢹΛݟΒΕΔΑ͏ʹෳۀମ੍ • ৽ଔೖࣾ͢Δͱݻ·Γ͕ͪͳՁ؍ΛϑΣΞʹอͯΔ
যΓةػײʹΑΔ։ൃऀͷΩϟϦΞͱͯ͠ͷඈͼڃ ߴߍଔۀޙɺ৽ଔΛগ͠ܦͯϑϦʔϥϯεʹͳͬͨͱ͖ • ʮҊ݅ʯʮܖߋ৽݄ʯʹറΒΕΔϑϦʔϥϯε • IT ଜࣾձͰཁٻҎ্ͷΞτϓοτΛଓ͚Δඞཁ͕͋Δ • ՌͱҊ݅ྔ͕ൺྫ͢ΔڥͰͷີͷೱ͍࣌ؒͷܦݧ •
ฒߦͰࢢՁΛߴΊಠࣗੑΛ࣋ͭඞཁ͋Δ • ߴߍ࣌ʹෛ͚ͣྼΒͣొஃ͢Δ • ٕज़ใΛ͏·͘όζΓ͍͢Α͏ʹॻ͘ͳͲ ϑϦʔϥϯε࣌
যΓةػײʹΑΔ։ൃऀͷΩϟϦΞͱͯ͠ͷඈͼڃ ϑϦʔϥϯεதʹಘΒΕͨͷ • ଟ໘తͳࣄͷΓ͔ͨ • ෛ͋ΕνʔϜ։ൃɺ͕ࣗൃओʹͳΔ͜ͱ • ք۾Ͱͷ҆ఆతͳೝͷ֫ಘ • Vue.js
/ React.js ຊޠυΩϡϝϯτϝϯςφ(աڈʹ Nuxt.js) • Qiita Vue.js / Nuxt.js λάͰ 1 ҐͳͷͰٕज़૬ஊ͕͖͍͢ • Nuxt.js ͷࠃୈҰਓऀͱͯ͠ͷॻ੶ग़൛ ϑϦʔϥϯε࣌
যΓةػײʹΑΔ։ൃऀͷΩϟϦΞͱͯ͠ͷඈͼڃ ૯߹ͨ͠ܦݧ 1. ߴߍ࣌ • ΦʔόʔϫʔΫʹΑΔظूதతͳٕज़εΩϧΞοϓ • ΧϯϑΝϨϯεӡӦϕϯνϟʔͰͷϓϩμΫτͮ͘ΓͳͲͷܦݧ 2. ϑϦʔϥϯε࣌
• ϑϦʔϥϯεͱͯ͠ͷϓϨογϟʔʹΑΔۀਫ४ͷٸܹͳਐԽ • ใൃ৴ք۾ߩݙʹΑΔࢢՁͷ্
Agenda 1. ͜Ε·ͰͷΩϟϦΞʹ͓͚ΔΩʔϫʔυʮয૩ײʯ 2. যΓةػײʹΑΔ։ൃऀͷΩϟϦΞͱͯ͠ͷඈͼڃ 3. ΤϯδχΞΩϟϦΞͱ͍͏αϯΫίετʹΑͬͯڱ·Δະདྷ 4. ਖ਼͍͠য૩ײͱͷ͖߹͍͔ͨͱ 5.
ࢲͷ͜Ε͔Βͷ
ΤϯδχΞΩϟϦΞͱ͍͏ αϯΫίετʹΑͬͯڱ·Δະདྷ • ࣗΤϯδχΞ͔Βൈ͚ग़ͯ͠ EM తΩϟϦΞΛங͍͍͖͍ͯͨ • ٕज़৫ΛͪϓϩμΫτ؍Ͱվળʹίϛοτ͍ͨ͠ • EM
ͳΒ͕ࣗઓ͏͜ͱΛϕʔεͱͨ͠য૩ײ͔͑ͬͯϊΠζʹͳΔ • ৗʹ༨༟ͷͳͦ͞͏ͳϦʔμʔʹԿ͔Λ͍ͤ͢Ͱ͔͢ʁ • ଟͳ࣌ʹϝϯόʔͷΤεΧϨʔγϣϯΛड͚ࢭΊΒΕ·͔͢ʁ • ΤϯδχΞͱͯ͠ͷΩϟϦΞҡ࣋ΛٻΊͯຊདྷඞཁͳεΩϧ͕ૄ͔ʹ ͳΓ·ͤΜ͔ʁ
ΤϯδχΞΩϟϦΞͱ͍͏ αϯΫίετʹΑͬͯڱ·Δະདྷ • potato4d ͷ߹…… • কདྷతͳ৫ߏஙͷͨΊͷϑϦʔϥϯε͔Βͷస৬Λܾҙ • ϑϦʔϥϯεͰυϥΠͳ͕ؔ૿͑ΔͷͰΑΓਓʹ͍ۙੈքͰ •
ΤϯδχΞͱͯ͠ͷয૩ײᐫʹͳΔͷͰ • ΤϯδχΞΛҙࣝ͗͢͠ΔͱΤϯδχΞͱͯ͠ͷ͔͠Ίͳ͍ • ϐʔϓϧϚωδϝϯτΞϥΠΞϯεΛߟ͑ΔͱΤϯδχΞؾ࣭ ϓϥεͱݴ͑ͳ͍ • → ෳۀମ੍Ͱٕज़Λҡ࣋ͭͭ͠ผΛ৳͢ઓུʹ
Agenda 1. ͜Ε·ͰͷΩϟϦΞʹ͓͚ΔΩʔϫʔυʮয૩ײʯ 2. যΓةػײʹΑΔ։ൃऀͷΩϟϦΞͱͯ͠ͷඈͼڃ 3. ΤϯδχΞΩϟϦΞͱ͍͏αϯΫίετʹΑͬͯڱ·Δະདྷ 4. ਖ਼͍͠য૩ײͱͷ͖߹͍͔ͨͱ 5.
ࢲͷ͜Ε͔Βͷ
ਖ਼͍͠য૩ײͱͷ͖߹͍͔ͨͱ 1. ΩϟϦΞΞοϓΛࢦ͢߹ • য૩ײΛड͚ೖΕͯʹͷΔ͜ͱͰݪಈྗͱ͢Δ 2. ΩϟϦΞνΣϯδΛࢦ͢߹ • য૩ײʹ߅͏͜ͱͰϑΣΞͳࢹΛऔΓ͢
ΩϟϦΞΞοϓΛࢦ͢߹ য૩ײΛثʹ͢ΔͱϓϥεʹͳΔ • લͷ՝ʹΘΕΔঢ়گࢥߟͷϊΠζΛআڈ͢Δʹ࠷ద • ͕Ή͠ΌΒʹͳΕΔ • ΤϯδχΞͱͯ͠ߋʹಥ͖ਐΈ͍ͨ߹બͱूதʹ࠷ద • ͜ͷ࣌ظয૩ײʹΛҕͶΔ͜ͱ͕ྑ͍
ΩϟϦΞνΣϯδΛࢦ͢߹ য૩ײΛࠀ͢Δ͜ͱ͕ϓϥεʹͳΔ • ίʔυΛॻཱ͔͘ΒϓϩδΣΫτΛݟΔཱʹͳΔͱϓϨΠϠʔ ͱͯ͠ͷ׆ಈྔԼ͕Δ • ͨͩͦΕୀԽͰͳ͘ɺΑΓ͍ࢹΛ࣋ͭ͜ͱͰ৽ͨͳεςο ϓͱ͍ͯͨ͘͠ΊͷҰาͱͳΔ • ͦΕͰ৺ʹҾ͔͔ͬΔ߹৺ཧతͳ҆શੑΛ୲อͰ͖ΔΈ
Λ༻ҙ͢Δ • ࢲͷ߹ݸਓࣄۀͰͷ։ൃٕज़ސͰ୲อͰ͖͍ͯΔ
Agenda 1. ͜Ε·ͰͷΩϟϦΞʹ͓͚ΔΩʔϫʔυʮয૩ײʯ 2. যΓةػײʹΑΔ։ൃऀͷΩϟϦΞͱͯ͠ͷඈͼڃ 3. ΤϯδχΞΩϟϦΞͱ͍͏αϯΫίετʹΑͬͯڱ·Δະདྷ 4. ਖ਼͍͠য૩ײͱͷ͖߹͍͔ͨͱ 5.
ࢲͷ͜Ε͔Βͷ
ࢲͷ͜Ε͔Βͷ • ͍ۙকདྷʹ༑ਓ͕ىۀ͢ΔՄೳੑ͕ߴ͍ • ͦͷધʹΕΔΑ͏ʹͳΔ͜ͱ͕͜͜ͷඪ • ͦͷͱ͖ʹɺ CTO Tech
Lead ͱͯ͠৫࡞Γʹઓ͍ͨ͠ • ͦͷͨΊɺࠓײΛ͑։ൃ৫ͱ DevRel ݉ମ੍ʹ • ΤϯδχΞଆͰϦʔυΩϟϦΞΛɺDevRelͷۀΛ • ࠓয૩ײΛࠀ͢ΔϑΣʔζ
ࠓɺͲͪΒʹ͍·͔͢ʁ