フロントエンドのスキルマップと育成のはなし

Slide 1

Slide 1 text

ϑϩϯτΤϯυͷ εΩϧϚοϓͱ ҭ੒ͷ͸ͳ͠ "ZVNV4BUP +VOF 'SPOUSFOE*O/BHPZB

Slide 2

Slide 2 text

ࠤ౻า ͞ͱ͏ ͋ΏΉ

Slide 3

Slide 3 text

ϋϯυϧωʔϜ BIPNV !

Slide 4

Slide 4 text

IUUQ BIPNV ೥ؒҡ࣋අˇ

Slide 5

Slide 5 text

+PC גࣜձࣾαΠόʔΤʔδΣϯτ Ξϝʔόࣄۀຊ෦ 8FC ϑϩϯτΤϯυ ΤϯδχΞ

Slide 6

Slide 6 text

"HFOEB ϑϩϯτΤϯυΤϯδχΞͬͯʜ ৽ଔέʔεελσΟ ʮઐ໳ʯͱʮ෼ۀʯͱʮੜଘʯ ͍͞͝ʹ

Slide 7

Slide 7 text

ϑϩϯτΤϯυ ΤϯδχΞ

Slide 8

Slide 8 text

ϑϩϯτΤϯυ ΤϯδχΞ ͬͯ Կ ʁ IUUQTXXXGMJDLSDPNQIPUPTTBBE

Slide 9

Slide 9 text

ͳΓ͍ͨʁ ޏ͍͍ͨʁ ໊৐Γ͍ͨʁ

Slide 10

Slide 10 text

۩ମతʹ ͳʹΛ͢Δਓʁ

Slide 11

Slide 11 text

)5.- $44 +BWB4DSJQU $ ⚙ &

Slide 12

Slide 12 text

) #SPXTFS

Slide 13

Slide 13 text

* + %FTLUPQ -BQUPQ 5BCMFU .PCJMF

Slide 14

Slide 14 text

⌂ )PNFQBHF

Slide 15

Slide 15 text

✉ / 1 2 .BJM 4IPQQJOH 4DIFEVMF $MPVE .BQ

Slide 16

Slide 16 text

৭ʑͳ໾ׂ͕͋Δ ‣ 8FCαΠτͷϚʔΫΞοϓΛ͢Δͻͱ ‣ ෳࡶͳ+BWB4DSJQUͷઃܭ͕ಘҙͳͻͱ ‣ "KBYΛۦ࢖ͨ͠ػೳΛ࣮૷͢Δͻͱ ‣ ήʔϜͷΞχϝʔγϣϯΛ։ൃ͢Δͻͱ ‣ FUDʜ

Slide 17

Slide 17 text

ΤϯδχΞϦϯά ⚙ 3 σβΠϯ ♥

Slide 18

Slide 18 text

'&ͷσβΠϯ ‣ ͜͏͍͏ϥϕϦϯάͩͱ఻ΘΔ͔ͳʁ ‣ ࠓͷ6*͸ૢ࡞ͮ͠Β͍͔Βɺ΋ͬͱྑ͘͠Α͏ ‣ ͜ͷ༨നͷऔΓํͳΒղ૾౓͕มΘͬͯ΋େৎ෉ ‣ ؾ࣋ͪͷΑ͍Ξχϝʔγϣϯ͸͜Μͳ΋Μ͔ͳ ‣ 6*ͷنଇੑ͕ͳ͍͔Β੔ཧ͠Α͏

Slide 19

Slide 19 text

'&ͷΤϯδχΞϦϯά ‣ ͜͜ΛࣗಈԽͨ͠Β࡞ۀޮ཰͕͕͋Δ ‣ ௨৴ճ਺ΛݮΒͯ͠ಡΈࠐΈΛ଎͘͠Α͏ ‣ ΋ͬͱॲཧͷܭࢉྔΛݮΒͤΔͳ ‣ .PEFMͱ7JFXΛ͋͋ͯ͜͠͏ͯ͠ŋŋŋ ‣ σʔλόΠϯσΟϯά͕Ͳʔͷ͜ʔͷ

Slide 20

Slide 20 text

