React Version Up

52f564a70c11ed09a537c537a965a126?s=47 yun8boo
August 06, 2019

React Version Up

Reactのメジャーバージョンアップ〜react-railsを用いた事例〜

52f564a70c11ed09a537c537a965a126?s=128

yun8boo

August 06, 2019
Tweet

Transcript

  1. 3FBDUͷϝδϟʔόʔδϣϯΞοϓ Ϡϑʔ໊ݹ԰5FDI.FFUVQ ʙ3FBDU3BJMTΛ༻͍ͨࣄྫʙ  :VNB8BUBOBCF

  2. $PQZSJHIU˜TUNO JOD"MMSJHIUTSFTFSWFE ࣗݾ঺հ 2 Yuma Watanabe 2019.4 גࣜձࣾελϝϯʹೖࣾ 2019.8 ݱࡏ͸ϑϩϯτΤϯυνʔϜ

  3. $PQZSJHIU˜TUNO JOD"MMSJHIUTSFTFSWFE ɹ56/"(ʢπφάʣ 3 w ࣾ಺ͷ৴པؔ܎ߏஙΛ໨తͱͨ͠اۀ޲͚4/4 w ͓ޓ͍Λ஌Γɺཧղ͢Δ͜ͱ͕໨త w ࣾҎ্ͷاۀʹಋೖ͞Εɺ਺ສਓ͕ར༻த

  4. $PQZSJHIU˜TUNO JOD"MMSJHIUTSFTFSWFE ର৅ऀ 4 w3FBDU3BJMT࢖͍ͬͯΔ wࠓޙ3FBDUͷόʔδϣϯΛ͍͋͛ͨ wࠓ·ͰDSFBUFSFBDUBQQΛ࢖͍ͬͯͯ
 XFCQBDLʹ͍ͭͯ஌Γ͍ͨ ࣗ෼

  5. $PQZSJHIU˜TUNO JOD"MMSJHIUTSFTFSWFE ΞδΣϯμ 5 3FBDU3BJMTΛ࢖ͬͨࣄྫ ͸͡Ίʹ ϝδϟʔόʔδϣϯΞοϓσʔτͷରԠ

  6. $PQZSJHIU˜TUNO JOD"MMSJHIUTSFTFSWFE ΞδΣϯμ 6 3FBDU3BJMTΛ࢖ͬͨࣄྫ ͸͡Ίʹ ϝδϟʔόʔδϣϯΞοϓσʔτͷରԠ

  7. $PQZSJHIU˜TUNO JOD"MMSJHIUTSFTFSWFE ΞδΣϯμ 7 3FBDU3BJMTΛ࢖ͬͨࣄྫ ͸͡Ίʹ ϝδϟʔόʔδϣϯΞοϓσʔτͷରԠ

  8. ͸͡Ίʹ

  9. $PQZSJHIU˜TUNO JOD"MMSJHIUTSFTFSWFE 56/"(؀ڥ 9

  10. $PQZSJHIU˜TUNO JOD"MMSJHIUTSFTFSWFE 10

  11. $PQZSJHIU˜TUNO JOD"MMSJHIUTSFTFSWFE 11

  12. $PQZSJHIU˜TUNO JOD"MMSJHIUTSFTFSWFE 12

  13. $PQZSJHIU˜TUNO JOD"MMSJHIUTSFTFSWFE 13

  14. $PQZSJHIU˜TUNO JOD"MMSJHIUTSFTFSWFE ͸͡Ίʹ 14 ͳͥόʔδϣϯΛ
 ্͛Α͏ͱࢥ͔ͬͨ

  15. $PQZSJHIU˜TUNO JOD"MMSJHIUTSFTFSWFE ͸͡Ίʹ 15 3FBDUͷػೳ΍
 ؔ࿈ϥΠϒϥϦ͕࢖͑ͳ͔ͬͨ

  16. $PQZSJHIU˜TUNO JOD"MMSJHIUTSFTFSWFE ͸͡Ίʹ 16 3FBDUͷόʔδϣϯΛ͋͛Α͏

  17. $PQZSJHIU˜TUNO JOD"MMSJHIUTSFTFSWFE 3FBDU3BJMTΛ࢖ͬͨࣄྫ 17 3FBDU3BJMTΛ࢖ͬͨࣄྫ ͸͡Ίʹ ϝδϟʔόʔδϣϯΞοϓσʔτͷରԠ

  18. 3FBDU3BJMTΛ࢖ͬͨࣄྫ

  19. $PQZSJHIU˜TUNO JOD"MMSJHIUTSFTFSWFE 3FBDU3BJMTΛ࢖ͬͨࣄྫ 19 wϑϩϯτͷίʔυΛॻ͍ͨਓ͕͍ͳͯࣗ͘෼Ͱ ಡΈղ͍͍͔ͯ͘͠ͳ͔ͬͨ w։ൃ؀ڥΛ஌Βͣʹ։ൃ͍ͯͨ͠

  20. $PQZSJHIU˜TUNO JOD"MMSJHIUTSFTFSWFE 3FBDU3BJMTΛ࢖ͬͨࣄྫ 20 wϑϩϯτͷίʔυΛॻ͍ͨਓ͕͍ͳͯࣗ͘෼Ͱ ಡΈղ͍͍͔ͯ͘͠ͳ͔ͬͨ w։ൃ؀ڥΛ஌Βͣʹ։ൃ͍ͯͨ͠

  21. $PQZSJHIU˜TUNO JOD"MMSJHIUTSFTFSWFE 3FBDU3BJMTΛ࢖ͬͨࣄྫ 21 3FBDUͷػೳ΍
 ؔ࿈ϥΠϒϥϦ͕࢖͑ͳ͔ͬͨ

  22. $PQZSJHIU˜TUNO JOD"MMSJHIUTSFTFSWFE 3FBDU3BJMTΛ࢖ͬͨࣄྫ 22 3FBDUͷόʔδϣϯΛ͋͛Α͏

  23. $PQZSJHIU˜TUNO JOD"MMSJHIUTSFTFSWFE 3FBDU3BJMTΛ࢖ͬͨࣄྫ 23 ͍͖ͳΓϋϚΔ

  24. $PQZSJHIU˜TUNO JOD"MMSJHIUTSFTFSWFE 3FBDU3BJMTΛ࢖ͬͨࣄྫ 24

  25. $PQZSJHIU˜TUNO JOD"MMSJHIUTSFTFSWFE 3FBDU3BJMTΛ࢖ͬͨࣄྫ 25 QBDLBHFKTPOΛݟΔ ࢦఆͷόʔδϣϯʹॻ͖׵͑Δ ্͕ͬͨ͜ͱΛ֬ೝ

  26. $PQZSJHIU˜TUNO JOD"MMSJHIUTSFTFSWFE 26

  27. $PQZSJHIU˜TUNO JOD"MMSJHIUTSFTFSWFE 27

  28. $PQZSJHIU˜TUNO JOD"MMSJHIUTSFTFSWFE 3FBDU3BJMTΛ࢖ͬͨࣄྫ 28 QBDLBHFKTPOʹهࡌ͞Ε͍ͯΔ 3FBDUͷόʔδϣϯ͸
 ࣮ࡍʹى͖͍ͯΔΤϥʔ͸
 ΑΓݹ͍ͱى͖ΔΤϥʔ

  29. $PQZSJHIU˜TUNO JOD"MMSJHIUTSFTFSWFE 3FBDU3BJMTΛ࢖ͬͨࣄྫ 29

  30. $PQZSJHIU˜TUNO JOD"MMSJHIUTSFTFSWFE 3FBDU3BJMTΛ࢖ͬͨࣄྫ 30 ࠷৽ʹ͋͛ͯΈΔ

  31. $PQZSJHIU˜TUNO JOD"MMSJHIUTSFTFSWFE 3FBDU3BJMTΛ࢖ͬͨࣄྫ 31 มΘΒͳ͍

  32. $PQZSJHIU˜TUNO JOD"MMSJHIUTSFTFSWFE 3FBDU3BJMTΛ࢖ͬͨࣄྫ 32

  33. $PQZSJHIU˜TUNO JOD"MMSJHIUTSFTFSWFE 3FBDU3BJMTΛ࢖ͬͨࣄྫ 33 DPOTPMFMPH 3FBDUWFSTJPO

  34. $PQZSJHIU˜TUNO JOD"MMSJHIUTSFTFSWFE 3FBDU3BJMTΛ࢖ͬͨࣄྫ 34 

  35. $PQZSJHIU˜TUNO JOD"MMSJHIUTSFTFSWFE 3FBDU3BJMTΛ࢖ͬͨࣄྫ 35 QBDLBHFKTPOʹهࡌ͞Ε͍ͯ Δόʔδϣϯͱ͸ݶΒͳ͍

  36. $PQZSJHIU˜TUNO JOD"MMSJHIUTSFTFSWFE 3FBDU3BJMTΛ࢖ͬͨࣄྫ 36 QBDLBHFKTPOΛݟΔ ࢦఆͷόʔδϣϯʹॻ͖׵͑Δ ্͕ͬͨ͜ͱΛ֬ೝ ❌

  37. $PQZSJHIU˜TUNO JOD"MMSJHIUTSFTFSWFE 3FBDU3BJMTΛ࢖ͬͨࣄྫ 37 XFCQBDLͷ
 FYUFSOBMTΦϓγϣϯʹΑͬͯ
 ֎෦ϑΝΠϧΛݟ͍ͯͨ

  38. $PQZSJHIU˜TUNO JOD"MMSJHIUTSFTFSWFE 3FBDU3BJMTΛ࢖ͬͨࣄྫ 38 FYUFSOBMTʁ

  39. $PQZSJHIU˜TUNO JOD"MMSJHIUTSFTFSWFE 3FBDU3BJMTΛ࢖ͬͨࣄྫ 39 wࢦఆϞδϡʔϧΛCVOEMFର৅͔Β֎ͯ͠ɺ֎෦ґଘʹͰ͖Δ wࢦఆϞδϡʔϧΛϩʔυ͢ΔલఏͰXFCQBDL࣮ߦ࣌ͷΤϥʔ Λճආ͢Δ͜ͱ͕Ͱ͖Δ

  40. $PQZSJHIU˜TUNO JOD"MMSJHIUTSFTFSWFE 3FBDU3BJMTΛ࢖ͬͨࣄྫ 40 3FBDU͕࢖ΘΕ͍ͯΔͱ͜ΖͰ TDSJQUλάͰ3FBDUΛϩʔυ

  41. $PQZSJHIU˜TUNO JOD"MMSJHIUTSFTFSWFE 3FBDU3BJMTΛ࢖ͬͨࣄྫ 41 ·ͨϋϚΔ

  42. $PQZSJHIU˜TUNO JOD"MMSJHIUTSFTFSWFE 42

  43. $PQZSJHIU˜TUNO JOD"MMSJHIUTSFTFSWFE 43 ΍ͬͱؾ෇͘

  44. $PQZSJHIU˜TUNO JOD"MMSJHIUTSFTFSWFE 3FBDU3BJMTΛ࢖ͬͨࣄྫ 44 BQQBTTFUTKBWBTDSJQU BQQMJDBUJPOKT

  45. $PQZSJHIU˜TUNO JOD"MMSJHIUTSFTFSWFE 3FBDU3BJMTΛ࢖ͬͨࣄྫ 45

  46. $PQZSJHIU˜TUNO JOD"MMSJHIUTSFTFSWFE 3FBDU3BJMTΛ࢖ͬͨࣄྫ 46 3FBDUͷWΛ࢖͏ 3FBDU3BJMTͷόʔδϣϯ ʹͳ͍ͬͯͨ

  47. $PQZSJHIU˜TUNO JOD"MMSJHIUTSFTFSWFE 3FBDU3BJMTΛ࢖ͬͨࣄྫ 47 3FBDU3BJMTͷόʔδϣϯΛ͋ ͛Δ͜ͱʹΑͬͯɺ3FBDUͷόʔ δϣϯΛ͋͛Δ͜ͱʹ੒ޭ

  48. $PQZSJHIU˜TUNO JOD"MMSJHIUTSFTFSWFE 3FBDU3BJMTΛ࢖ͬͨࣄྫ 48

  49. $PQZSJHIU˜TUNO JOD"MMSJHIUTSFTFSWFE 3FBDU3BJMTΛ࢖ͬͨࣄྫ 49 ςετ༻ʹελϝϯݶఆͰ
 ઌߦϦϦʔεΛͯ͠ ͦͷޙʹશࣾϦϦʔε

  50. $PQZSJHIU˜TUNO JOD"MMSJHIUTSFTFSWFE 3FBDU3BJMTΛ࢖ͬͨࣄྫ 50 BQQMJDBUJPOKT શࣾ  BQQMJDBUJPOTUNOKT ελϝϯ

  51. $PQZSJHIU˜TUNO JOD"MMSJHIUTSFTFSWFE 3FBDU3BJMTΛ࢖ͬͨࣄྫ 51 ·ͨϋϚΔ

  52. $PQZSJHIU˜TUNO JOD"MMSJHIUTSFTFSWFE BQQMJDBUJPOKT 52

  53. $PQZSJHIU˜TUNO JOD"MMSJHIUTSFTFSWFE BQQMJDBUJPOTUNOKT 53

  54. $PQZSJHIU˜TUNO JOD"MMSJHIUTSFTFSWFE 3FBDU3BJMTΛ࢖ͬͨࣄྫ 54

  55. $PQZSJHIU˜TUNO JOD"MMSJHIUTSFTFSWFE 55 3FBDU3BJMTΛ࢖ͬͨࣄྫ

  56. $PQZSJHIU˜TUNO JOD"MMSJHIUTSFTFSWFE 56 ͜ΕͳΒ͍͚Δ 3FBDU3BJMTΛ࢖ͬͨࣄྫ

  57. $PQZSJHIU˜TUNO JOD"MMSJHIUTSFTFSWFE 3FBDU3BJMTΛ࢖ͬͨࣄྫ 57

  58. $PQZSJHIU˜TUNO JOD"MMSJHIUTSFTFSWFE BQQMJDBUJPOKT 58

  59. $PQZSJHIU˜TUNO JOD"MMSJHIUTSFTFSWFE BQQMJDBUJPOTUNOKT 59

  60. $PQZSJHIU˜TUNO JOD"MMSJHIUTSFTFSWFE 3FBDU3BJMTΛ࢖ͬͨࣄྫ 60 ͜ΕͰແࣄʹ3FBDUͷόʔδϣϯ Λ͋͛Δ͜ͱʹ੒ޭ͠·ͨ͠

  61. $PQZSJHIU˜TUNO JOD"MMSJHIUTSFTFSWFE 3FBDU3BJMTΛ࢖ͬͨࣄྫ 61

  62. $PQZSJHIU˜TUNO JOD"MMSJHIUTSFTFSWFE 3FBDU3BJMTΛ࢖ͬͨࣄྫ 62 w3FBDU)PPLT w3FEVY)PPLT w5ZQFTDSJQU

  63. $PQZSJHIU˜TUNO JOD"MMSJHIUTSFTFSWFE 3FBDU3BJMTΛ࢖ͬͨࣄྫ 63 3FBDU3BJMTͷ
 ϝϦοτ͕Θ͔Βͳ͍

  64. $PQZSJHIU˜TUNO JOD"MMSJHIUTSFTFSWFE 3FBDU3BJMTΛ࢖ͬͨࣄྫ 64 3FBDUͷίʔυ΋෼͚͍ͨ

  65. $PQZSJHIU˜TUNO JOD"MMSJHIUTSFTFSWFE BQQMJDBUJPOKT 65

  66. $PQZSJHIU˜TUNO JOD"MMSJHIUTSFTFSWFE BQQMJDBUJPOTUNOKT 66

  67. $PQZSJHIU˜TUNO JOD"MMSJHIUTSFTFSWFE XFCQBDLDPOGJH 67

  68. $PQZSJHIU˜TUNO JOD"MMSJHIUTSFTFSWFE QBDLBHFKTPO 68

  69. $PQZSJHIU˜TUNO JOD"MMSJHIUTSFTFSWFE XFCQBDLDPOGJH 69

  70. $PQZSJHIU˜TUNO JOD"MMSJHIUTSFTFSWFE 3FBDU3BJMTΛ࢖ͬͨࣄྫ 70 3FBDU3BJMTΛ࢖ͬͨࣄྫ ͸͡Ίʹ ϝδϟʔόʔδϣϯΞοϓσʔτͷରԠ

  71. $PQZSJHIU˜TUNO JOD"MMSJHIUTSFTFSWFE ϝδϟʔόʔδϣϯΞοϓσʔτͷରԠ 71 3FBDU3BJMTΛ࢖ͬͨࣄྫ ͸͡Ίʹ ϝδϟʔόʔδϣϯΞοϓσʔτͷରԠ

  72. ϝδϟʔόʔδϣϯ ΞοϓσʔτͷରԠ

  73. $PQZSJHIU˜TUNO JOD"MMSJHIUTSFTFSWFE όʔδϣϯΞοϓରԠ 73 d

  74. $PQZSJHIU˜TUNO JOD"MMSJHIUTSFTFSWFE όʔδϣϯΞοϓରԠ 74 w3FBDU1SPQ5ZQFTഇࢭ w.BQͱ4FUͷରԠ

  75. $PQZSJHIU˜TUNO JOD"MMSJHIUTSFTFSWFE όʔδϣϯΞοϓରԠ 75 w3FBDU1SPQ5ZQFTഇࢭ w.BQͱ4FUͷରԠ

  76. $PQZSJHIU˜TUNO JOD"MMSJHIUTSFTFSWFE όʔδϣϯΞοϓରԠ 76 w3FBDU1SPQ5ZQFTഇࢭ w.BQͱ4FUͷରԠ

  77. $PQZSJHIU˜TUNO JOD"MMSJHIUTSFTFSWFE όʔδϣϯΞοϓରԠ 77 w3FBDU1SPQ5ZQFTഇࢭ w.BQͱ4FUͷରԠ

  78. $PQZSJHIU˜TUNO JOD"MMSJHIUTSFTFSWFE όʔδϣϯΞοϓରԠ 78 3FBDU1SPQ5ZQFT͕ผύο έʔδʹͳΓຊମ͔Β੾Γ཭͞ ΕͨͷͰQSPQUZQFTʹஔ͖׵ ͑Δ

  79. $PQZSJHIU˜TUNO JOD"MMSJHIUTSFTFSWFE όʔδϣϯΞοϓରԠ 79 SFBDUDPEFNPE ͱ KTDPEFTIJGU

  80. $PQZSJHIU˜TUNO JOD"MMSJHIUTSFTFSWFE όʔδϣϯΞοϓରԠ 80  QSPQUZQFTΛZBSOPSOQNͰΠϯετʔϧ  IUUQTHJUIVCDPNSFBDUKTSFBDUDPEFNPEHJU  OQNJOTUBMMHKTDPEFTIJGU

     OQNPSZBSOJOTUBMM  KTDPEFTIJGUUUSBOTGPSNT3FBDU1SPQ5ZQFT UPQSPQUZQFTKTର৅ͷϑΝΠϧ΍σΟϨΫτϦͷ ύε
  81. $PQZSJHIU˜TUNO JOD"MMSJHIUTSFTFSWFE όʔδϣϯΞοϓରԠ 81

  82. $PQZSJHIU˜TUNO JOD"MMSJHIUTSFTFSWFE όʔδϣϯΞοϓରԠ 82 5SBOTGPSNBUJPOFSSPS

  83. $PQZSJHIU˜TUNO JOD"MMSJHIUTSFTFSWFE όʔδϣϯΞοϓରԠ 83 QBSTFSGMPX

  84. $PQZSJHIU˜TUNO JOD"MMSJHIUTSFTFSWFE όʔδϣϯΞοϓରԠ 84 w3FBDU1SPQ5ZQFTഇࢭ w.BQͱ4FUͷରԠ

  85. $PQZSJHIU˜TUNO JOD"MMSJHIUTSFTFSWFE 85

  86. $PQZSJHIU˜TUNO JOD"MMSJHIUTSFTFSWFE όʔδϣϯΞοϓରԠ 86  ZBSOPSOQNJOTUBMMDPSFKT  FOUSZͷKTϑΝΠϧʹ
 JNQPSUbDPSFKTNBQ`
 JNQPSUbDPSFKTTFU`

  87. $PQZSJHIU˜TUNO JOD"MMSJHIUTSFTFSWFE όʔδϣϯΞοϓରԠ 87 6ODBVHIU3FGFSFODF&SSPS 4FUJTOPUEFGJOFE

  88. $PQZSJHIU˜TUNO JOD"MMSJHIUTSFTFSWFE όʔδϣϯΞοϓରԠ 88 IUUQTDEOKTDMPVEGMBSFDPN BKBYMJCTDPSFKTDPSFNJOKT

  89. $PQZSJHIU˜TUNO JOD"MMSJHIUTSFTFSWFE όʔδϣϯΞοϓରԠ 89 w3FBDU1SPQ5ZQFTഇࢭ w.BQͱ4FUͷ1PMZpMMͷಋೖ

  90. ࠷ޙʹ

  91. $PQZSJHIU˜TUNO JOD"MMSJHIUTSFTFSWFE ࠷ޙʹ 91 ։ൃ؀ڥΛ͠Δ͜ͱ

  92. $PQZSJHIU˜TUNO JOD"MMSJHIUTSFTFSWFE ࠷ޙʹ 92 ։ൃ؀ڥΛ͠Δ͜ͱ XFCQBDL FYUFSOBMT

  93. $PQZSJHIU˜TUNO JOD"MMSJHIUTSFTFSWFE ࠷ޙʹ 93 ։ൃ؀ڥΛ͠Δ͜ͱ XFCQBDL FYUFSOBMT QBDLBHFKTPO

  94. $PQZSJHIU˜TUNO JOD"MMSJHIUTSFTFSWFE ࢀߟ 94 w3FBDUΛWʹ্͛ΔͨΊʹߦͬͨ͜ͱ
 IUUQTOVNCUFDIIBUFOBCMPHDPNFOUSZ  w3FBDUެࣜυΩϡϝϯτ
 IUUQTKBSFBDUKTPSH 

    wXFCQBDLެࣜυΩϡϝϯτ
 IUUQTXFCQBDLKTPSHDPOpHVSBUJPOFYUFSOBMT  wXFCQBDLͷFYUFSOBMTʹ͍ͭͯ
 IUUQTLJHINFNPIBUFOBCMPHDPNFOUSZ