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

React Version Up

52f564a70c11ed09a537c537a965a126?s=47 yun8boo
August 06, 2019
Technology
1
530

React Version Up

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

52f564a70c11ed09a537c537a965a126?s=128

yun8boo

August 06, 2019
Tweet

More Decks by yun8boo

See All by yun8boo
52f564a70c11ed09a537c537a965a126?s=48 yun8boo
1
53

Other Decks in Technology

See All in Technology
272ea9518ccdb2ed71b73ac87b7901f8?s=48 hponka
0
1.2k
0d9e60b12d0a40841b1a746b112ad36b?s=48 aamine
4
860
7a4968fbcd56e81f95a4f3c186141b52?s=48 kateinoigakukun
0
120
97d180294474e9df01503148f3b11f39?s=48 lambda
0
230
00101a1274d1f92977f4e442ef73be86?s=48 ahana
0
380
462feb0fe0493c40d55650da664e8773?s=48 clustervr
PRO
0
120
B1dca90d4b3ffd2ccd918774e1ba170d?s=48 hmatsu47
2
140
94870c02836167043f37f05ae1032690?s=48 tatsy
2
430
73560128b23de542e47a318145bc781a?s=48 kawanamiyuu
4
720
19fc8f6113c5c3d86e6176362ff29479?s=48 kanaugust
PRO
0
210
Fb025419ed38f98df595eb2eafc859f4?s=48 ihcomega56
2
810
525442fc70ca92f82ae503f826956137?s=48 finengine
0
240

Featured

See All Featured
D36d2c1821af9249b69ff7f5ed60529b?s=48 tammielis
237
23k
8081b26e05bb4354f7d65ffc34cbbd67?s=48 chriscoyier
498
130k
Fde6c3a50ca518a909ef35c22c0ee0e4?s=48 destraynor
146
19k
06f8b41980eb4c577fa40c41d5030c19?s=48 keathley
20
760
E4f5d494ebdc9e7cce1aecf3ce3e8bc1?s=48 shpigford
370
42k
245cee81a9c424266e5e401d844ea881?s=48 lara
172
9.7k
5f2da528927a2ec9ba4fec2069cbc958?s=48 kneath
220
15k
E195ae45320d9202eaa01c9f1d31a416?s=48 marktimemedia
7
440
78b475797a14c84799063c7cd073962f?s=48 holman
288
130k
433acaea1012b25d97ae66da9b998dad?s=48 malarkey
392
61k
761be20b5ebd271008bcee1244fc5b52?s=48 matthewcrist
73
7.5k
C51b39fa3c79ccb99dcb8a076bc98287?s=48 brianwarren
82
4.8k

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