'&ͷઐ໳ੑʢྫʣ ‣ ϒϥ΢βɾ࣮ߦ؀ڥͷύϑΥʔϚϯεͱ͔Λɹɹɹɹɹɹɹɹɹɹ ਂ͘ཧղ͍ͯ͠Δͷ͸ϑϩϯτ ‣ ϒϥ΢βґଘͰόάͬͯ΋সͬͯɹɹɹɹɹɹɹɹɹɹɹɹɹɹ ͬ͞͞ͱରԠͰ͖Δͷ͕ϑϩϯτ ‣ $44ͷΑ͏ͳهड़ݴޠʹઃܭΛ࣋ͪࠐΜͰɹɹɹɹɹɹɹɹɹɹ ϝϯςφϏϦςΟΛอͭͷ΋ϑϩϯτ ‣ αʔόʔαΠυͱ࿈ܞͯ͠ɹɹɹɹɹɹɹɹɹɹɹɹɹɹɹɹɹ ෳࡶͳػೳͱ6*ΛߏஙͰ͖Δͷ΋ϑϩϯτ ‣ σβΠφʔͱ࿈ܞͯ͠6*΍ϏδϡΞϧσβΠϯΛɹɹɹɹɹɹɹ ࣮૷ʹམͱ͠ࠐΊΔͷ΋ϑϩϯτ

Slide 21

Slide 21 text

'&ͬΆ͞ͷ·ͱΊ ‣ ϒϥ΢βͰಈ࡞͢Δٕज़શൠΛۦ࢖Ͱ͖Δ ‣ ؀ڥͷଟ༷Խʹ௥ैͰ͖Δ ‣ 6*ɾσβΠϯɾΠϯλϥΫγϣϯͷ࣮૷ʹɹɹɹɹɹ ੹೚Λ΋ͯΔ ‣ ΤϯδχΞϦϯάͷ؍఺Ͱޮ཰Խ΍ɹɹɹɹɹɹɹɹ ύϑΥʔϚϯε޲্Λߟ͑ΒΕΔ

Slide 22

Slide 22 text

৽ଔέʔεελσΟ

Slide 23

Slide 23 text

एखͷ೥ ྫ

Slide 24

Slide 24 text

एख/ ٕज़ऀͱͯ͠͸ී௨ͬΆ͍৽ଔ اըɾ6*ͷํ໘ʹ໨͕ྑ͍ ! ࣌୅͕࣌୅ͳΒ࣮૷΋Ͱ͖ΔΑܥͷ 8FCσβΠφʔʹͳ͔ͬͯͨ΋ʁ

Slide 25

Slide 25 text

݄ ‣ ഑ଐˍ௥Ճݚम ‣ /PEFͱ͔1IBOUPN+4ͳͲ ‣ +4͚ͩͲϒϥ΢β͡Όͳ͍ͷΛத৺ʹ ‣ 8FCΞϓϦ͕ಈͨ͘ΊͷྲྀΕΛଊ͑ͯ΋Β͏

Slide 26

Slide 26 text

ࣗ෼Ͱߟ͑ͨϞϊΛ ૈͯ͘΋࡞ΕΔΑ͏ʹ

Slide 27

Slide 27 text

