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

React Version Up

yun8boo
August 06, 2019
Technology
1
900

React Version Up

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

yun8boo

August 06, 2019
Tweet

More Decks by yun8boo

See All by yun8boo
Redux - Normalization
yun8boo
1
240

Other Decks in Technology

See All in Technology
生産性向上チームの紹介
cybozuinsideout
PRO
1
870
エンジニアのキャリアをちょっと楽しくする3本の軸/Three Pillars to Make an Engineer's Career More Enjoyable
kwappa
0
2.7k
GraphQL 成熟度モデルの紹介と、プロダクトに当てはめた事例 / GraphQL maturity model
mh4gf
7
1.4k
現代CSSフレームワークの内部実装とその仕組み
poteboy
7
3.6k
JSON攻略法.pdf
miyakemito
8
5.1k
障害対応をちょっとずつよくしていくための 演習の作りかた
heleeen
0
230
Google Cloud Next '24 Recap(Cloud Run/k8s)
mokocm
0
240
Terraformあれやこれ/terraform-this-and-that
emiki
8
1.4k
どうするコスト最適化のトレードオフ
tetsuyaooooo
1
530
Kernel MemoryでAzure OpenAI Serviceとお手軽データソース連携
mitsuzono
1
260
APIファーストなプロダクトマネジメントの実践 〜SaaSus Platformでの例〜 / "Practicing API-First Product Management - An Example with SaaSus Platform
oztick139
0
110
サーバー間 GraphQL と webmock-graphql の話 / server-to-server graphql and webmock-graphql
qsona
2
190

Featured

See All Featured
BBQ
matthewcrist
80
8.8k
The Cost Of JavaScript in 2023
addyosmani
16
3.9k
How to Ace a Technical Interview
jacobian
272
22k
The Power of CSS Pseudo Elements
geoffreycrofte
60
5k
Why Our Code Smells
bkeepers
PRO
331
56k
Bash Introduction
62gerente
604
210k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
14
1.6k
Documentation Writing (for coders)
carmenintech
60
3.9k
How GitHub (no longer) Works
holman
304
140k
What's in a price? How to price your products and services
michaelherold
237
11k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
244
20k
The World Runs on Bad Software
bkeepers
PRO
61
6.7k

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