ころばぬ先のテクニカルディレクション

 ころばぬ先のテクニカルディレクション

MTDDC MEETUP HOKKAIDO 2018で発表した講演資料です

035e26d167208e8645a70f7b76b70781?s=128

Kazuma Nishihata

June 10, 2018
Tweet

Transcript

  1. K2VFSZ͔ΒεςʔδΞοϓ ̍าઌߦͨ͘Ίͷ+BWB4DSJQU ੢ാҰഅ to-R ͜Ζ͹͵ઌͷςΫχΧϧσΟϨΫγϣϯ ੢ാҰഅ

  2. גࣜձࣾτΡʔΞʔϧ ୅දऔక໾ / ϑϩϯτΤϯυΤϯδχΞ ੢ാҰഅ גࣜձࣾτΡʔΞʔϧ ୅දऔక໾ / ϑϩϯτΤϯυΤϯδχΞ ੢ാҰഅ

  3. ϑϩϯτΤϯυʹಛԽͨ͠Web੍࡞ձࣾ • Angular / React / Vue • jQuery /

    JavaScript • HTML / CSS • ςΫχΧϧσΟϨΫγϣϯ to-R
  4. גࣜձࣾτΡʔΞʔϧ ୅දऔక໾ / ϑϩϯτΤϯυΤϯδχΞ ੢ാҰഅ

  5. גࣜձࣾτΡʔΞʔϧ ୅දऔక໾ / ϑϩϯτΤϯυΤϯδχΞ ੢ാҰഅ

  6. Έͳ͞Μ

  7. ࣸਅ:http://www.beiz.jp/web/download_S/fire/00071.html

  8. ࣸਅ:http://www.beiz.jp/web/download_S/fire/00071.html Ԍ্ͯ͠·͔͢ʁ

  9. Ԍ্ͷఆٛ •౰ॳͷ༧ఆ௨Γਐ·ͳ͍ •௒աՔಇͰϦΧόϦʔ

  10. ༧ఆ௨Γਐ·ͳ͍ •࢓༷͕༧ఆͨ͠εέδϡʔϧͰܾ·ͬͯͳ͍ •ૉࡐ͕༧ఆͨ͠εέδϡʔϧͰೖखͰ͖͍ͯͳ͍ •σβΠϯ͕༧ఆͨ͠εέδϡʔϧͰFIXͰ͖͍ͯͳ͍ •࢓༷/ཁ్͕݅தͰมΘΔ •࣮૷࣌ʹ࢓༷ͷ૝ఆ࿙Ε͕൑໌ •εέδϡʔϧ͕஗Ԇ͍ͯ͠Δʹ΋͔͔ΘΒͣೲظ͸ݻఆ

  11. ༧ఆ௨Γਐ·ͳ͍ •ͦ΋ͦ΋ೲظ͔Βٯࢉͨ͠
 εέδϡʔϧͳͷͰແཧ͕͋Δ •্ྲྀ ( ೲظ·Ͱ༨༟͕͋Δ࡞ۀ ) ΄Ͳ •εέδϡʔϧʹϧʔζ

  12. Ͳ͏͢Ε͹༧ఆ௨ΓʹਐΉͷ͔ʁ

  13. ͍Ζ͍ΖؤுΔ

  14. ͦͷલʹ

  15. ϓϩδΣΫτ͸༧ఆ௨Γʹਐ·ͳ͍

  16. ༧ఆ௨Γʹਐ·ͳ͘ͳ͔ͬͯΒ ؤுͬͯ΋஗͍

  17. ϓϩδΣΫτʹ͸ ෆ֬ఆཁૉ͕ଟ͍

  18. Ͳ͏͢Ε͹ʁ

  19. ୭͔͕يಓमਖ਼͠ͳͯ͘͸͍͚ͳ͍

  20. ࣮૷ऀ͕ σΟϨΫγϣϯ͢Δ

  21. ্ྲྀ޻ఔͰ͸Ϗδωεཁ͔݅Β 6*ཁ͕݅࢈Έग़͞Εͯ Լྲྀʹ͓͍ͯγεςϜཁ݅ʹͳΔ

  22. ੍࡞ʹूத͍ͨ͠ʂ

  23. ͦͷͨΊʹ࣮૷ऀ͕ σΟϨΫγϣϯ͢Δ

  24. ࡢࠓͷෳࡶͳWebͰ͸ ઐ໳ͷௐ੔໾͕ඞཁʹͳ͖͍ͬͯͯΔ

  25. ςΫχΧϧσΟϨΫγϣϯ

  26. ςΫχΧϧσΟϨΫγϣϯͷఆٛ •ज़తଆ໘͔ΒϓϩδΣΫτΛ ੒ޭʹಋ͘ •࣮૷ऀ͕ԁ׈ʹ࡞ۀ͕Ͱ͖ΔΑ͏ʹ
 ͢ΔͨΊͷԼ४උ

  27. ΫϥΠΞϯτ σΟϨΫλʔ ࣮૷ऀ εϜʔζ͡Όͳ͍͔΋͠Εͳ͍৘ใ఻ୡͷྲྀΕ

  28. ΫϥΠΞϯτ ࣮૷ऀ εϜʔζ͔΋͠Εͳ͍৘ใ఻ୡͷྲྀΕ

  29. ௚઀ίϛϡχέʔγϣϯͰ͖Δ ڑ཭ײ͕ॏཁ

  30. 䕐㠠ࠅ΁㘒㗡㘃㘓㗨Ӕ㘁㘋 㘹㘢㘾㘞㙞㘺㘖㙟㘢㘪㙚㙦㗮㙐㘗㙦㘻

  31. 䕐㠠ࠅ΁ wରԠϒϥ΢β͸ʁ w(JU࢖͏ʁϝʔϧͰೲ඼ʁ wςεταʔόʔ͸Ͳ͏͢Δͷʁ wσβΠϯιϑτ͸ʁ14 "* 4LFUDI  w47(ॻ͖ग़ͤΔʁ w38%ʁΞμϓςΟϒσβΠϯʁ

    wϒϨʔΫϙΠϯ㘻͸ʁ w41൛͸ԿQYͰ࡞Δʁ
  32. 䕐㠠ࠅ΁ w(VMQ࢖ͬͯΑ͍ʁ8FCQBDL 1BSDFM⽏ w4BTT࢖ͬͯྑ͍ʁ1PTU$44͸ʁ w#BCFMΛ͔ͭ͏͔ʁ5ZQF4DSJQUΛ͔ͭ͏͔ʁ wK2VFSZʹ͠·͔͢ 
 7VFKT 3FBDU "OHVMBS

     w&EJUPS$POpH͸ʁ-ῶUFS͸ʁGPSNBUUFS͸ʁ
  33. ԫۃ㗫ࠅ΁㘒Ҫ౥㗗㗦c ॎၛ㗌㗪㗄㗋ᆽႩ㘒Б㗆 㘹㘢㘾㘞㙞㘺㘖㙟㘢㘪㙚㙦㗮㙐㘗㙦㘻

  34. ԫۃᆽႩԫධ wσʔλͷ੔߹ੑ͸औΕ͍ͯΔ͔ʁ wཁ݅తʹᐆດͳՕॴ͸ͳ͍͔ʁ wແ஡ͳཁ͕݅هࡌ͞Ε͍ͯͳ͍͔ʁ

  35. Ҧஔٙ㗫׉㗗㗄ၖה㘒c ԫۃ㗫ើ㗈㘋 㘹㘢㘾㘞㙞㘺㘖㙟㘢㘪㙚㙦㗮㙐㘗㙦㘻

  36. ׉㗗㗋㗣㗟㗓㗨 Է w8FC35$Ͱෳ਺ਓͰ57νϟοτ wإೝࣝͰসإͷࣸਅΛ੾ΓऔΔ

  37. 㗡㘃㘓㗨ʈ਺㘒Ԉጐ㘋c 㗡㘃㘓㗨ʈ਺㘒ើ㗈㘋 㘹㘢㘾㘞㙞㘺㘖㙟㘢㘪㙚㙦㗮㙐㘗㙦㘻

  38. Ԉጐ㘂㘊㗮㙐㘗㙦㘻 wલఏ৚݅ΛͪΌΜͱ໌ࣔ wલఏ৚͕݅֎Εͨࡍͷ͜ͱ΋ͪΌΜͱ
 ίϛϡχέʔγϣϯ wͳΔ΂͘ࡉ͔͘ػೳ͝ͱͷݟੵ΋Δ wϏδωεཁ݅ͱγεςϜཁ݅ͷ
 ϛεϚον͕Θ͔ΔΑ͏ʹ w͋Δఔ౓ͷόοϑΝΛ૊ΈࠐΜͰ͓͘ wཁ͕݅๲ΕͨΒ௥Ճ޻਺ ͓ۚɾ࣌ؒ

    Λཁٻ
  39. 㘕㙜㖽㘻㗯Ŏ߆㗧㘂㗯㘄㗏 㘹㘢㘾㘞㙞㘺㘖㙟㘢㘪㙚㙦㗮㙐㘗㙦㘻

  40. 㘕㙜㖽㘻㗮㙐㘗㙦㘻 wෆ଍ͷࣄଶͷՄೳੑʹؾ͍ͮͨΒଈΞϥʔτ wൃੜͯ͠΋৺ߏ͕͑Ͱ͖͍ͯΔ wൃੜ͠ͳ͍͚ͩͰ޾ͤʹͳΕΔ w༧ఆ௨Γೲ඼͞ΕΔ͔Կճ͔֬ೝ͓ͯ͘͠

  41. ˓ܰ㗫㘦㙒㙘㘾㘤㖽㘪㙚㙦㗧㗍 㘋㘈㗆㗫㗗㗦㗊㗏 㘹㘢㘾㘞㙞㘺㘖㙟㘢㘪㙚㙦㗮㙐㘗㙦㘻

  42. 㘦㙒㙘㘾㘤㖽㘪㙚㙦㘷㖽㙞 wνϟοτπʔϧ
 4MBDLɺ$IBUXPSLɺ4LZQF 
 wνέοτ؅ཧπʔϧ
  (JU)VC*TTVFɺ3FE.ῶFɺ+*3" 

  43. 㘴㘤㘶㘻၍ଣ㘷㖽㙞㗮㢚㗮ἅ wνέοτςʔϚ w୲౰ऀΛͪΌΜͱม͑Δ wऴΘͬͨνέοτ͸׬ྃʹ͢Δ

  44. ·ͱΊ

  45. ϓϩδΣΫτʹ͸༷ʑͳܗ͕͋Γ ༷ʑͳϝϯόʔ͕ଘࡏ͢Δ

  46. దࡐదॴͷਓһ഑ஔ͕ٻΊΒΕΔ

  47. ࣮૷ऀ͕ σΟϨΫγϣϯʹؔΘΔͷ΋ ྑ͍Ͱ͢Α

  48. 5IBOL:PV https://twitter.com/KazumaNishihata