Upgrade to Pro — share decks privately, control downloads, hide ads and more …

フロントエンドエンジニアのキャリアパス

Kazuki Shibata
October 25, 2017
Technology
9
3.2k

 フロントエンドエンジニアのキャリアパス

Frontend de KANPAI! #02 の発表資料です。

Kazuki Shibata

October 25, 2017
Tweet

More Decks by Kazuki Shibata

See All by Kazuki Shibata
microCMSでif文を作る
shibe97
1
580
SvelteKitでJamstackを試す
shibe97
1
720
フロントエンドのトレンド〜サーバーレスSPA、Jamstack〜
shibe97
16
4.4k
Jamstack × PWA におけるキャッシュ戦略
shibe97
3
880
CSR / SSR / SSGの動向2020
shibe97
2
1.1k
Jamstack×microCMS 実装編
shibe97
4
570
SentryでSPAのエラーログを収集する
shibe97
1
1k
useRefについて調べてみた
shibe97
1
98
Containerどこに置く？
shibe97
1
1.6k

Other Decks in Technology

See All in Technology
初めてのデータ移行プロジェクトから得た学び
tjmtmmnk
0
340
230125 古いタブレットの活用 かーでぃさん
comucal
PRO
0
16k
ユーザーテストガイドライン VERSION 2.0
kouzoukaikaku
0
1.3k
【NGK2023S】 ノードエディタ形式の画像処理ツール「Image-Processing-Node-Editor」
kazuhitotakahashi
0
290
AWS re:Invent 2022で発表された新機能を試してみた ～Cloud OperationとSecurity～ / New Cloud Operation and Security Features Announced at AWS reInvent 2022
yuj1osm
1
210
Bill One 開発エンジニア 紹介資料
sansantech
PRO
0
120
DNS権威サーバのクラウドサービス向けに行われた攻撃および対策 / DNS Pseudo-Random Subdomain Attack and mitigations
kazeburo
5
1.3k
ECテックカンファレンス2023 EC事業部のモバイル開発2023
tatsumi0000
0
300
AI Builderについて
miyakemito
0
900
オンプレk8sとEKSの並行運用の実際
ch1aki
0
280
IoTを始めたきっかけの話と個人でできるIoTの今後 / 新年LT会「私の愛するIoT 2023」
you
0
230
スクラム導入して変わったチーム、組織のありかた
yumechi
0
190

Featured

See All Featured
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
44
14k
Designing for Performance
lara
600
65k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
318
19k
The Power of CSS Pseudo Elements
geoffreycrofte
52
4.3k
Building an army of robots
kneath
301
40k
4 Signs Your Business is Dying
shpigford
171
20k
Designing Experiences People Love
moore
130
22k
ParisWeb 2013: Learning to Love: Crash Course in Emotional UX Design
dotmariusz
101
6.2k
WebSockets: Embracing the real-time Web
robhawkes
58
6k
Teambox: Starting and Learning
jrom
124
7.9k
Build The Right Thing And Hit Your Dates
maggiecrowley
22
1.4k
Making the Leap to Tech Lead
cromwellryan
117
7.7k

