Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Speaker Deck
PRO
Sign in
Sign up for free
フロントエンドエンジニアのキャリアパス
Kazuki Shibata
October 25, 2017
Technology
9
3.1k
フロントエンドエンジニアのキャリアパス
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
450
SvelteKitでJamstackを試す
shibe97
1
530
フロントエンドのトレンド〜サーバーレスSPA、Jamstack〜
shibe97
16
4.3k
Jamstack × PWA におけるキャッシュ戦略
shibe97
3
800
CSR / SSR / SSGの動向2020
shibe97
2
990
Jamstack×microCMS 実装編
shibe97
4
460
SentryでSPAのエラーログを収集する
shibe97
1
770
useRefについて調べてみた
shibe97
1
92
Containerどこに置く?
shibe97
1
1.6k
Other Decks in Technology
See All in Technology
ラブグラフ紹介資料 〜プロダクト解体新書〜 / Lovegraph Product Deck
lovegraph
0
120
マネージャーからみたスクラムと自己管理化
shibe23
0
960
サーバレスECにおける Step Functions の使い方 〜ステートマシン全部見せます!〜
miu_crescent
0
180
誰が正解を知っているのか / Who knows the right answer
takaking22
1
220
#JP_Stripes Sapporo Stripeの活用例を色々ご紹介します!
miu_crescent
0
110
要約 "Add Live Text interaction to your app"
ushisantoasobu
0
130
ウォーターフォールとアジャイルと楽楽明細/Waterfall×Agile×Rakurakumeisai
whitefox_73
1
350
2022年度新卒技術研修「DNS」講義
excitejp
PRO
0
350
雑な攻撃からELBを守る一工夫 +おまけ / Know-how to protect servers from miscellaneous attacks
hiroga
0
430
チームとチームのチーム
eiel
1
910
MRTK3 - DataBinding and Theming 入門
futo23
0
160
HoloLens2とMetaQuest2どちらも動くWebXRアプリをBabylon.jsで作る
iwaken71
0
170
Featured
See All Featured
Art Directing for the Web. Five minutes with CSS Template Areas
malarkey
196
9.4k
Statistics for Hackers
jakevdp
781
210k
The World Runs on Bad Software
bkeepers
PRO
57
5.3k
The MySQL Ecosystem @ GitHub 2015
samlambert
238
11k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
15
940
How To Stay Up To Date on Web Technology
chriscoyier
780
250k
The Invisible Side of Design
smashingmag
290
48k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
19
1.4k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
37
3.2k
Imperfection Machines: The Place of Print at Facebook
scottboms
253
12k
GraphQLの誤解/rethinking-graphql
sonatard
27
6.5k
Making the Leap to Tech Lead
cromwellryan
113
7.4k
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