݄ ‣ ΤϯδχΞจԽͷ࡮ΓࠐΈ ‣ ࠇ͍ը໘ɺ͜Θ͍ͱ͔ݴΘͤͳ͍ ‣ (JUόʔδϣϯ؅ཧɾ7BHSBOU$IFG؀ڥߏங ‣ গͣͭ͠։ൃ࡞ۀ΋࢝ΊΔ ‣ σόοάͱ໰୊ղܾͷτϨʔχϯά΋

Slide 28

Slide 28 text

࡮ΓࠐΈେࣄ Կ΋෼͔Βͳ͍͏ͪͦ͜ ૂ͑ΔλΠϛϯά

Slide 29

Slide 29 text

݄ ‣ ϦχϡʔΞϧʹ൐͏৽ن։ൃ ‣ ޻਺Λ؅ཧͯ͋͛͠ͳ͕Βɹɹɹɹɹɹɹɹɹɹɹɹ ໧ʑͱۀ຿ϨϕϧΛ্͛ͯ΋Β͏ ‣ ໨ͷલͷ՝୊ʹɺૉ௚ʹඞࢮ͍ͯ͜0,ͳ࣌ظ ‣ ͜ͷ࣌ظʹλεΫͷࣗݾ؅ཧ·Ͱฒߦ͢Δͷ͸ɹɹɹɹ ݸਓࠩ͋ΔͩΖ͏͚Ͳ೉͍͠ҹ৅

Slide 30

Slide 30 text

ϑϩϯτͷ࣮૷ʹ ඞཁͳલఏٕज़Λ ͔ͬ͠Γ཈͑Δ

Slide 31

Slide 31 text

݄ ‣ ϦϦʔεޙͷࢪࡦ࣮૷ ‣ ௨শʮَͷӡ༻ʯ ‣ ϦϦʔεલΑΓ΋εϐʔυײ͕େࣄ ‣ ਖ਼֬ͳݟੵ΋Γͱɺखૣ͍࣮૷͕ٻΊΒΕΔ

Slide 32

Slide 32 text

͔Δ͘Ԍ্ͭͭ͠ ඞཁͳ࣮૷ྗ͸ ਎ʹ෇͚ͨ IUUQTXXXGMJDLSDPNQIPUPTHOVDLY

Slide 33

Slide 33 text

͋ͱɺͿͬͪΌ͚ ௐ੔ྗͳ͍ͱ ϑϩϯτ͖͍ͭΑͶʁ IUUQTXXXGMJDLSDPNQIPUPTHOVDLY

Slide 34

Slide 34 text

σβΠφʔ αʔόʔ ΤϯδχΞ ϑϩϯτΤϯυ ΤϯδχΞ ϓϩσϡʔαʔ

Slide 35

Slide 35 text

ཌ݄ ‣ ϦϦʔε؅ཧͷϋϯυϦϯάɺௐ੔Λ͓ئ͍͢Δ ‣ ΋ͪΖΜ࣮૷΋΍Δ ‣ ͍ͭͰʹࣗ෼͕ଟ๩ʹͳΔʢڧ੍਌཭Εʣ ‣ ͪΐͬͱࢮʹͦ͏

Slide 36

Slide 36 text

Ҏ߱ɺಠΓཱͪ

Slide 37

Slide 37 text

;Γ͔͑Γ ‣ ࣗ෼Ͱߟ͑ͨϞϊΛૈͯ͘΋ɹɹɹɹɹɹɹɹɹ ͻͱΓͰ࡞ΕΔΑ͏ʹ ‣ Կ΋෼͔Βͳ͍͏ͪʹɺ౰ͨΓલΛ࡮ΓࠐΉ ‣ ࣮૷͸લఏٕज़͕ଗ͍ͬͯΕ͹ɺࠜੑͰग़དྷΔ ‣ ద੾ͳݟੵ΋ΓͱɺνʔϜ಺ͷௐ੔ྗΛඋ͑Δ

Slide 38

Slide 38 text

࢒͞Εͨ՝୊ ‣ ϑϨʔϜϫʔΫతͳ΋ͷ͸࢖͑Δ͕ɹɹɹɹɹ εΫϥονͷΞʔΩςΫνϟ͕૊Ίͳ͍ ‣ ෳࡶͳ6*Λࠞཚͤͣʹ࣮૷͖͠Δྗ͕ऑΊ ‣ ͱɺࢥͬͨΒ'JMF"1*ͱ$BOWBTΛ࢖ͬͨɹɹɹɹɹ ը૾τϦϜͷ6*ͱ͔࡞ͬͯͨͷͰ๙Ίͨ ‣ ͻͱ͸উखʹʗ ?P? ʘ੒௕͢ΔΜͩʂ

Slide 39

Slide 39 text

ϑϩϯτΤϯυͷ εΩϧΛ֮͑Δʁ

Slide 40

Slide 40 text

)5.- $44 +BWB4DSJQU "KBY )551 8FC4PDLFU OQN HSVOUHVMQ TIFMM +BWB 1)1 /PEF 7JTVBM 5ZQPHSBQIZ 7FSUJDBM3IZUIN 6* *OUFSBDUJPO 38%

Slide 41

