React勉強会② ハンズオン編

Slide 1

Slide 1 text

3FBDUͰ5PEPΛ࡞Ζ͏ʂ 0TBLB.JY-FBQ4UVEZd3FBDUษڧձᶄϋϯζΦϯฤd

Slide 2

Slide 2 text

ΞδΣϯμ ෼ ؀ڥߏஙͷ֬ೝ͢Δ ෼ 3FBDUͷ։ൃ؀ڥΛ࡞Δ ෼ DSFBUFSFBDUBQQͰϓϩδΣΫτΛ࡞੒͢Δ ෼ ඞཁͳOQNϥΠϒϥϦΛΠϯετʔϧ͢Δ ෼ ϩʔΧϧͰαʔόʔΛىಈ͢Δ ෼ ςΩετΤσΟλͰϓϩδΣΫτΛ։͘ ෼ $44पΓΛίϐϖ͢Δ ෼ 3FBDUͷ։ൃͰΑ͘ग़Δ༻ޠΛཧղ͢Δ ෼   ը໘ΛίʔσΟϯά͢Δ ෼ TUBUFͱΠϕϯτͰΞϓϦͷঢ়ଶΛ؅ཧ͢Δ ෼ MPDBM4UPSBHFͰσʔλΛӬଓԽ͢Δ ෼ ؀ڥߏஙฤ ෼ ࣮૷ฤ ෼

Slide 3

Slide 3 text

ΰʔϧ w3FBDUͷ։ൃΛ࢝ΊΔ·ͰΛ஌Δ w3FBDUͷ։ൃͷྲྀΕΛ஌Δ w3FBDUͷ֩Ͱ͋ΔTUBUF؅ཧΛ஌Δ wOQNϥΠϒϥϦͷಋೖͷྲྀΕΛ஌Δ wOQNϥΠϒϥϦͷυΩϡϝϯτͷݟํΛ஌Δ

Slide 4

Slide 4 text

஫ҙ఺ ࠓ೔͸ฐࣾͷϝϯλʔ͕ਓ͍·͢ɻ ్தͰ٧·ͬͨ৔߹͸ɺ੠Λֻ͚͍ͯͩ͘͞ɻ ·ͨɺԣͷਓ͕٧·͍ͬͯΔͳͱࢥͬͨΒॿ͚ͯ ͍͋͛ͯͩ͘͞ɻ

Slide 5

Slide 5 text

஫ҙ఺ ࣌ؒʹݶΓ͕͋Γ·͢ͷͰɺશһͷ࡞ۀऴྃΛ ଴ͨͣʹɺ࣍ʹਐΉ৔߹͕͋Γ·͢ɻ (JU)VCʹ׬੒ܗͷιʔεΛڞ༗͍ͯ͠ΔͷͰɺ ؒʹ߹Θͳ͍৔߹͸ίϐϖͰରԠ͍ͯͩ͘͠͞ɻ (JU)VC͸DPOQBTTͷืूهࣄͰ63-Λڞ༗͍ͯ͠·͢ɻ

Slide 6

Slide 6 text

஫ҙ఺ ϋϯζΦϯܗࣜͳͷͰɺܦݧͷࠩʹΑΓ଴͕ͪ࣌ؒൃੜ ͢Δ৔߹͕͋Γ·͢ɻ ଴ͪ࣌ؒ͸ɺຊ೔ར༻͢ΔϥΠϒϥϦͷެࣜαΠτͳͲ ΛӾཡͯ͠௖͘ͱઌͷ࡞ۀ͕εϜʔζʹͳΓ·͢ɻ (JU)VCϖʔδΛ63-Λڞ༗͍ͯ͠·͢ɻ

Slide 7

Slide 7 text

ࠓ೔ͷ։ൃͰΑ͘ݟΔը໘ wςΩετΤσΟλ w։ൃதͷը໘ MPDBMIPTU w(JU)VCϖʔδ w֤छϥΠϒϥϦͷυΩϡϝϯτ ৭ʑͳ৔ॴΛݟΔͨΊʹɺϒϥ΢β͸λϒ Λ࢒ͯͨ͠ํ͕։ൃ͠΍͍͢Αʔʂ