Transcript

  1. ϑϩϯτΤϯυΤϯδχΞͷ
 ΩϟϦΞύε !TIJCF 'SPOUFOEEF,"/1"*

  2. σβΠφʔ / ϑϩϯτΤϯυΤϯδχΞ ৽ଔͰϠϑʔʹσβΠφʔೖࣾɻ
 ೥͘Β͍41"Λॻ͍͍ͯΔɻ ͜͏ݟ͑ͯɺࡀ̎ࣇͷ෕ɻ γϕ @shibe97

  3. ࡀͷઅ໨ʹ৭ʑͱߟ͑ͨ͜ͱͳͲΛʜ

  4. ͲΜͳ࢓ࣄΛ ͍͔ͨ͠ ͲΜͳ؀ڥͰ ಇ͖͍͔ͨ

  5. ͲΜͳ࢓ࣄΛ͍͔ͨ͠

  6. %FTJHO 'SPOUFOE "1* %FTJHOFS &OHJOFFS

  7. ٕज़ϓϩϑΣογϣφϧ Ϛωʔδϟʔ ਓࣄɺҭ੒ %FTJHO 'SPOUFOE "1*

  8. ೥ྸͱͱ΋ʹߟ͑ํ΋มΘͬͯ͘ΔͷͰ ৗʹࢹ໺͸޿Ίʹɻ

  9. ͲΜͳ࢓ࣄΛ ͍͔ͨ͠ ͲΜͳ؀ڥͰ ಇ͖͍͔ͨ

  10. ͲΜͳ؀ڥͰಇ͖͍͔ͨ

  11. Technology೿ Service೿ ʮ͜ͷαʔϏε͕΍Γ͍ͨʯ ʮαʔϏεΛάϩʔε͍ͤͨ͞ʯ ʮ͜ͷٕज़͕޷͖ʯ ʮ࣮૷͢Δ͜ͱࣗମ͕޷͖ʯ

  12. ࣗ෼͸5FDIOPMPHZ೿ ʢษڧձʹདྷ͍ͯΔਓ͸͍͍ͩͨͦ͏ͳͷͰ͸ͱ͍͏ؾ΋͢Δʣ

  13. +BWB4DSJQU͕޷͖ )5.-͕޷͖ ٕज़Λ௥͏ͷָ͕͍͠ ಛʹ΍Γ͍ͨαʔϏεʹͩ͜ΘΓ͸ͳ͍

  14. େاۀ ελʔτΞοϓ ϑϦʔϥϯε

  15. େاۀ ελʔτΞοϓ ϑϦʔϥϯε ͜ͷ͋ͨΓ͕޲͍͍ͯΔʁ

  16. ҰํͰɺ ՈͰझຯ։ൃ͢Δͷ͕޷͖ ࣗ෼ͰαʔϏεΛ࡞͓ͬͯۚՔ͍͗ͨ

  17. ࣌୅͸αʔόʔϨε΁ Ϋϥ΢υαʔϏεͷॆ࣮ʢ"84ɺ($1ɺ"[VSFʣ αʔόʔඅΛ͔͚ͣʹ8FCαʔϏε͕࡞ΕΔ (JU)VC1BHFT΍"NB[PO4্Ͱ΋41"͸ಈ͔ͤΔ

  18. ΋͸΍ͻͱΓͰ΋
 w w w 8FCαʔϏεΛ࡞Εͯ͠·͏

  19. ϑϩϯτΤϯυͷಛݖ ΞϓϦͷਓ͸݁ߏݸਓͰग़ͯ͠Ṷ͚͍ͯΔΠϝʔδ αʔόʔϨεԽͰɺ8FCͰ΋ιϨ͕Ͱ͖Δݱঢ় ͳΜͰօ΍Βͳ͍ͷʁ

  20. ࣗ෼ͷαʔϏεʹ͸ࢥ͍ೖΕ͕͋Δ ౰ͨΓલʢʁʣ͚ͩͲ

  21. Technology೿ Service೿ ʮ͜ͷαʔϏε͕΍Γ͍ͨʯ ʮαʔϏεΛάϩʔε͍ͤͨ͞ʯ ʮ͜ͷٕज़͕޷͖ʯ ʮ࣮૷͢Δ͜ͱࣗମ͕޷͖ʯ

  22. ٕज़Λ
 खஈͱݟΔ͔ɺ໨తͱݟΔ͔

  23. αʔϏε ςΫϊϩδʔ ҆ఆ ෆ҆ఆ େاۀ ελʔτΞοϓ ϑϦʔϥϯε

  24. େاۀ ελʔτΞοϓ ϑϦʔϥϯε w ਓͱ͕ۚ५୔ w ςΫϊϩδʔʹׂ͘
 Ϧιʔε͕͋Δ w ҆ఆͨ͠ऩೖ͕ಘΒΕΔ

    w େۚΛಘΒΕΔՄೳੑ
 ͕͋Δ w গਓ਺Ώ͑ʹαʔϏε
 Ѫ͕ڧ͍ w ࣌ؒɺ࢓ࣄΛࣗ෼Ͱ
 ίϯτϩʔϧͰ͖Δ w ٕज़ݚᮎʹ͕࣌ؒऔΕΔ w ലେͳऩೖ͸๬ΈͮΒ͍ w ࣃंͷҰ෦ʹͳΓ͕ͪ w ϒϥοΫԽ͠΍͍͢ w ౗࢈ͳͲͷϦεΫ͕͋Δ w ٕज़Λຏ͕࣌ؒ͋͘·Γ औΕͳͦ͏ w ΫϥΠΞϯτʹԠͨ͡
 ࡞ۀ͕ٻΊΒΕΔ w ࡞ۀײ͕͋Γͳ͔ͳ͔
 αʔϏεѪ͕࣋ͯͳͦ͏

  25. Ͱɺ͓લ͸Ͳ͏͢Δͷʁ

  26. ઌ݄ɺىۀ͠·ͨ͠ʂ ʢ஫ɿϲ݄લʹਓ໨͕ੜ·Εͨ͹͔Γʣ

  27. None

  28. 1 Ϣʔβʔݸਓ୯Ґͷϩά͕ݟΒΕΔ 2 ఆظతʹ/14ΛܭଌͰ͖Δ 3 ؾʹͳΔϢʔβʔʹ௚઀ΠϯλϏϡʔ͕Ͱ͖Δ 4 "*ʹΑΔΠϯλϏϡʔͷແਓԽ

  29. None

  30. IUUQTNFZBTVCBDP

  31. ϢʔβʔΠϯλϏϡʔʹࠔ͍ͬͯΔํ͕͍ͨΒ
 ࠙਌ձͰ͝Ұใ͍ͩ͘͞ʂ

  32. େاۀ ελʔτΞοϓ ϑϦʔϥϯε ݁ہίίΛબΜͩ

  33. ελʔτΞοϓˠେاۀ େاۀˠେاۀ େاۀˠελʔτΞοϓ ελʔτΞοϓˠϑϦʔϥϯε FUDʜ

  34. ਖ਼ղ͸ͳ͍ɻ ৗʹࣗ෼͕ຬ଍Ͱ͖Δબ୒Λ͢Δɻ

  35. ࠓޙͷ8FCۀքͷ࿩

  36. ಺ֳ෎ͷ೥౓ࢿྉΑΓ IUUQXXXDBPHPKQLPVSFJXIJUFQBQFSXIUNMHBJZPVT@IUNM

  37. ಺ֳ෎ͷ೥౓ࢿྉΑΓ IUUQXXXDBPHPKQLPVSFJXIJUFQBQFSXIUNMHBJZPVT@IUNM

  38. ௒ߴྸࣾձϠό͍

  39. ࠓͷ8FCۀք શମతʹए͍ ΠέΠέײ एͯ͘༏लͳਓ͕ଟ͍

  40. ೥ޙͷ8FCۀք *5Խ͕ਐΉͱڞʹɺ*5ਓޱ΋૿͑Δ ฏۉ೥ྸӽ͑ ਓ޻஌ೳͷൃల

  41. ೥ޙͷਓࡐ഑ஔ͸ʁ

  42. ϑϦʔϥϯε͕૿͑ɺΑΓଟ༷ੑͷ͋Δಇ͖ํ ىۀՈ͕૿͑ɺελʔτΞοϓ͕૿͑Δ ࠓ·Ͱେاۀ๊͕͍͑ͯͨபΛຊ̍ຊओ࣠ͱͨ͠اۀ͕
 ૿͖͍͑ͯͯΔ ୯७࡞ۀ͸΄ͱΜͲࣗಈԽ͞Εɺ
 ୯७Ͱͳ͍࡞ۀ͸"*͕׆༂͍ͯ͠Δੈͷத

  43. "*ɾࣗಈԽ͸Ͳ͜·ͰਐΉ͔ ΑΓΫϦΤΠςΟϒʹۙͮ͘΄Ͳ"*Խ͸೉͍͠ ըҰతͳσβΠϯͰ͋Ε͹͋Δ΄ͲɺࣗಈԽ͸Մೳ ࡢࠓͷσβΠϯγεςϜΛ࠾༻͍ͯ͠ΔͳΒ͹ɺσβΠϯ ܾఆ࣌ʹ࣮૷΋ࣗಈͰߦ͏ະདྷ͸དྷͦ͏ "EPCF4FOTFJ͸σβΠϯͷٕज़໘ΛࣗಈԽ

  44. ϑϩϯτΤϯυ΋ͲΜͲΜศརʹͳ͍ͬͯ͘ ࠓ͸ෳࡶԽ͍ͯ͠ΔϑϩϯτΤϯυք۾͕ͩɺ
 ঃʑʹͦͷෳࡶ͞ΛӅṭ͢Δ࢓૊Έ͸Ͱ͖࢝Ί͍ͯΔ DSFBUFSFBDUBQQ OFYUKT FUDʜ ͦͷྲྀΕ͸ࠓޙ΋Ճ଎͍ͯ͘͠

  45. ͦ͏ͳͬͯ͘Δͱ ͢΂ͯͷٕज़Λ୭Ͱ΋؆୯ʹѻ͑ΔΑ͏ʹͳΔ ͦͷٕज़ΛԿʹ࢖͏͔ͱ͍͏ͷ͕ॏཁʹͳͬͯ͘Δ Ϗδωεࢹ఺ͷ஌͕ࣝࠓޙඞཁʹͳͬͯ͘Δ

  46. ੲ͸*&ͱ͍͏΋ͷ͕͋ͬͯͳɺqPBUMFGU࣌ʹ
 NBSHJOMFGU͔͚ΔͱഒʹͳͬͨΜ͡ΌΑ ੲ͸3FEVYͱ͍͏΋ͷ͕͋ͬͯͳɺBDUJPOͱ͔
 SFEVDFSͱ͔ΰϦΰϦॻ͘ͷେมͩͬͨΜ͡ΌΑ

  47. զʑͷ͢΂͖͜ͱʢ·ͱΊʣ ஌ࣝͷΞοϓσʔτΛ܁Γฦ͠ɺ ৗʹͦͷ׆͔͠Ͳ͜ΖΛ໛ࡧ͢Δ

  48. 5IBOLT 5XJUUFS(JU)VC!TIJCF