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
フロントエンドエンジニアのキャリアパス
Search
Kazuki Shibata
October 25, 2017
Technology
9
4k
フロントエンドエンジニアのキャリアパス
Frontend de KANPAI! #02 の発表資料です。
Kazuki Shibata
October 25, 2017
Tweet
Share
More Decks by Kazuki Shibata
See All by Kazuki Shibata
microCMSでif文を作る
shibe97
1
1.3k
SvelteKitでJamstackを試す
shibe97
1
1.2k
フロントエンドのトレンド〜サーバーレスSPA、Jamstack〜
shibe97
16
4.9k
Jamstack × PWA におけるキャッシュ戦略
shibe97
3
1.3k
CSR / SSR / SSGの動向2020
shibe97
2
1.7k
Jamstack×microCMS 実装編
shibe97
4
1k
SentryでSPAのエラーログを収集する
shibe97
1
1.8k
useRefについて調べてみた
shibe97
1
190
Containerどこに置く?
shibe97
1
2k
Other Decks in Technology
See All in Technology
[続・営業向け 誰でも話せるOCI セールストーク] AWSよりOCIの優位性が分からない編(2026年2月20日開催)
oracle4engineer
PRO
0
140
Master Dataグループ紹介資料
sansan33
PRO
1
4.4k
2026-02-25 Tokyo dbt meetup プロダクトと融合したCI/CD で実現する、堅牢なデータパイプラインの作り方
y_ken
0
150
三菱UFJ銀行におけるエンタープライズAI駆動開発のリアル / Enterprise AI_Driven Development at MUFG Bank: The Real Story
muit
10
20k
LLM活用の壁を超える:リクルートR&Dの戦略と打ち手
recruitengineers
PRO
1
160
Databricksアシスタントが自分で考えて動く時代に! エージェントモード体験もくもく会
taka_aki
0
190
Introduction to Bill One Development Engineer
sansan33
PRO
0
370
Interop Tokyo 2025 ShowNet Team Memberで学んだSRv6を基礎から丁寧に
miyukichi_ospf
0
230
2026年のAIエージェント構築はどうなる?
minorun365
12
2.7k
競争優位を生み出す戦略的内製開発の実践技法
masuda220
PRO
2
500
Bill One 開発エンジニア 紹介資料
sansan33
PRO
5
18k
Exadata Fleet Update
oracle4engineer
PRO
0
1.3k
Featured
See All Featured
Balancing Empowerment & Direction
lara
5
920
The innovator’s Mindset - Leading Through an Era of Exponential Change - McGill University 2025
jdejongh
PRO
1
110
Fireside Chat
paigeccino
41
3.8k
Believing is Seeing
oripsolob
1
68
A brief & incomplete history of UX Design for the World Wide Web: 1989–2019
jct
1
310
Redefining SEO in the New Era of Traffic Generation
szymonslowik
1
230
Building a Scalable Design System with Sketch
lauravandoore
463
34k
Keith and Marios Guide to Fast Websites
keithpitt
413
23k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
128
55k
Scaling GitHub
holman
464
140k
Large-scale JavaScript Application Architecture
addyosmani
515
110k
Lessons Learnt from Crawling 1000+ Websites
charlesmeaden
PRO
1
1.1k
Transcript
ϑϩϯτΤϯυΤϯδχΞͷ ΩϟϦΞύε !TIJCF 'SPOUFOEEF,"/1"*
σβΠφʔ / ϑϩϯτΤϯυΤϯδχΞ ৽ଔͰϠϑʔʹσβΠφʔೖࣾɻ ͘Β͍41"Λॻ͍͍ͯΔɻ ͜͏ݟ͑ͯɺࡀ̎ࣇͷɻ γϕ @shibe97
ࡀͷઅʹ৭ʑͱߟ͑ͨ͜ͱͳͲΛʜ
ͲΜͳࣄΛ ͍͔ͨ͠ ͲΜͳڥͰ ಇ͖͍͔ͨ
ͲΜͳࣄΛ͍͔ͨ͠
%FTJHO 'SPOUFOE "1* %FTJHOFS &OHJOFFS
ٕज़ϓϩϑΣογϣφϧ Ϛωʔδϟʔ ਓࣄɺҭ %FTJHO 'SPOUFOE "1*
ྸͱͱʹߟ͑ํมΘͬͯ͘ΔͷͰ ৗʹࢹΊʹɻ
ͲΜͳࣄΛ ͍͔ͨ͠ ͲΜͳڥͰ ಇ͖͍͔ͨ
ͲΜͳڥͰಇ͖͍͔ͨ
Technology Service ʮ͜ͷαʔϏε͕Γ͍ͨʯ ʮαʔϏεΛάϩʔε͍ͤͨ͞ʯ ʮ͜ͷٕज़͕͖ʯ ʮ࣮͢Δ͜ͱࣗମ͕͖ʯ
ࣗ5FDIOPMPHZ ʢษڧձʹདྷ͍ͯΔਓ͍͍ͩͨͦ͏ͳͷͰͱ͍͏ؾ͢Δʣ
+BWB4DSJQU͕͖ )5.-͕͖ ٕज़Λ͏ͷָ͕͍͠ ಛʹΓ͍ͨαʔϏεʹͩ͜ΘΓͳ͍
େاۀ ελʔτΞοϓ ϑϦʔϥϯε
େاۀ ελʔτΞοϓ ϑϦʔϥϯε ͜ͷ͋ͨΓ͕͍͍ͯΔʁ
ҰํͰɺ ՈͰझຯ։ൃ͢Δͷ͕͖ ࣗͰαʔϏεΛ࡞͓ͬͯۚՔ͍͗ͨ
࣌αʔόʔϨε ΫϥυαʔϏεͷॆ࣮ʢ"84ɺ($1ɺ"[VSFʣ αʔόʔඅΛ͔͚ͣʹ8FCαʔϏε͕࡞ΕΔ (JU)VC1BHFT"NB[PO4্Ͱ41"ಈ͔ͤΔ
ͻͱΓͰ w w w 8FCαʔϏεΛ࡞Εͯ͠·͏
ϑϩϯτΤϯυͷಛݖ ΞϓϦͷਓ݁ߏݸਓͰग़ͯ͠Ṷ͚͍ͯΔΠϝʔδ αʔόʔϨεԽͰɺ8FCͰιϨ͕Ͱ͖Δݱঢ় ͳΜͰօΒͳ͍ͷʁ
ࣗͷαʔϏεʹࢥ͍ೖΕ͕͋Δ ͨΓલʢʁʣ͚ͩͲ
Technology Service ʮ͜ͷαʔϏε͕Γ͍ͨʯ ʮαʔϏεΛάϩʔε͍ͤͨ͞ʯ ʮ͜ͷٕज़͕͖ʯ ʮ࣮͢Δ͜ͱࣗମ͕͖ʯ
ٕज़Λ खஈͱݟΔ͔ɺతͱݟΔ͔
αʔϏε ςΫϊϩδʔ ҆ఆ ෆ҆ఆ େاۀ ελʔτΞοϓ ϑϦʔϥϯε
େاۀ ελʔτΞοϓ ϑϦʔϥϯε w ਓͱ͕ۚ५ w ςΫϊϩδʔʹׂ͘ Ϧιʔε͕͋Δ w ҆ఆͨ͠ऩೖ͕ಘΒΕΔ
w େۚΛಘΒΕΔՄೳੑ ͕͋Δ w গਓΏ͑ʹαʔϏε Ѫ͕ڧ͍ w ࣌ؒɺࣄΛࣗͰ ίϯτϩʔϧͰ͖Δ w ٕज़ݚᮎʹ͕࣌ؒऔΕΔ w ലେͳऩೖΈͮΒ͍ w ࣃंͷҰ෦ʹͳΓ͕ͪ w ϒϥοΫԽ͍͢͠ w ࢈ͳͲͷϦεΫ͕͋Δ w ٕज़Λຏ͕࣌ؒ͋͘·Γ औΕͳͦ͏ w ΫϥΠΞϯτʹԠͨ͡ ࡞ۀ͕ٻΊΒΕΔ w ࡞ۀײ͕͋Γͳ͔ͳ͔ αʔϏεѪ͕࣋ͯͳͦ͏
Ͱɺ͓લͲ͏͢Δͷʁ
ઌ݄ɺىۀ͠·ͨ͠ʂ ʢɿϲ݄લʹਓ͕ੜ·Ε͔ͨΓʣ
None
1 Ϣʔβʔݸਓ୯Ґͷϩά͕ݟΒΕΔ 2 ఆظతʹ/14ΛܭଌͰ͖Δ 3 ؾʹͳΔϢʔβʔʹΠϯλϏϡʔ͕Ͱ͖Δ 4 "*ʹΑΔΠϯλϏϡʔͷແਓԽ
None
IUUQTNFZBTVCBDP
ϢʔβʔΠϯλϏϡʔʹࠔ͍ͬͯΔํ͕͍ͨΒ ࠙ձͰ͝Ұใ͍ͩ͘͞ʂ
େاۀ ελʔτΞοϓ ϑϦʔϥϯε ݁ہίίΛબΜͩ
ελʔτΞοϓˠେاۀ େاۀˠେاۀ େاۀˠελʔτΞοϓ ελʔτΞοϓˠϑϦʔϥϯε FUDʜ
ਖ਼ղͳ͍ɻ ৗʹ͕ࣗຬͰ͖ΔબΛ͢Δɻ
ࠓޙͷ8FCۀքͷ
ֳͷࢿྉΑΓ IUUQXXXDBPHPKQLPVSFJXIJUFQBQFSXIUNMHBJZPVT@IUNM
ֳͷࢿྉΑΓ IUUQXXXDBPHPKQLPVSFJXIJUFQBQFSXIUNMHBJZPVT@IUNM
ߴྸࣾձϠό͍
ࠓͷ8FCۀք શମతʹए͍ ΠέΠέײ एͯ͘༏लͳਓ͕ଟ͍
ޙͷ8FCۀք *5Խ͕ਐΉͱڞʹɺ*5ਓޱ૿͑Δ ฏۉྸӽ͑ ਓೳͷൃల
ޙͷਓࡐஔʁ
ϑϦʔϥϯε͕૿͑ɺΑΓଟ༷ੑͷ͋Δಇ͖ํ ىۀՈ͕૿͑ɺελʔτΞοϓ͕૿͑Δ ࠓ·Ͱେاۀ๊͕͍͑ͯͨபΛຊ̍ຊओ࣠ͱͨ͠اۀ͕ ૿͖͍͑ͯͯΔ ୯७࡞ۀ΄ͱΜͲࣗಈԽ͞Εɺ ୯७Ͱͳ͍࡞ۀ"*͕׆༂͍ͯ͠Δੈͷத
"*ɾࣗಈԽͲ͜·ͰਐΉ͔ ΑΓΫϦΤΠςΟϒʹۙͮ͘΄Ͳ"*Խ͍͠ ըҰతͳσβΠϯͰ͋Ε͋Δ΄ͲɺࣗಈԽՄೳ ࡢࠓͷσβΠϯγεςϜΛ࠾༻͍ͯ͠ΔͳΒɺσβΠϯ ܾఆ࣌ʹ࣮ࣗಈͰߦ͏ະདྷདྷͦ͏ "EPCF4FOTFJσβΠϯͷٕज़໘ΛࣗಈԽ
ϑϩϯτΤϯυͲΜͲΜศརʹͳ͍ͬͯ͘ ࠓෳࡶԽ͍ͯ͠ΔϑϩϯτΤϯυք۾͕ͩɺ ঃʑʹͦͷෳࡶ͞ΛӅṭ͢ΔΈͰ͖࢝Ί͍ͯΔ DSFBUFSFBDUBQQ OFYUKT FUDʜ ͦͷྲྀΕࠓޙՃ͍ͯ͘͠
ͦ͏ͳͬͯ͘Δͱ ͯ͢ͷٕज़Λ୭Ͱ؆୯ʹѻ͑ΔΑ͏ʹͳΔ ͦͷٕज़ΛԿʹ͏͔ͱ͍͏ͷ͕ॏཁʹͳͬͯ͘Δ Ϗδωεࢹͷ͕ࣝࠓޙඞཁʹͳͬͯ͘Δ
ੲ*&ͱ͍͏ͷ͕͋ͬͯͳɺqPBUMFGU࣌ʹ NBSHJOMFGU͔͚ΔͱഒʹͳͬͨΜ͡ΌΑ ੲ3FEVYͱ͍͏ͷ͕͋ͬͯͳɺBDUJPOͱ͔ SFEVDFSͱ͔ΰϦΰϦॻ͘ͷେมͩͬͨΜ͡ΌΑ
զʑͷ͖͢͜ͱʢ·ͱΊʣ ࣝͷΞοϓσʔτΛ܁Γฦ͠ɺ ৗʹͦͷ׆͔͠Ͳ͜ΖΛࡧ͢Δ
5IBOLT 5XJUUFS(JU)VC!TIJCF