Slide 8

Slide 8 text

؀ڥߏஙͷ֬ೝ͢Δ ෼

Slide 9

Slide 9 text

/PEFKTͷόʔδϣϯΛ֬ೝ͢Δ

Slide 10

Slide 10 text

3FBDUͷ։ൃ؀ڥΛ࡞Δ ෼

Slide 11

Slide 11 text

ZBSOͱDSFBUFSFBDUBQQΛΠϯετʔϧ͢Δ

Slide 12

Slide 12 text

DSFBUFSFBDUBQQͰϓϩδΣΫτΛ࡞੒͢Δ ෼

Slide 13

Slide 13 text

ࠓ೔։ൃ͢ΔϓϩδΣΫτͷ਽ܗΛ࡞੒͢Δ ஫ҙ wҰ୴λʔϛφϧΛ࠶ىಈ͢Δɻ wࣗ෼ͷ࡞ۀσΟϨΫτϦ Ͳ͜Ͱ΋͍͍ ʹҠಈ͢Δɻ

Slide 14

Slide 14 text

ඞཁͳOQNϥΠϒϥϦΛΠϯετʔϧ͢Δ ෼

Slide 15

Slide 15 text

ϓϩδΣΫτͰ࢖͏ϥΠϒϥϦΛΠϯετʔϧ

Slide 16

Slide 16 text

ϩʔΧϧͰαʔόʔΛىಈ͢Δ ෼

Slide 17

Slide 17 text

࡞੒ͨ͠ϓϩδΣΫτΛखݩͷύιίϯ ϩʔΧϧ Ͱىಈ͢Δ

Slide 18

Slide 18 text

ࣗಈతʹ։͔Εͨϒϥ΢βΛ֬ೝ͢Δ

Slide 19

Slide 19 text

ςΩετΤσΟλͰϓϩδΣΫτΛ։͘

Slide 20

Slide 20 text

74$PEFฤ αΠυόʔͷϓϥάΠϯϚʔΫΛԡԼ͢Δ ʮQSFUUJFSʯΛϓϥάΠϯΛݕࡧ͢Δ ʮ1SFUUJFS$PEFGPSNBUUFSʯΛΠϯετʔϧ͢Δ ʮ࠶ಡΈࠐΈʯϘλϯΛԡ͢ 74$PEFͷઃఆϖʔδΛ։͘ DNE (JU)VC͔ΒઃஔϑΝΠϧΛίϐʔͯ͠ɺషΓ෇͚Δ 74$PEFΛ࠶ىಈ͢Δ

Slide 21

Slide 21 text

"UPNฤ "UPNͷઃఆϖʔδΛ։͘ DNE ʮ*OTUBMMʯͰʮQSFUUJFSBUPNʯͱݕࡧ Πϯετʔϧ͢Δ ʮ1BDLBHFTʯͰʮQSFUUJFSBUPNʯͱݕࡧ ʮ4FUUJOHTʯΛԡ͢ (JU)VCͷઃఆʹ߹ΘͤΔ "UPNΛ࠶ىಈ͢Δ

Slide 22

Slide 22 text

$44पΓΛίϐϖ͢Δ

Slide 23

Slide 23 text

4FNBOUJDͷ$%/ΛಡΈࠐΉ wQVCMJDJOEFYIUNM

Slide 24

Slide 24 text

5PEP༻ͷ$44Λίϐϖ͢Δ wTSD"QQDTT

Slide 25

Slide 25 text

3FBDUͷ։ൃͰΑ͘ग़Δ༻ޠΛཧղ͢Δ ෼

Slide 26

Slide 26 text

ίϯϙʔωϯτ $PNQPOFOU ͱ͸ wʮ෦඼ʯͱ͔ʮߏ੒ཁૉʯͱ͍͏ҙຯ w3FBDU͸ίϯϙʔωϯτࢥߟ w֤6*ύʔπΛ෦඼ͱଊ͑ͯ։ൃ͍ͯ͘͠ࣄͰՄಡੑͱอकੑ͕61

Slide 27

Slide 27 text

