React Version Up - Speaker Deck

React Version Up

by yun8boo

Slide 1

Slide 1 text

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

Slide 2

Slide 2 text

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

Slide 3

Slide 3 text

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

Slide 4

Slide 4 text

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

Slide 5

Slide 5 text

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

Slide 6

Slide 6 text

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

Slide 7

Slide 7 text

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

Slide 8

Slide 8 text

͸͡Ίʹ

Slide 9

Slide 9 text

$PQZSJHIUTUNO JOD"MMSJHIUTSFTFSWFE 56/"(؀ڥ 9

Slide 10

Slide 10 text

$PQZSJHIUTUNO JOD"MMSJHIUTSFTFSWFE 10

Slide 11

Slide 11 text

$PQZSJHIUTUNO JOD"MMSJHIUTSFTFSWFE 11

Slide 12

Slide 12 text

$PQZSJHIUTUNO JOD"MMSJHIUTSFTFSWFE 12

Slide 13

Slide 13 text

$PQZSJHIUTUNO JOD"MMSJHIUTSFTFSWFE 13

Slide 14

Slide 14 text

$PQZSJHIUTUNO JOD"MMSJHIUTSFTFSWFE ͸͡Ίʹ 14 ͳͥόʔδϣϯΛ  ্͛Α͏ͱࢥ͔ͬͨ

Slide 15

Slide 15 text

$PQZSJHIUTUNO JOD"MMSJHIUTSFTFSWFE ͸͡Ίʹ 15 3FBDUͷػೳ΍  ؔ࿈ϥΠϒϥϦ͕࢖͑ͳ͔ͬͨ

Slide 16

Slide 16 text

$PQZSJHIUTUNO JOD"MMSJHIUTSFTFSWFE ͸͡Ίʹ 16 3FBDUͷόʔδϣϯΛ͋͛Α͏

Slide 17

Slide 17 text

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

Slide 18

Slide 18 text

3FBDU3BJMTΛ࢖ͬͨࣄྫ

Slide 19

Slide 19 text

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

Slide 20

Slide 20 text

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

Slide 21

Slide 21 text

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

Slide 22

Slide 22 text

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

Slide 23

Slide 23 text

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

Slide 24

Slide 24 text

$PQZSJHIUTUNO JOD"MMSJHIUTSFTFSWFE 3FBDU3BJMTΛ࢖ͬͨࣄྫ 24

Slide 25

Slide 25 text

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

Slide 26

Slide 26 text

$PQZSJHIUTUNO JOD"MMSJHIUTSFTFSWFE 26

Slide 27

Slide 27 text

$PQZSJHIUTUNO JOD"MMSJHIUTSFTFSWFE 27

Slide 28

Slide 28 text

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

Slide 29

Slide 29 text

$PQZSJHIUTUNO JOD"MMSJHIUTSFTFSWFE 3FBDU3BJMTΛ࢖ͬͨࣄྫ 29

Slide 30

Slide 30 text

$PQZSJHIUTUNO JOD"MMSJHIUTSFTFSWFE 3FBDU3BJMTΛ࢖ͬͨࣄྫ 30 ࠷৽ʹ͋͛ͯΈΔ

Slide 31

Slide 31 text

$PQZSJHIUTUNO JOD"MMSJHIUTSFTFSWFE 3FBDU3BJMTΛ࢖ͬͨࣄྫ 31 มΘΒͳ͍

Slide 32

Slide 32 text

$PQZSJHIUTUNO JOD"MMSJHIUTSFTFSWFE 3FBDU3BJMTΛ࢖ͬͨࣄྫ 32

Slide 33

Slide 33 text

$PQZSJHIUTUNO JOD"MMSJHIUTSFTFSWFE 3FBDU3BJMTΛ࢖ͬͨࣄྫ 33 DPOTPMFMPH 3FBDUWFSTJPO

Slide 34

Slide 34 text

$PQZSJHIUTUNO JOD"MMSJHIUTSFTFSWFE 3FBDU3BJMTΛ࢖ͬͨࣄྫ 34

Slide 35

Slide 35 text

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

Slide 36

Slide 36 text

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

Slide 37

Slide 37 text

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

Slide 38

Slide 38 text

$PQZSJHIUTUNO JOD"MMSJHIUTSFTFSWFE 3FBDU3BJMTΛ࢖ͬͨࣄྫ 38 FYUFSOBMTʁ

Slide 39

Slide 39 text

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

Slide 40

Slide 40 text

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

Slide 41

Slide 41 text

$PQZSJHIUTUNO JOD"MMSJHIUTSFTFSWFE 3FBDU3BJMTΛ࢖ͬͨࣄྫ 41 ·ͨϋϚΔ

Slide 42

Slide 42 text

$PQZSJHIUTUNO JOD"MMSJHIUTSFTFSWFE 42

Slide 43

Slide 43 text

$PQZSJHIUTUNO JOD"MMSJHIUTSFTFSWFE 43 ΍ͬͱؾ෇͘

Slide 44

Slide 44 text

$PQZSJHIUTUNO JOD"MMSJHIUTSFTFSWFE 3FBDU3BJMTΛ࢖ͬͨࣄྫ 44 BQQBTTFUTKBWBTDSJQU BQQMJDBUJPOKT

Slide 45

Slide 45 text

$PQZSJHIUTUNO JOD"MMSJHIUTSFTFSWFE 3FBDU3BJMTΛ࢖ͬͨࣄྫ 45

Slide 46

Slide 46 text

$PQZSJHIUTUNO JOD"MMSJHIUTSFTFSWFE 3FBDU3BJMTΛ࢖ͬͨࣄྫ 46 3FBDUͷWΛ࢖͏ 3FBDU3BJMTͷόʔδϣϯ ʹͳ͍ͬͯͨ

Slide 47

Slide 47 text

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

Slide 48

Slide 48 text

$PQZSJHIUTUNO JOD"MMSJHIUTSFTFSWFE 3FBDU3BJMTΛ࢖ͬͨࣄྫ 48

Slide 49

Slide 49 text

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

Slide 50

Slide 50 text

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

Slide 51

Slide 51 text

$PQZSJHIUTUNO JOD"MMSJHIUTSFTFSWFE 3FBDU3BJMTΛ࢖ͬͨࣄྫ 51 ·ͨϋϚΔ

Slide 52

Slide 52 text

$PQZSJHIUTUNO JOD"MMSJHIUTSFTFSWFE BQQMJDBUJPOKT 52

Slide 53

Slide 53 text

$PQZSJHIUTUNO JOD"MMSJHIUTSFTFSWFE BQQMJDBUJPOTUNOKT 53

Slide 54

Slide 54 text

$PQZSJHIUTUNO JOD"MMSJHIUTSFTFSWFE 3FBDU3BJMTΛ࢖ͬͨࣄྫ 54

Slide 55

Slide 55 text

$PQZSJHIUTUNO JOD"MMSJHIUTSFTFSWFE 55 3FBDU3BJMTΛ࢖ͬͨࣄྫ

Slide 56

Slide 56 text

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

Slide 57

Slide 57 text

$PQZSJHIUTUNO JOD"MMSJHIUTSFTFSWFE 3FBDU3BJMTΛ࢖ͬͨࣄྫ 57

Slide 58

Slide 58 text

$PQZSJHIUTUNO JOD"MMSJHIUTSFTFSWFE BQQMJDBUJPOKT 58

Slide 59

Slide 59 text

$PQZSJHIUTUNO JOD"MMSJHIUTSFTFSWFE BQQMJDBUJPOTUNOKT 59

Slide 60

Slide 60 text

$PQZSJHIUTUNO JOD"MMSJHIUTSFTFSWFE 3FBDU3BJMTΛ࢖ͬͨࣄྫ 60 ͜ΕͰແࣄʹ3FBDUͷόʔδϣϯ Λ͋͛Δ͜ͱʹ੒ޭ͠·ͨ͠

Slide 61

Slide 61 text

$PQZSJHIUTUNO JOD"MMSJHIUTSFTFSWFE 3FBDU3BJMTΛ࢖ͬͨࣄྫ 61

Slide 62

Slide 62 text

$PQZSJHIUTUNO JOD"MMSJHIUTSFTFSWFE 3FBDU3BJMTΛ࢖ͬͨࣄྫ 62 w3FBDU)PPLT w3FEVY)PPLT w5ZQFTDSJQU

Slide 63

Slide 63 text

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

Slide 64

Slide 64 text

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

Slide 65

Slide 65 text

$PQZSJHIUTUNO JOD"MMSJHIUTSFTFSWFE BQQMJDBUJPOKT 65

Slide 66

Slide 66 text

$PQZSJHIUTUNO JOD"MMSJHIUTSFTFSWFE BQQMJDBUJPOTUNOKT 66

Slide 67

Slide 67 text

$PQZSJHIUTUNO JOD"MMSJHIUTSFTFSWFE XFCQBDLDPOGJH 67

Slide 68

Slide 68 text

$PQZSJHIUTUNO JOD"MMSJHIUTSFTFSWFE QBDLBHFKTPO 68

Slide 69

Slide 69 text

$PQZSJHIUTUNO JOD"MMSJHIUTSFTFSWFE XFCQBDLDPOGJH 69

Slide 70

Slide 70 text

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

Slide 71

Slide 71 text

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

Slide 72

Slide 72 text

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

Slide 73

Slide 73 text

$PQZSJHIUTUNO JOD"MMSJHIUTSFTFSWFE όʔδϣϯΞοϓରԠ 73 d

Slide 74

Slide 74 text

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

Slide 75

Slide 75 text

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

Slide 76

Slide 76 text

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

Slide 77

Slide 77 text

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

Slide 78

Slide 78 text

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

Slide 79

Slide 79 text

$PQZSJHIUTUNO JOD"MMSJHIUTSFTFSWFE όʔδϣϯΞοϓରԠ 79 SFBDUDPEFNPE ͱ KTDPEFTIJGU

Slide 80

Slide 80 text

$PQZSJHIUTUNO JOD"MMSJHIUTSFTFSWFE όʔδϣϯΞοϓରԠ 80 QSPQUZQFTΛZBSOPSOQNͰΠϯετʔϧ IUUQTHJUIVCDPNSFBDUKTSFBDUDPEFNPEHJU OQNJOTUBMMHKTDPEFTIJGU OQNPSZBSOJOTUBMM KTDPEFTIJGUUUSBOTGPSNT3FBDU1SPQ5ZQFT UPQSPQUZQFTKTର৅ͷϑΝΠϧ΍σΟϨΫτϦͷ ύε

Slide 81

Slide 81 text

$PQZSJHIUTUNO JOD"MMSJHIUTSFTFSWFE όʔδϣϯΞοϓରԠ 81

Slide 82

Slide 82 text

$PQZSJHIUTUNO JOD"MMSJHIUTSFTFSWFE όʔδϣϯΞοϓରԠ 82 5SBOTGPSNBUJPOFSSPS

Slide 83

Slide 83 text

$PQZSJHIUTUNO JOD"MMSJHIUTSFTFSWFE όʔδϣϯΞοϓରԠ 83 QBSTFSGMPX

Slide 84

Slide 84 text

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

Slide 85

Slide 85 text

$PQZSJHIUTUNO JOD"MMSJHIUTSFTFSWFE 85

Slide 86

Slide 86 text

$PQZSJHIUTUNO JOD"MMSJHIUTSFTFSWFE όʔδϣϯΞοϓରԠ 86 ZBSOPSOQNJOTUBMMDPSFKT FOUSZͷKTϑΝΠϧʹ  JNQPSUbDPSFKTNBQ`  JNQPSUbDPSFKTTFU`

Slide 87

Slide 87 text

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

Slide 88

Slide 88 text

$PQZSJHIUTUNO JOD"MMSJHIUTSFTFSWFE όʔδϣϯΞοϓରԠ 88 IUUQTDEOKTDMPVEGMBSFDPN BKBYMJCTDPSFKTDPSFNJOKT

Slide 89

Slide 89 text

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

Slide 90

Slide 90 text

࠷ޙʹ

Slide 91

Slide 91 text

$PQZSJHIUTUNO JOD"MMSJHIUTSFTFSWFE ࠷ޙʹ 91 ։ൃ؀ڥΛ͠Δ͜ͱ

Slide 92

Slide 92 text

$PQZSJHIUTUNO JOD"MMSJHIUTSFTFSWFE ࠷ޙʹ 92 ։ൃ؀ڥΛ͠Δ͜ͱ XFCQBDL FYUFSOBMT

Slide 93

Slide 93 text

$PQZSJHIUTUNO JOD"MMSJHIUTSFTFSWFE ࠷ޙʹ 93 ։ൃ؀ڥΛ͠Δ͜ͱ XFCQBDL FYUFSOBMT QBDLBHFKTPO

Slide 94

Slide 94 text

$PQZSJHIUTUNO JOD"MMSJHIUTSFTFSWFE ࢀߟ 94 w3FBDUΛWʹ্͛ΔͨΊʹߦͬͨ͜ͱ  IUUQTOVNCUFDIIBUFOBCMPHDPNFOUSZ w3FBDUެࣜυΩϡϝϯτ  IUUQTKBSFBDUKTPSH wXFCQBDLެࣜυΩϡϝϯτ  IUUQTXFCQBDLKTPSHDPOpHVSBUJPOFYUFSOBMT wXFCQBDLͷFYUFSOBMTʹ͍ͭͯ  IUUQTLJHINFNPIBUFOBCMPHDPNFOUSZ