Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
エンジニアキャリアにおける焦燥感との向き合い方 #BCU30_1 / #BCU30 Engin...
Search
potato4d(Takuma HANATANI)
July 06, 2019
Technology
14
8.5k
エンジニアキャリアにおける焦燥感との向き合い方 #BCU30_1 / #BCU30 Engineer Career
2019/07/06 の Battle Conference Under 30 2019 で話した登壇スライドです。
potato4d(Takuma HANATANI)
July 06, 2019
Tweet
Share
More Decks by potato4d(Takuma HANATANI)
See All by potato4d(Takuma HANATANI)
どうせキレイに書けない処理は逆にAIに書いてもらうほうが良い説 / #kyotojs 22
potato4d
3
410
TSX First な Zero-Runtime SSG potato4d/dodai とその仕組み / owned static site generator #kyotojs
potato4d
1
2.3k
Vue.js with TSX - From Vue 2.x to Vue 3 #v_tokyo11
potato4d
9
4.9k
終わりゆく Vue 2.x 時代の状態設計のアンサー - Vue 3 の Provider への期待 / The Last Architecture of the Vue 2.x
potato4d
25
7k
Web Worker を使ってブラウザ上でポケモンの画像を解析したい! / Pokemon recognition from screenshots in browser using web worker
potato4d
0
1.3k
Firebase & Google Cloud によるサーバーレス帳票管理 #FJUG / Serverless Architecture in Candy
potato4d
8
3.7k
NestJS meetup Tokyo Opening Talk / What is NestJS? #nestjs_meetup
potato4d
11
4.2k
私たちはなぜ SPA で開発するのか / Why you choose SPA
potato4d
39
27k
Amplify Console 誕生以来本番運用しつづけてわかったこと #awswakaran_tokyo
potato4d
6
3.6k
Other Decks in Technology
See All in Technology
実装で解き明かす並行処理の歴史
zozotech
PRO
1
320
KAGのLT会 #8 - 東京リージョンでGAしたAmazon Q in QuickSightを使って、報告用の資料を作ってみた
0air
0
200
後進育成のしくじり〜任せるスキルとリーダーシップの両立〜
matsu0228
7
2.3k
自作LLM Native GORM Pluginで実現する AI Agentバックテスト基盤構築
po3rin
2
250
生成AIで「お客様の声」を ストーリーに変える 新潮流「Generative ETL」
ishikawa_satoru
1
310
AI ReadyなData PlatformとしてのAutonomous Databaseアップデート
oracle4engineer
PRO
0
180
Green Tea Garbage Collector の今
zchee
PRO
2
390
Modern_Data_Stack最新動向クイズ_買収_AI_激動の2025年_.pdf
sagara
0
200
ZOZOのAI活用実践〜社内基盤からサービス応用まで〜
zozotech
PRO
0
170
自動テストのコストと向き合ってみた
qa
0
120
Shirankedo NOCで見えてきたeduroam/OpenRoaming運用ノウハウと課題 - BAKUCHIKU BANBAN #2
marokiki
0
140
stupid jj tricks
indirect
0
7.9k
Featured
See All Featured
How to Think Like a Performance Engineer
csswizardry
27
2k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
31
9.7k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
127
53k
KATA
mclloyd
32
15k
Visualization
eitanlees
148
16k
The Straight Up "How To Draw Better" Workshop
denniskardys
237
140k
Done Done
chrislema
185
16k
Building Applications with DynamoDB
mza
96
6.6k
GraphQLとの向き合い方2022年版
quramy
49
14k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
12
1.2k
Balancing Empowerment & Direction
lara
4
680
XXLCSS - How to scale CSS and keep your sanity
sugarenia
248
1.3M
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ͷۀΛ • ࠓয૩ײΛࠀ͢ΔϑΣʔζ
ࠓɺͲͪΒʹ͍·͔͢ʁ