Slide 41 text

)5.- $44 +BWB4DSJQU "KBY )551 8FC4PDLFU OQN HSVOUHVMQ TIFMM +BWB 1)1 /PEF 7JTVBM 5ZQPHSBQIZ 7FSUJDBM3IZUIN 6* *OUFSBDUJPO 38% Ττητϥʜ

Slide 42

Slide 42 text

શ෦͓΅͑Δͷ͸ ແཧࠔ೉

Slide 43

Slide 43 text

͔Β·Ͱڭ͑Δͷ͸ ΋ͬͱࠔ೉

Slide 44

Slide 44 text

ຊਓֶ͕ͼํΛ ਎ʹ෇͚Δ

Slide 45

Slide 45 text

ং൫͕ಛʹॏཁ

Slide 46

Slide 46 text

ֶͼͷश׳ͱखஈΛ ਎ʹ෇͚ͯ΋Β͏

Slide 47

Slide 47 text

ֶͿश׳ ‣ ϒϩά ‣ ษڧձ ‣ ॻ੶ ‣ ϥΠόϧ୳͠ ‣ ϝϯλʔ୳͠ ‣ (PPHMFΔ ‣ 3FGFSFODFΔ ‣ 4UBDL0WFSGMPXΔ ‣ 2JJUBΔ ‣ (JU)VCΔ

Slide 48

Slide 48 text

ֶͿश׳ ‣ ϒϩά ‣ ษڧձ ‣ ॻ੶ ‣ ϥΠόϧ୳͠ ‣ ϝϯλʔ୳͠ ‣ (PPHMFΔ ‣ 3FGFSFODFΔ ‣ 4UBDL0WFSGMPXΔ ‣ 2JJUBΔ ‣ (JU)VCΔ

Slide 49

Slide 49 text

ʊਓਓਓਓਓਓʊ ʼɹ໨ઢ্͛ɹʻ ʉ:?:?:?:?:ʉ

Slide 50

Slide 50 text

ֶͼ΋ෳར͕େࣄ

Slide 51

Slide 51 text

੒ ௕ ࣌ؒ

Slide 52

Slide 52 text

ʊਓਓਓਓਓਓʊ ʼɹ੒௕֯౓ɹʻ ʉ:?:?:?:?:ʉ

Slide 53

Slide 53 text

ֶͿश׳͑͋͞Ε͹ ͪΐͬͱ෼໺͕ มΘͬͯ΋େৎ෉

Slide 54

Slide 54 text

֎͔Βಇ͖͔͚Δ ֶशࢧԉ

Slide 55

Slide 55 text

ಠֶͷࢧԉ

Slide 56

Slide 56 text

֎͔Βಇ͖͔͚ΒΕΔ͜ͱ ‣ ΪϟοϓͷׂΓग़͠ ‣ ΰʔϧͱػձͮ͘Γ ‣ ద౓ͳϑΟʔυόοΫ ‣ ධՁʢΑ͘΍ͬͨʂʣ

Slide 57

Slide 57 text

ςΟʔνϯάͱ ίʔνϯάͷ ࢖͍෼͚

Slide 58

Slide 58 text

࠷ॳ͸ςΟʔνϯά ͔ͬ͠ΓجૅΛڭ͑Δ

Slide 59

Slide 59 text

׳ΕͨΒίʔνϯά ຊਓͷֶͼΛҾ͖ग़͢

Slide 60

Slide 60 text

࣭໰ͷ࢓ํ ʮͲ͏ͨ͠Β͍͍Ͱ͔͢ʁʯ

Slide 61

Slide 61 text

ňͲ͏ͨ͠Βྑ͍͔ ࣗ෼ͳΓʹ౴͑Λ ग़͔ͯ͠Βฉ͍ͯͶŉ

Slide 62

Slide 62 text

ň౴͑Λڭ͑ͯ໯͏ΑΓ ࣗ෼Ͱߟ͔͑ͯΒ ౴͑߹ΘͤΛฉ͍ͨ΄͏͕ ษڧʹͳΔͰ͠ΐ͏ʁŉ

Slide 63

Slide 63 text

ฐࣾऔక໾ ਓࣄຊ෦௕ͷݴ

Slide 64

Slide 64 text

ͨͱ͑͹ӦۀͰ࣋ࢀࢿྉΛ४උ͢Δͷʹ ࣗ෼Ͱߟ͑ͯ४උ͢Δͷͱ ઌഐʹࢦࣔ͞Εͨ௨Γʹ४උ͢ΔͷͱͰ ͸େ͖ͳ͕ࠩੜ͡·͢ɻ IUUQXXXFYFDVUJWFJOUFSWJFXDPNBSDIJWFT “

Slide 65

Slide 65 text

ʊਓਓਓਓਓਓਓʊ ʼɹܾஅܦݧ஋ɹʻ ʉ:?:?:?:?:?:ʉ

Slide 66

Slide 66 text

֎͔Βಇ͖͔͚ΒΕΔ͜ͱ ‣ χʔζͷׂΓग़͠ʢݱঢ়ධՁʣ ‣ ػձͮ͘Γʢΰʔϧઃఆʣ ‣ ద౓ͳϑΟʔυόοΫ ‣ ධՁʢΑ͘΍ͬͨʂʣ

Slide 67

Slide 67 text

ޮ཰ྑֶ͘ͿͨΊͷ ֶशઃܭ

Slide 68

Slide 68 text

ΠϯετϥΫγϣφϧ σβΠϯ ͷΤοηϯε

Slide 69

Slide 69 text

ԿͷલఏΛຬͨͤ͹ ՝୊ΛΫϦΞͰ͖Δ͔

Slide 70

Slide 70 text

՝୊෼ੳ

Slide 71

Slide 71 text

Χϧʔηϧͷ ࣮૷ UPVDIΠϕϯτ ͷ੍ޚ %0.Πϕϯτͷ ஌ࣝ Ξχϝʔγϣϯ ͷ੍ޚ $44ͷ஌ࣝ %0.Πϕϯτͷ ஌ࣝ %0.ૢ࡞ͷ ΍Γ͔ͨ K2VFSZͷ ࢖͍ํ

Slide 72

Slide 72 text

͜͏͍͏ͷΛ౿·͑ͯ ΰʔϧ࡞Δͱྑ͍ϋζ

Slide 73

Slide 73 text

ຊਓͷֶͼͱ ֶशࢧԉ͕؊

Slide 74

Slide 74 text

ʮઐ໳ʯ ͱ ʮ෼ۀʯ ͱ ʮੜଘʯ 9

Slide 75

Slide 75 text

ϑϧελοΫ ΤϯδχΞ ࠷ڧ఻આ IUUQTXXXGMJDLSDPNQIPUPTYVSCMF

Slide 76

Slide 76 text

ϑϧελοΫ ΤϯδχΞ

Slide 77

Slide 77 text

ϑϧελοΫ ΤϯδχΞ ͬͯ Կ ʁ IUUQTXXXGMJDLSDPNQIPUPTTBBE

Slide 78

Slide 78 text

۩ମతʹ ͳʹΛ͢Δਓʁ

Slide 79

Slide 79 text

෼ۀͷมԽ͸ গͳ͔Βͣ͋Δ

Slide 80

Slide 80 text

։ൃ޻ఔͷਫฏ෼ۀ σ β Π ϯ Ϛ ʛ Ϋ Ξ ο ϓ δ ϟ ό ε Ϋ Ϧ ϓ τ α ʛ ό ʛ α Π υ Π ϯ ϑ ϥ

Slide 81

Slide 81 text

։ൃ޻ఔͷਫฏ෼ۀ σ β Π ϯ Ϛ ʛ Ϋ Ξ ο ϓ δ ϟ ό ε Ϋ Ϧ ϓ τ α ʛ ό ʛ α Π υ Π ϯ ϑ ϥ ␡ ଞͷϝϯόʔ͕ ΫϦςΟΧϧύεʹͳΔ

Slide 82

Slide 82 text

ػೳ୯Ґͷਨ௚෼ۀ σβΠϯ Πϯϑϥ ϚʔΫ Ξοϓ δϟό εΫϦϓτ αʔόʔ αΠυ ϚʔΫ Ξοϓ δϟό εΫϦϓτ αʔόʔ αΠυ ϚʔΫ Ξοϓ δϟό εΫϦϓτ αʔόʔ αΠυ

Slide 83

Slide 83 text

ػೳ୯Ґͷਨ௚෼ۀ σβΠϯ Πϯϑϥ ϚʔΫ Ξοϓ δϟό εΫϦϓτ αʔόʔ αΠυ ϚʔΫ Ξοϓ δϟό εΫϦϓτ αʔόʔ αΠυ ϚʔΫ Ξοϓ δϟό εΫϦϓτ αʔόʔ αΠυ ␡

Slide 84

Slide 84 text

εϖγϟϦετ ͱ θωϥϦετ

Slide 85

Slide 85 text

8FCٕज़ऀͷ໊৐Γ͸ ΠϯϑϨ͠ଓ͚Δ

Slide 86

Slide 86 text

ͻͱͭͻͱͭͷࣄ͕ ؆୯ʹͳ͍ͬͯΔ

Slide 87

Slide 87 text

Πϯϑϥ͸1BB4͋Δ͠ αʔόʔ͸ϑϨʔϜϫʔΫ͋Δ͠ ϑϩϯτ΋ϥΠϒϥϦ͋Δ͠

Slide 88

Slide 88 text

த௕ظతʹ օ͕ԿͰ΋Ͱ͖Δ ͱ͍͏೔͸དྷͯ͠·͏

Slide 89

Slide 89 text

ࠓͷϑϩϯτΤϯυ΋ Ұੲલ͸ಛघٕೳʹ ฉ͑ͨ͜

Slide 90

Slide 90 text

Ͱ΋ࠓ΍ ϑϩϯτΤϯυͳΜͯ ୔ࢁ͍·ͤΜ͔ʁ

Slide 91

Slide 91 text

ϑϩϯτΤϯυͰ ԿΛͯ͠Δͷʁ

Slide 92

Slide 92 text

ϑϧελοΫͰ ԿΛͯ͠Δͷʁ

Slide 93

Slide 93 text

࠷ऴతʹ͸ Կ͕Ͱ͖Δͻͱͳͷ͔ʁ

Slide 94

Slide 94 text

ૉ੖Β͍͠6*Λ ఏҊ͢Δͻͱʁ

Slide 95

Slide 95 text

ϒϥ΢βήʔϜΛ ࡞Δͻͱʁ

Slide 96

Slide 96 text

ߴ଎Ͱ8FCαʔϏεΛ ্ཱͪ͛Δਓʁ

Slide 97

Slide 97 text

ԿΛ͢Δਓͳͷ͔ ϒϥϯσΟϯά

Slide 98

Slide 98 text

͍͞͝ʹ ♥

Slide 99

Slide 99 text

ϑϩϯτΤϯυ WT αʔόʔαΠυ ␡

Slide 100

Slide 100 text

ΫϥΠΞϯταΠυ WT αʔόʔαΠυ ✓

Slide 101

Slide 101 text

ωΠςΟϒͷ΄͏͕ ͍͔ۙ΋

Slide 102

Slide 102 text

ΫϥΠΞϯτٕज़͸ มΘΓ΍͍͢ʂ

Slide 103

Slide 103 text

8FCͷকདྷతͳٕज़Ͱ ϫʔΫϑϩʔ͕ มԽ͢Δ͜ͱͰʁ

Slide 104

Slide 104 text

ྫ͑͹8FC$PNQPFOUT

Slide 105

Slide 105 text

ίϯϙʔωϯτ σβΠφʔ

Slide 106

Slide 106 text

ίϯϙʔωϯτ σΟϕϩούʔ

Slide 107

Slide 107 text

ίϯϙʔωϯτ Ϗϧμʔ

Slide 108

Slide 108 text

΍Γ͍ͨ͜ͱͰʮݞॻ͖ʯ͕ܾ·Δ ΄͍͠ਓࡐͰʮืू৬छʯ͕ܾ·Δ

Slide 109

Slide 109 text

ʮݞॻ͖ʯ΍ʮืू৬छʯ͸ ࣌୅ʹґଘͯ͠ ඞͣมԽ͕΍ͬͯ͘Δ

Slide 110

Slide 110 text

2VFTUJPOT IUUQBIPNV !BIPNV HJUIVCDPNBIPNV ! ⌂ IUUQTXXXGMJDLSDPNQIPUPTGVUVSJMMB