QSPQTͱ͸ w3FBDUͰ਌ίϯϙʔωϯτ͔Βࢠίϯϙʔωϯτʹ஋Λ౉͢࢓૊Έ wจࣈྻɾ਺஋ɾ഑ྻɾΦϒδΣΫτɾؔ਺ͳΜͰ΋౉ͤΔ QSPQTͷ਌͔Βࢠ΁ͷ஋Λ౉͢࡞ۀ͸ ʮόέπϦϨʔʯͱΑ͘දݱ͞ΕΔΑʂ

Slide 28

Slide 28 text

TUBUFͱ͸ w3FBDUͰঢ়ଶΛ؅ཧ͢Δҝͷ࢓૊Έ w5PEPͷঢ়ଶɺೖྗ͍ͯ͠Δจࣈͷঢ়ଶFUDʜ wԿ͔͠ΒͷΠϕϯτͷޙɺTUBUF͕ߋ৽͞ΕΔ wΫϦοΫͨ͠ޙɺೖྗ͞ΕͨޙFUDʜ ຊ֨తͳΞϓϦέʔγϣϯ͸ɺ ແ਺ͷTUBUFͱΠϕϯτͰߏ੒͞Ε͍ͯΔΑʂ

Slide 29

Slide 29 text

+49ͱ͸ w+BWB4DSJQUΛ֦ுͨ͠ݴޠ w'BDFCPPL͕ߟҊ w+BWB4DSJQUͰ)5.-ͬΆ͍ه๏͕࢖͑Δ w࠷ऴతʹ͸΍΍͍͜͠+4ʹͳ͍ͬͯΔ w3FBDUΛ༻͍ͨ։ൃͰඞਢͱ͍͏༁Ͱ͸ͳ͍ ࠓ͸DSFBUFSFBDUBQQ্͕ख͍͜ͱͯ͘͠Ε ͍ͯΔ͚Ͳɺຊ֨తͳ։ൃ͕࢝·Δͱɺࣗ෼Ͱτϥ ϯείϯύΠϧͷઃఆΛॻ͍ͨΓ͢Δඞཁ͕͋Δ Αʂ XFCQBDL

Slide 30

Slide 30 text

'VODUJPOBM$PNQPOFOUͱ$MBTT$PNQPOFOU w3FBDUͷίϯϙʔωϯτͷछྨ wͲͪΒͷه๏Ͱ΋େମಉ͡ࣄ͕Ͱ͖Δ w$MBTT$PNQPOFOUʹ͸ʮϥΠϑαΠΫϧʯͱʮTUBUFʯ͕ଘࡏ͢Δ Մಡੑ΍ςετͷ͠΍͢͞ͳͲ͔Βɺ ಛʹཧ༝͕ͳ͍ݶΓ͸'VOUJPOBM$PNQPOFOU Λ࢖͏ํ͕͍͍Αʂ

Slide 31

Slide 31 text

ը໘ΛίʔσΟϯά͢Δ ෼

Slide 32

Slide 32 text

େ͖ͭ͘ͷϒϩοΫʹ෼͔ΕΔ λΠτϧ෦෼ ೖྗ෦෼ Ϧετ෦෼

Slide 33

Slide 33 text

TUBUFͱΠϕϯτͰΞϓϦͷঢ়ଶΛ؅ཧ͢Δ ෼

Slide 34

Slide 34 text

ࠓͷ··Ͱ͸ಈ͔ͳ͍ͨͩͷը໘ ͔͜͜Βಈ͖Λ͚͍ͭͯ͘

Slide 35

Slide 35 text

MPDBM4UPSBHFͰσʔλΛӬଓԽ͢Δ ෼

Slide 36

Slide 36 text

ࠓͷ··Ͱ͸Ϧϩʔυͨ͠Βফ͑ͯ͠·͏ ಉ͡ϒϥ΢βͳΒӬٱతʹอଘͰ͖Δ༷ʹमਖ਼͢Δ

Slide 37

Slide 37 text

͓ർΕ༷Ͱͨ͠ ݱࡏ8BOUFEMZͰΤϯδχΞͱσβΠφʔΛ ืूதͰ͢ʂ