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

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

Transcript

1. ϑϩϯτΤϯυΤϯδχΞͷ

   ΩϟϦΞύε
   !TIJCF
   'SPOUFOEEF,"/1"*
   

   View Slide

2. σβΠφʔ / ϑϩϯτΤϯυΤϯδχΞ
   ৽ଔͰϠϑʔʹσβΠφʔೖࣾɻ

   ೥͘Β͍41"Λॻ͍͍ͯΔɻ
   ͜͏ݟ͑ͯɺࡀ̎ࣇͷ෕ɻ
   γϕ @shibe97
   

   View Slide

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

   View Slide

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

   View Slide

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

   View Slide

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

   View Slide

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

   View Slide

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

   View Slide

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

   View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

18. ΋͸΍ͻͱΓͰ΋

    w w w
    8FCαʔϏεΛ࡞Εͯ͠·͏
    

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

22. ٕज़Λ

    खஈͱݟΔ͔ɺ໨తͱݟΔ͔
    

    View Slide

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

    View Slide

24. େاۀ ελʔτΞοϓ ϑϦʔϥϯε
    w ਓͱ͕ۚ५୔
    w ςΫϊϩδʔʹׂ͘

    Ϧιʔε͕͋Δ
    w ҆ఆͨ͠ऩೖ͕ಘΒΕΔ
    w େۚΛಘΒΕΔՄೳੑ

    ͕͋Δ
    w গਓ਺Ώ͑ʹαʔϏε

    Ѫ͕ڧ͍
    w ࣌ؒɺ࢓ࣄΛࣗ෼Ͱ

    ίϯτϩʔϧͰ͖Δ
    w ٕज़ݚᮎʹ͕࣌ؒऔΕΔ
    w ലେͳऩೖ͸๬ΈͮΒ͍
    w ࣃंͷҰ෦ʹͳΓ͕ͪ
    w ϒϥοΫԽ͠΍͍͢
    w ౗࢈ͳͲͷϦεΫ͕͋Δ
    w ٕज़Λຏ͕࣌ؒ͋͘·Γ
    औΕͳͦ͏
    w ΫϥΠΞϯτʹԠͨ͡

    ࡞ۀ͕ٻΊΒΕΔ
    w ࡞ۀײ͕͋Γͳ͔ͳ͔

    αʔϏεѪ͕࣋ͯͳͦ͏
    

    View Slide

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

    View Slide

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

    View Slide

27. View Slide

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

    View Slide

29. View Slide

30. IUUQTNFZBTVCBDP
    

    View Slide

31. ϢʔβʔΠϯλϏϡʔʹࠔ͍ͬͯΔํ͕͍ͨΒ

    ࠙਌ձͰ͝Ұใ͍ͩ͘͞ʂ
    

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

35. ࠓޙͷ8FCۀքͷ࿩
    

    View Slide

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

    View Slide

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

    View Slide

38. ௒ߴྸࣾձϠό͍
    

    View Slide

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

    View Slide

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

    View Slide

41. ೥ޙͷਓࡐ഑ஔ͸ʁ
    

    View Slide

42. ϑϦʔϥϯε͕૿͑ɺΑΓଟ༷ੑͷ͋Δಇ͖ํ
    ىۀՈ͕૿͑ɺελʔτΞοϓ͕૿͑Δ
    ࠓ·Ͱେاۀ๊͕͍͑ͯͨபΛຊ̍ຊओ࣠ͱͨ͠اۀ͕

    ૿͖͍͑ͯͯΔ
    ୯७࡞ۀ͸΄ͱΜͲࣗಈԽ͞Εɺ

    ୯७Ͱͳ͍࡞ۀ͸"*͕׆༂͍ͯ͠Δੈͷத
    

    View Slide

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

    View Slide

44. ϑϩϯτΤϯυ΋ͲΜͲΜศརʹͳ͍ͬͯ͘
    ࠓ͸ෳࡶԽ͍ͯ͠ΔϑϩϯτΤϯυք۾͕ͩɺ

    ঃʑʹͦͷෳࡶ͞ΛӅṭ͢Δ࢓૊Έ͸Ͱ͖࢝Ί͍ͯΔ
    DSFBUFSFBDUBQQ OFYUKT FUDʜ
    ͦͷྲྀΕ͸ࠓޙ΋Ճ଎͍ͯ͘͠
    

    View Slide

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

    View Slide

46. ੲ͸*&ͱ͍͏΋ͷ͕͋ͬͯͳɺqPBUMFGU࣌ʹ

    NBSHJOMFGU͔͚ΔͱഒʹͳͬͨΜ͡ΌΑ
    ੲ͸3FEVYͱ͍͏΋ͷ͕͋ͬͯͳɺBDUJPOͱ͔

    SFEVDFSͱ͔ΰϦΰϦॻ͘ͷେมͩͬͨΜ͡ΌΑ
    

    View Slide

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

    View Slide

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

    View Slide