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
370
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.3k
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.5k
Other Decks in Technology
See All in Technology
От ручной разметки к LLM: как мы создавали облако тегов в Lamoda. Анастасия Ангелова, Data Scientist, Lamoda Tech
lamodatech
0
710
プロダクト開発におけるAI時代の開発生産性
shnjtk
2
230
大AI時代で輝くために今こそドメインにディープダイブしよう / Deep Dive into Domain in AI-Agent-Era
yuitosato
1
360
LLM とプロンプトエンジニアリング/チューターをビルドする / LLM, Prompt Engineering and Building Tutors
ks91
PRO
1
250
SnowflakeとDatabricks両方でRAGを構築してみた
kameitomohiro
1
230
AWSのマルチアカウント管理 ベストプラクティス最新版 2025 / Multi-Account management on AWS best practice 2025
ohmura
4
280
バクラクの認証基盤の成長と現在地 / bakuraku-authn-platform
convto
1
290
Рекомендации с нуля: как мы в Lamoda превратили главную страницу в ключевую точку входа для персонализированного шоппинга. Данил Комаров, Data Scientist, Lamoda Tech
lamodatech
0
710
LiteXとオレオレCPUで作る自作SoC奮闘記
msyksphinz
0
590
4/17/25 - CIJUG - Java Meets AI: Build LLM-Powered Apps with LangChain4j (part 2)
edeandrea
PRO
0
100
ElixirがHW化され、最新CPU/GPU/NWを過去のものとする数万倍、高速+超省電力化されたWeb/動画配信/AIが動く日
piacerex
0
140
ソフトウェア開発現代史: "LeanとDevOpsの科学"の「科学」とは何か? - DORA Report 10年の変遷を追って - #DevOpsDaysTokyo
takabow
0
370
Featured
See All Featured
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
53k
A better future with KSS
kneath
239
17k
Statistics for Hackers
jakevdp
798
220k
Making the Leap to Tech Lead
cromwellryan
133
9.2k
Designing Experiences People Love
moore
141
24k
Being A Developer After 40
akosma
91
590k
A Tale of Four Properties
chriscoyier
158
23k
The Art of Programming - Codeland 2020
erikaheidi
53
13k
Optimising Largest Contentful Paint
csswizardry
36
3.2k
Designing for Performance
lara
608
69k
Mobile First: as difficult as doing things right
swwweet
223
9.6k
Git: the NoSQL Database
bkeepers
PRO
430
65k
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ͷۀΛ • ࠓয૩ײΛࠀ͢ΔϑΣʔζ
ࠓɺͲͪΒʹ͍·͔͢ʁ