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.7k
フロントエンドエンジニアのキャリアパス
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
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.5k
Jamstack×microCMS 実装編
shibe97
4
890
SentryでSPAのエラーログを収集する
shibe97
1
1.6k
useRefについて調べてみた
shibe97
1
140
Containerどこに置く?
shibe97
1
1.9k
Other Decks in Technology
See All in Technology
2024年にチャレンジしたことを振り返るぞ
mitchan
0
130
どちらを使う?GitHub or Azure DevOps Ver. 24H2
kkamegawa
0
700
フロントエンド設計にモブ設計を導入してみた / 20241212_cloudsign_TechFrontMeetup
bengo4com
0
1.9k
アップデート紹介:AWS Data Transfer Terminal
stknohg
PRO
0
180
統計データで2024年の クラウド・インフラ動向を眺める
ysknsid25
2
840
AI時代のデータセンターネットワーク
lycorptech_jp
PRO
1
280
多領域インシデントマネジメントへの挑戦:ハードウェアとソフトウェアの融合が生む課題/Challenge to multidisciplinary incident management: Issues created by the fusion of hardware and software
bitkey
PRO
2
100
20241220_S3 tablesの使い方を検証してみた
handy
3
360
社外コミュニティで学び社内に活かす共に学ぶプロジェクトの実践/backlogworld2024
nishiuma
0
260
スタートアップで取り組んでいるAzureとMicrosoft 365のセキュリティ対策/How to Improve Azure and Microsoft 365 Security at Startup
yuj1osm
0
210
サイバー攻撃を想定したセキュリティガイドライン 策定とASM及びCNAPPの活用方法
syoshie
3
1.2k
Turing × atmaCup #18 - 1st Place Solution
hakubishin3
0
470
Featured
See All Featured
Stop Working from a Prison Cell
hatefulcrawdad
267
20k
Raft: Consensus for Rubyists
vanstee
137
6.7k
The MySQL Ecosystem @ GitHub 2015
samlambert
250
12k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
507
140k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
0
97
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
232
17k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
191
16k
Optimising Largest Contentful Paint
csswizardry
33
3k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
2
290
Thoughts on Productivity
jonyablonski
67
4.4k
Art, The Web, and Tiny UX
lynnandtonic
298
20k
The Invisible Side of Design
smashingmag
298
50k
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