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.4k
エンジニアキャリアにおける焦燥感との向き合い方 #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
350
TSX First な Zero-Runtime SSG potato4d/dodai とその仕組み / owned static site generator #kyotojs
potato4d
1
2.2k
Vue.js with TSX - From Vue 2.x to Vue 3 #v_tokyo11
potato4d
9
4.8k
終わりゆく Vue 2.x 時代の状態設計のアンサー - Vue 3 の Provider への期待 / The Last Architecture of the Vue 2.x
potato4d
25
6.9k
Web Worker を使ってブラウザ上でポケモンの画像を解析したい! / Pokemon recognition from screenshots in browser using web worker
potato4d
0
1.2k
Firebase & Google Cloud によるサーバーレス帳票管理 #FJUG / Serverless Architecture in Candy
potato4d
8
3.6k
NestJS meetup Tokyo Opening Talk / What is NestJS? #nestjs_meetup
potato4d
11
4k
私たちはなぜ SPA で開発するのか / Why you choose SPA
potato4d
39
26k
Amplify Console 誕生以来本番運用しつづけてわかったこと #awswakaran_tokyo
potato4d
6
3.4k
Other Decks in Technology
See All in Technology
7日間でハッキングをはじめる本をはじめてみませんか?_ITエンジニア本大賞2025
nomizone
2
1.8k
Platform Engineeringは自由のめまい
nwiizo
4
2.1k
トラシューアニマルになろう ~開発者だからこそできる、安定したサービス作りの秘訣~
jacopen
2
2k
運用しているアプリケーションのDBのリプレイスをやってみた
miura55
1
700
Swiftの “private” を テストする / Testing Swift "private"
yutailang0119
0
130
白金鉱業Meetup Vol.17_あるデータサイエンティストのデータマネジメントとの向き合い方
brainpadpr
5
720
Classmethod AI Talks(CATs) #16 司会進行スライド(2025.02.12) / classmethod-ai-talks-aka-cats_moderator-slides_vol16_2025-02-12
shinyaa31
0
100
急成長する企業で作った、エンジニアが輝ける制度/ 20250214 Rinto Ikenoue
shift_evolve
3
1.3k
開発スピードは上がっている…品質はどうする? スピードと品質を両立させるためのプロダクト開発の進め方とは #DevSumi #DevSumiB / Agile And Quality
nihonbuson
2
2.9k
「海外登壇」という 選択肢を与えるために 〜Gophers EX
logica0419
0
700
偶然 × 行動で人生の可能性を広げよう / Serendipity × Action: Discover Your Possibilities
ar_tama
1
1.1k
OpenID BizDay#17 KYC WG活動報告(法人) / 20250219-BizDay17-KYC-legalidentity
oidfj
0
240
Featured
See All Featured
Learning to Love Humans: Emotional Interface Design
aarron
273
40k
GitHub's CSS Performance
jonrohan
1030
460k
Build your cross-platform service in a week with App Engine
jlugia
229
18k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
49
2.3k
The Art of Programming - Codeland 2020
erikaheidi
53
13k
Keith and Marios Guide to Fast Websites
keithpitt
411
22k
Rails Girls Zürich Keynote
gr2m
94
13k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
129
19k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
174
51k
Writing Fast Ruby
sferik
628
61k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
226
22k
Building Your Own Lightsaber
phodgson
104
6.2k
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ͷۀΛ • ࠓয૩ײΛࠀ͢ΔϑΣʔζ
ࠓɺͲͪΒʹ͍·͔͢ʁ