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

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

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

Frontrend in Nagoya html5nagoya.jp/frontrend/ で使用したスライドです。本編40分。

1644fba8a219c89987390ef4f23d06bf?s=128

Ayumu Sato

June 21, 2014
Tweet

Transcript

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

  2. ࠤ౻า ͞ͱ͏ ͋ΏΉ

  3. ϋϯυϧωʔϜ BIPNV !

  4. IUUQ BIPNV ೥ؒҡ࣋අˇ 

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

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

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

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

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

  10. ۩ମతʹ ͳʹΛ͢Δਓʁ

  11. )5.- $44 +BWB4DSJQU $ ⚙ &

  12. ) #SPXTFS

  13. * + %FTLUPQ -BQUPQ 5BCMFU .PCJMF

  14. ⌂ )PNFQBHF

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

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

    FUDʜ
  17. ΤϯδχΞϦϯά ⚙ 3 σβΠϯ ♥

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

    6*ͷنଇੑ͕ͳ͍͔Β੔ཧ͠Α͏
  19. '&ͷΤϯδχΞϦϯά ‣ ͜͜ΛࣗಈԽͨ͠Β࡞ۀޮ཰͕͕͋Δ ‣ ௨৴ճ਺ΛݮΒͯ͠ಡΈࠐΈΛ଎͘͠Α͏ ‣ ΋ͬͱॲཧͷܭࢉྔΛݮΒͤΔͳ ‣ .PEFMͱ7JFXΛ͋͋ͯ͜͠͏ͯ͠ŋŋŋ ‣

    σʔλόΠϯσΟϯά͕Ͳʔͷ͜ʔͷ
  20. '&ͷઐ໳ੑʢྫʣ ‣ ϒϥ΢βɾ࣮ߦ؀ڥͷύϑΥʔϚϯεͱ͔Λɹɹɹɹɹɹɹɹɹɹ ਂ͘ཧղ͍ͯ͠Δͷ͸ϑϩϯτ ‣ ϒϥ΢βґଘͰόάͬͯ΋সͬͯɹɹɹɹɹɹɹɹɹɹɹɹɹɹ ͬ͞͞ͱରԠͰ͖Δͷ͕ϑϩϯτ ‣ $44ͷΑ͏ͳهड़ݴޠʹઃܭΛ࣋ͪࠐΜͰɹɹɹɹɹɹɹɹɹɹ ϝϯςφϏϦςΟΛอͭͷ΋ϑϩϯτ

    ‣ αʔόʔαΠυͱ࿈ܞͯ͠ɹɹɹɹɹɹɹɹɹɹɹɹɹɹɹɹɹ ෳࡶͳػೳͱ6*ΛߏஙͰ͖Δͷ΋ϑϩϯτ ‣ σβΠφʔͱ࿈ܞͯ͠6*΍ϏδϡΞϧσβΠϯΛɹɹɹɹɹɹɹ ࣮૷ʹམͱ͠ࠐΊΔͷ΋ϑϩϯτ
  21. '&ͬΆ͞ͷ·ͱΊ ‣ ϒϥ΢βͰಈ࡞͢Δٕज़શൠΛۦ࢖Ͱ͖Δ ‣ ؀ڥͷଟ༷Խʹ௥ैͰ͖Δ ‣ 6*ɾσβΠϯɾΠϯλϥΫγϣϯͷ࣮૷ʹɹɹɹɹɹ ੹೚Λ΋ͯΔ ‣ ΤϯδχΞϦϯάͷ؍఺Ͱޮ཰Խ΍ɹɹɹɹɹɹɹɹ

    ύϑΥʔϚϯε޲্Λߟ͑ΒΕΔ
  22. ৽ଔέʔεελσΟ

  23. एखͷ೥ ྫ

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

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

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

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

    ‣ σόοάͱ໰୊ղܾͷτϨʔχϯά΋
  28. ࡮ΓࠐΈେࣄ Կ΋෼͔Βͳ͍͏ͪͦ͜ ૂ͑ΔλΠϛϯά

  29. ݄ ‣ ϦχϡʔΞϧʹ൐͏৽ن։ൃ ‣ ޻਺Λ؅ཧͯ͋͛͠ͳ͕Βɹɹɹɹɹɹɹɹɹɹɹɹ ໧ʑͱۀ຿ϨϕϧΛ্͛ͯ΋Β͏ ‣ ໨ͷલͷ՝୊ʹɺૉ௚ʹඞࢮ͍ͯ͜0,ͳ࣌ظ ‣ ͜ͷ࣌ظʹλεΫͷࣗݾ؅ཧ·Ͱฒߦ͢Δͷ͸ɹɹɹɹ

    ݸਓࠩ͋ΔͩΖ͏͚Ͳ೉͍͠ҹ৅
  30. ϑϩϯτͷ࣮૷ʹ ඞཁͳલఏٕज़Λ ͔ͬ͠Γ཈͑Δ

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

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

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

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

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

  36. Ҏ߱ɺಠΓཱͪ

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

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

    ͻͱ͸উखʹʗ ?P? ʘ੒௕͢ΔΜͩʂ
  39. ϑϩϯτΤϯυͷ εΩϧΛ֮͑Δʁ

  40. )5.- $44 +BWB4DSJQU "KBY )551 8FC4PDLFU OQN HSVOUHVMQ TIFMM +BWB

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

    1)1 /PEF 7JTVBM 5ZQPHSBQIZ 7FSUJDBM3IZUIN 6* *OUFSBDUJPO 38% Ττητϥʜ
  42. શ෦͓΅͑Δͷ͸ ແཧࠔ೉

  43. ͔Β·Ͱڭ͑Δͷ͸ ΋ͬͱࠔ೉

  44. ຊਓֶ͕ͼํΛ ਎ʹ෇͚Δ

  45. ং൫͕ಛʹॏཁ

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

  47. ֶͿश׳ ‣ ϒϩά ‣ ษڧձ ‣ ॻ੶ ‣ ϥΠόϧ୳͠ ‣

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

    ϝϯλʔ୳͠ ‣ (PPHMFΔ ‣ 3FGFSFODFΔ ‣ 4UBDL0WFSGMPXΔ ‣ 2JJUBΔ ‣ (JU)VCΔ
  49. ʊਓਓਓਓਓਓʊ ʼɹ໨ઢ্͛ɹʻ ʉ:?:?:?:?:ʉ

  50. ֶͼ΋ෳར͕େࣄ

  51. ੒ ௕ ࣌ؒ

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

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

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

  55. ಠֶͷࢧԉ

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

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

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

  59. ׳ΕͨΒίʔνϯά ຊਓͷֶͼΛҾ͖ग़͢

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

  61. ňͲ͏ͨ͠Βྑ͍͔ ࣗ෼ͳΓʹ౴͑Λ ग़͔ͯ͠Βฉ͍ͯͶʼn

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

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

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

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

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

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

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

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

  70. ՝୊෼ੳ

  71. Χϧʔηϧͷ ࣮૷ UPVDIΠϕϯτ ͷ੍ޚ %0.Πϕϯτͷ ஌ࣝ Ξχϝʔγϣϯ ͷ੍ޚ $44ͷ஌ࣝ %0.Πϕϯτͷ

    ஌ࣝ %0.ૢ࡞ͷ ΍Γ͔ͨ K2VFSZͷ ࢖͍ํ
  72. ͜͏͍͏ͷΛ౿·͑ͯ ΰʔϧ࡞Δͱྑ͍ϋζ

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

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

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

  76. ϑϧελοΫ ΤϯδχΞ

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

  78. ۩ମతʹ ͳʹΛ͢Δਓʁ

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

  80. ։ൃ޻ఔͷਫฏ෼ۀ σ β Π ϯ Ϛ ʛ Ϋ Ξ ο

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

    ϓ δ ϟ ό ε Ϋ Ϧ ϓ τ α ʛ ό ʛ α Π υ Π ϯ ϑ ϥ ␡ ଞͷϝϯόʔ͕ ΫϦςΟΧϧύεʹͳΔ
  82. ػೳ୯Ґͷਨ௚෼ۀ σβΠϯ Πϯϑϥ ϚʔΫ Ξοϓ δϟό εΫϦϓτ αʔόʔ αΠυ ϚʔΫ

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

    Ξοϓ δϟό εΫϦϓτ αʔόʔ αΠυ ϚʔΫ Ξοϓ δϟό εΫϦϓτ αʔόʔ αΠυ ␡
  84. εϖγϟϦετ ͱ θωϥϦετ

  85. 8FCٕज़ऀͷ໊৐Γ͸ ΠϯϑϨ͠ଓ͚Δ

  86. ͻͱͭͻͱͭͷࣄ͕ ؆୯ʹͳ͍ͬͯΔ

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

  88. த௕ظతʹ օ͕ԿͰ΋Ͱ͖Δ ͱ͍͏೔͸དྷͯ͠·͏

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

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

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

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

  93. ࠷ऴతʹ͸ Կ͕Ͱ͖Δͻͱͳͷ͔ʁ

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

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

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

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

  98. ͍͞͝ʹ ♥

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

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

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

  102. ΫϥΠΞϯτٕज़͸ มΘΓ΍͍͢ʂ

  103. 8FCͷকདྷతͳٕज़Ͱ ϫʔΫϑϩʔ͕ มԽ͢Δ͜ͱͰʁ

  104. ྫ͑͹8FC$PNQPFOUT

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

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

  107. ίϯϙʔωϯτ Ϗϧμʔ

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

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

  110. 2VFTUJPOT IUUQBIPNV !BIPNV HJUIVCDPNBIPNV ! ⌂ IUUQTXXXGMJDLSDPNQIPUPTGVUVSJMMB