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

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

B22ff27b7826e3299c8dba2e99f2aef8?s=47 Kazuki Shibata
October 25, 2017
Technology
9
3.1k

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

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

B22ff27b7826e3299c8dba2e99f2aef8?s=128

Kazuki Shibata

October 25, 2017
Tweet

More Decks by Kazuki Shibata

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

Other Decks in Technology

See All in Technology
ラブグラフ紹介資料 〜プロダクト解体新書〜 / Lovegraph Product Deck
84ece018b6918e3339fe74075ab3dd18?s=48 lovegraph
0
120
マネージャーからみたスクラムと自己管理化
D14332b39b012820d44d362a3e2a8d98?s=48 shibe23
0
960
サーバレスECにおける Step Functions の使い方 〜ステートマシン全部見せます！〜
74cec195bfb6cb5165256d88cb7fcf0f?s=48 miu_crescent
0
180
誰が正解を知っているのか / Who knows the right answer
95aaab3d693889550fd2e7ae02f2f789?s=48 takaking22
1
220
#JP_Stripes Sapporo Stripeの活用例を色々ご紹介します！
74cec195bfb6cb5165256d88cb7fcf0f?s=48 miu_crescent
0
110
要約 "Add Live Text interaction to your app"
9e64d2069945742c818421e884603b44?s=48 ushisantoasobu
0
130
ウォーターフォールとアジャイルと楽楽明細/Waterfall×Agile×Rakurakumeisai
83c3e0e87371c50399ac898308bdbb92?s=48 whitefox_73
1
350
2022年度新卒技術研修「DNS」講義
094e424062f60b011a0d0b294fbc17e4?s=48 excitejp
PRO
0
350
雑な攻撃からELBを守る一工夫 ＋おまけ / Know-how to protect servers from miscellaneous attacks
8e8410eb785755ae2cb485f85dbab6e8?s=48 hiroga
0
430
チームとチームのチーム
1a679952cdf455ecd6a15cbde7ae80d5?s=48 eiel
1
910
MRTK3 - DataBinding and Theming 入門
Fccbd625997f63e7b251d9725cb905a5?s=48 futo23
0
160
HoloLens2とMetaQuest2どちらも動くWebXRアプリをBabylon.jsで作る
Bf0e54ea0d4ea19343ccfbe5d410a96b?s=48 iwaken71
0
170

Featured

See All Featured
Art Directing for the Web. Five minutes with CSS Template Areas
433acaea1012b25d97ae66da9b998dad?s=48 malarkey
196
9.4k
Statistics for Hackers
56c4053438af8e8b90d6f53cbb7573be?s=48 jakevdp
781
210k
The World Runs on Bad Software
20bfe76b3d6105641f879fe45cfc9272?s=48 bkeepers
PRO
57
5.3k
The MySQL Ecosystem @ GitHub 2015
Be9caeb9d4ef9944d151af909063ed6e?s=48 samlambert
238
11k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
E195ae45320d9202eaa01c9f1d31a416?s=48 marktimemedia
15
940
How To Stay Up To Date on Web Technology
8081b26e05bb4354f7d65ffc34cbbd67?s=48 chriscoyier
780
250k
The Invisible Side of Design
B3d6434763caa0ef5dc4b792662c49f7?s=48 smashingmag
290
48k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
A9a491b0fcbe0fbce3d64063a37add99?s=48 rmw
19
1.4k
JavaScript: Past, Present, and Future - NDC Porto 2020
3ab1249be442027903e1180025340b3f?s=48 reverentgeek
37
3.2k
Imperfection Machines: The Place of Print at Facebook
7c8469ee8c9e594c65c59b919626c08d?s=48 scottboms
253
12k
GraphQLの誤解/rethinking-graphql
3cb4e761dbdb7aebd1ffd85f752e1e3e?s=48 sonatard
27
6.5k
Making the Leap to Tech Lead
32de0bd2ba869609d26fd052a4622778?s=48 cromwellryan
113
7.4k

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