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
3.8k
フロントエンドエンジニアのキャリアパス
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.1k
SvelteKitでJamstackを試す
shibe97
1
1.1k
フロントエンドのトレンド〜サーバーレスSPA、Jamstack〜
shibe97
16
4.8k
Jamstack × PWA におけるキャッシュ戦略
shibe97
3
1.2k
CSR / SSR / SSGの動向2020
shibe97
2
1.6k
Jamstack×microCMS 実装編
shibe97
4
920
SentryでSPAのエラーログを収集する
shibe97
1
1.7k
useRefについて調べてみた
shibe97
1
150
Containerどこに置く?
shibe97
1
1.9k
Other Decks in Technology
See All in Technology
AIエージェントキャッチアップと論文リサーチ
os1ma
6
1.2k
IAMのマニアックな話 2025 ~40分バージョン ~
nrinetcom
PRO
8
920
30代エンジニアが考える、エンジニア生存戦略~~セキュリティを添えて~~
masakiokuda
4
2k
Explainable Software Engineering in the Public Sector
avandeursen
0
360
Cline、めっちゃ便利、お金が飛ぶ💸
iwamot
19
18k
Vision Language Modelを活用した メルカリの類似画像レコメンドの性能改善
yadayuki
9
1.2k
SSH公開鍵認証による接続 / Connecting with SSH Public Key Authentication
kaityo256
PRO
2
220
Road to SRE NEXT@仙台 IVRyの組織の形とSLO運用の現状
abnoumaru
0
390
Tirez profit de Messenger pour améliorer votre architecture
tucksaun
1
140
SaaSプロダクト開発におけるバグの早期検出のためのAcceptance testの取り組み
kworkdev
PRO
0
440
DevOps文化を育むQA 〜カルチャーバブルを生み出す戦略〜 / 20250317 Atsushi Funahashi
shift_evolve
1
110
技術好きなエンジニアが _リーダーへの進化_ によって得たものと失ったもの / The Gains and Losses of a Tech-Enthusiast Engineer’s “Evolution into Leadership”
kaminashi
0
200
Featured
See All Featured
Automating Front-end Workflow
addyosmani
1369
200k
No one is an island. Learnings from fostering a developers community.
thoeni
21
3.2k
Building a Modern Day E-commerce SEO Strategy
aleyda
39
7.2k
VelocityConf: Rendering Performance Case Studies
addyosmani
328
24k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
227
22k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
28
9.4k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
53k
A Modern Web Designer's Workflow
chriscoyier
693
190k
How to Think Like a Performance Engineer
csswizardry
22
1.5k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
177
52k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
46
2.4k
The Cost Of JavaScript in 2023
addyosmani
48
7.6k
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