React Version Up

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

React Version Up

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

52f564a70c11ed09a537c537a965a126?s=128

yun8boo

August 06, 2019
Tweet

Other Decks in Technology

See All in Technology
881b1b57f1cbe3b66b017203f7cb2efb?s=48 nplusone
0
260
3115a782126be714b5f94d24073c957d?s=48 oracle4engineer
0
330
Dd2fa99b9a9a3aa316986727ce8e134c?s=48 goccy
13
6.7k
0251532f4fb413ea1a026efe6eb16b87?s=48 stajima
0
260
992ab21437c2ec7c70d9af79ed2a2273?s=48 7110
0
240
1f745ff900e1be51aedae18cae76593c?s=48 kurochan
0
1.7k
A64ac825509279a770c13c6fc517f11a?s=48 kawaguti
2
440
A4d1023b1de7890c67a083d14573882d?s=48 ktgrstsh
0
230
6eecc52120fba9d87d982684211182ec?s=48 mochico
0
190
9e7a653ed313b3da4b263a772bfc5026?s=48 clustervr
0
280
9c42c4bc1d91c409d754da88c91cb2ef?s=48 kur0cky
1
240
B1cc148711c6a37a5c922b6e72a4ad52?s=48 upura
1
970

Featured

See All Featured
168ccec72eee0530b818d44f3fedaacf?s=48 shlominoach
174
7.1k
651dcfe41723207fbb0aa044a4f7c07f?s=48 dotmariusz
93
5k
3d6ace9554821d552146413bcdf874f6?s=48 trishagee
6
430
A9a491b0fcbe0fbce3d64063a37add99?s=48 rmw
7
560
79acae287842acf29084005533a7fb3b?s=48 hursman
103
9k
C51b39fa3c79ccb99dcb8a076bc98287?s=48 brianwarren
83
4.5k
1b75d89772b7eea1f6c89fbf362607d9?s=48 moore
123
21k
5f83ef806155b403c3393160ce51f955?s=48 jlugia
215
16k
8081b26e05bb4354f7d65ffc34cbbd67?s=48 chriscoyier
681
180k
7fa6101cd43067653cf4ac6c7ca54305?s=48 akmur
252
19k
64827b31aef81498662e8af4bd6d5157?s=48 jonrohan
1020
360k
1177e050db6bafe62885362edf6e3537?s=48 lauravandoore
8
950

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