React勉強会② ハンズオン編

- Mix Leap
- React
- ハンズオン

Transcript

1. 3FBDUͰ5PEPΛ࡞Ζ͏ʂ 0TBLB
   .JY-FBQ
   4UVEZ
   
   d3FBDUษڧձᶄ
   ϋϯζΦϯฤd
2. ΞδΣϯμ
   ෼ 
   ؀ڥߏஙͷ֬ೝ͢Δ
   ෼
   
   3FBDUͷ։ൃ؀ڥΛ࡞Δ
   ෼
   
   DSFBUFSFBDUBQQͰϓϩδΣΫτΛ࡞੒͢Δ
   ෼
   
   ඞཁͳOQNϥΠϒϥϦΛΠϯετʔϧ͢Δ
   ෼
   
   ϩʔΧϧͰαʔόʔΛىಈ͢Δ
   ෼
   
   ςΩετΤσΟλͰϓϩδΣΫτΛ։͘
   ෼
   
   $44पΓΛίϐϖ͢Δ
   ෼ 
   3FBDUͷ։ൃͰΑ͘ग़Δ༻ޠΛཧղ͢Δ
   ෼ 
 
   ը໘ΛίʔσΟϯά͢Δ
   ෼
   
   TUBUFͱΠϕϯτͰΞϓϦͷঢ়ଶΛ؅ཧ͢Δ
   ෼
   
   MPDBM4UPSBHFͰσʔλΛӬଓԽ͢Δ
   ෼ ؀ڥߏஙฤ
   ෼ ࣮૷ฤ
   ෼
3. ΰʔϧ w
   3FBDUͷ։ൃΛ࢝ΊΔ·ͰΛ஌Δ
   w
   3FBDUͷ։ൃͷྲྀΕΛ஌Δ
   w
   3FBDUͷ֩Ͱ͋ΔTUBUF؅ཧΛ஌Δ
   w
   OQNϥΠϒϥϦͷಋೖͷྲྀΕΛ஌Δ
   w
   OQNϥΠϒϥϦͷυΩϡϝϯτͷݟํΛ஌Δ
4. ஫ҙ఺ ࠓ೔͸ฐࣾͷϝϯλʔ͕ਓ͍·͢ɻ
   ్தͰ٧·ͬͨ৔߹͸ɺ੠Λֻ͚͍ͯͩ͘͞ɻ
   ·ͨɺԣͷਓ͕٧·͍ͬͯΔͳͱࢥͬͨΒॿ͚ͯ ͍͋͛ͯͩ͘͞ɻ
5. ஫ҙ఺ ࣌ؒʹݶΓ͕͋Γ·͢ͷͰɺશһͷ࡞ۀऴྃΛ ଴ͨͣʹɺ࣍ʹਐΉ৔߹͕͋Γ·͢ɻ
   (JU)VCʹ׬੒ܗͷιʔεΛڞ༗͍ͯ͠ΔͷͰɺ ؒʹ߹Θͳ͍৔߹͸ίϐϖͰରԠ͍ͯͩ͘͠͞ɻ (JU)VC͸DPOQBTTͷืूهࣄͰ63-Λڞ༗͍ͯ͠·͢ɻ
6. ஫ҙ఺ ϋϯζΦϯܗࣜͳͷͰɺܦݧͷࠩʹΑΓ଴͕ͪ࣌ؒൃੜ ͢Δ৔߹͕͋Γ·͢ɻ
   ଴ͪ࣌ؒ͸ɺຊ೔ར༻͢ΔϥΠϒϥϦͷެࣜαΠτͳͲ ΛӾཡͯ͠௖͘ͱઌͷ࡞ۀ͕εϜʔζʹͳΓ·͢ɻ (JU)VCϖʔδΛ63-Λڞ༗͍ͯ͠·͢ɻ
7. ࠓ೔ͷ։ൃͰΑ͘ݟΔը໘ w
   ςΩετΤσΟλ
   w
   ։ൃதͷը໘
   MPDBMIPTU
   w
   (JU)VCϖʔδ
   w
   ֤छϥΠϒϥϦͷυΩϡϝϯτ ৭ʑͳ৔ॴΛݟΔͨΊʹɺϒϥ΢β͸λϒ Λ࢒ͯͨ͠ํ͕։ൃ͠΍͍͢Αʔʂ
8. 
   ؀ڥߏஙͷ֬ೝ͢Δ
   ෼
9. /PEFKTͷόʔδϣϯΛ֬ೝ͢Δ
10. 
    3FBDUͷ։ൃ؀ڥΛ࡞Δ
    ෼
11. ZBSOͱDSFBUFSFBDUBQQΛΠϯετʔϧ͢Δ
12. 
    DSFBUFSFBDUBQQͰϓϩδΣΫτΛ࡞੒͢Δ ෼
13. ࠓ೔։ൃ͢ΔϓϩδΣΫτͷ਽ܗΛ࡞੒͢Δ ஫ҙ w
    Ұ୴λʔϛφϧΛ࠶ىಈ͢Δɻ
    w
    ࣗ෼ͷ࡞ۀσΟϨΫτϦ
    Ͳ͜Ͱ΋͍͍
    ʹҠಈ͢Δɻ
14. 
    ඞཁͳOQNϥΠϒϥϦΛΠϯετʔϧ͢Δ
    ෼
15. ϓϩδΣΫτͰ࢖͏ϥΠϒϥϦΛΠϯετʔϧ
16. 
    ϩʔΧϧͰαʔόʔΛىಈ͢Δ
    ෼
17. ࡞੒ͨ͠ϓϩδΣΫτΛखݩͷύιίϯ ϩʔΧϧ Ͱىಈ͢Δ
18. ࣗಈతʹ։͔Εͨϒϥ΢βΛ֬ೝ͢Δ
19. 
    ςΩετΤσΟλͰϓϩδΣΫτΛ։͘
20. 74$PEF
    ฤ 
    αΠυόʔͷϓϥάΠϯϚʔΫΛԡԼ͢Δ
    ʮQSFUUJFSʯΛϓϥάΠϯΛݕࡧ͢Δ
    ʮ1SFUUJFS
    
    $PEF
    GPSNBUUFSʯΛΠϯετʔϧ͢Δ
    ʮ࠶ಡΈࠐΈʯϘλϯΛԡ͢
    
    74$PEFͷઃఆϖʔδΛ։͘
    DNE
    
    
    
    
    (JU)VC͔ΒઃஔϑΝΠϧΛίϐʔͯ͠ɺషΓ෇͚Δ
    
    74$PEFΛ࠶ىಈ͢Δ
21. "UPN
    ฤ 
    "UPNͷઃఆϖʔδΛ։͘
    DNE
    
    
    
    
    ʮ*OTUBMMʯͰʮQSFUUJFSBUPNʯͱݕࡧ
    
    Πϯετʔϧ͢Δ
    
    ʮ1BDLBHFTʯͰʮQSFUUJFSBUPNʯͱݕࡧ
    
    ʮ4FUUJOHTʯΛԡ͢
    
    (JU)VCͷઃఆʹ߹ΘͤΔ
    
    "UPNΛ࠶ىಈ͢Δ
22. 
    $44पΓΛίϐϖ͢Δ
23. 4FNBOUJDͷ$%/ΛಡΈࠐΉ w
    QVCMJDJOEFYIUNM
24. 5PEP༻ͷ$44Λίϐϖ͢Δ w
    TSD"QQDTT
25. 
    3FBDUͷ։ൃͰΑ͘ग़Δ༻ޠΛཧղ͢Δ
    ෼
26. ίϯϙʔωϯτ $PNQPOFOU ͱ͸ w
    ʮ෦඼ʯͱ͔ʮߏ੒ཁૉʯͱ͍͏ҙຯ
    w
    3FBDU͸ίϯϙʔωϯτࢥߟ
    w
    ֤6*ύʔπΛ෦඼ͱଊ͑ͯ։ൃ͍ͯ͘͠ࣄͰՄಡੑͱอकੑ͕61
27. QSPQTͱ͸ w
    3FBDUͰ਌ίϯϙʔωϯτ͔Βࢠίϯϙʔωϯτʹ஋Λ౉͢࢓૊Έ
    w
    จࣈྻɾ਺஋ɾ഑ྻɾΦϒδΣΫτɾؔ਺ͳΜͰ΋౉ͤΔ QSPQTͷ਌͔Βࢠ΁ͷ஋Λ౉͢࡞ۀ͸
    ʮόέπϦϨʔʯͱΑ͘දݱ͞ΕΔΑʂ
28. TUBUFͱ͸ w
    3FBDUͰঢ়ଶΛ؅ཧ͢Δҝͷ࢓૊Έ
    w
    5PEPͷঢ়ଶɺೖྗ͍ͯ͠Δจࣈͷঢ়ଶ
    FUDʜ
    w
    Կ͔͠ΒͷΠϕϯτͷޙɺTUBUF͕ߋ৽͞ΕΔ
    w
    ΫϦοΫͨ͠ޙɺೖྗ͞Εͨޙ
    FUDʜ ຊ֨తͳΞϓϦέʔγϣϯ͸ɺ
    ແ਺ͷTUBUFͱΠϕϯτͰߏ੒͞Ε͍ͯΔΑʂ
29. +49ͱ͸ w
    +BWB4DSJQUΛ֦ுͨ͠ݴޠ
    w
    'BDFCPPL͕ߟҊ
    w
    +BWB4DSJQUͰ)5.-ͬΆ͍ه๏͕࢖͑Δ
    w
    ࠷ऴతʹ͸΍΍͍͜͠+4ʹͳ͍ͬͯΔ
    w
    3FBDUΛ༻͍ͨ։ൃͰඞਢͱ͍͏༁Ͱ͸ͳ͍ ࠓ͸DSFBUFSFBDUBQQ্͕ख͍͜ͱͯ͘͠Ε ͍ͯΔ͚Ͳɺຊ֨తͳ։ൃ͕࢝·Δͱɺࣗ෼Ͱτϥ ϯείϯύΠϧͷઃఆΛॻ͍ͨΓ͢Δඞཁ͕͋Δ Αʂ XFCQBDL
30. 'VODUJPOBM
    $PNQPOFOU
    ͱ
    $MBTT
    $PNQPOFOU w
    3FBDUͷίϯϙʔωϯτͷछྨ
    w
    ͲͪΒͷه๏Ͱ΋େମಉ͡ࣄ͕Ͱ͖Δ
    w
    
    $MBTT
    $PNQPOFOUʹ͸ʮϥΠϑαΠΫϧʯͱʮTUBUFʯ͕ଘࡏ͢Δ Մಡੑ΍ςετͷ͠΍͢͞ͳͲ͔Βɺ
    ಛʹཧ༝͕ͳ͍ݶΓ͸'VOUJPOBM
    $PNQPOFOU Λ࢖͏ํ͕͍͍Αʂ
31. 
    ը໘ΛίʔσΟϯά͢Δ
    ෼
32. େ͖ͭ͘ͷϒϩοΫʹ෼͔ΕΔ λΠτϧ෦෼ ೖྗ෦෼ Ϧετ෦෼
33. 
    TUBUFͱΠϕϯτͰΞϓϦͷঢ়ଶΛ؅ཧ͢Δ
    ෼
34. ࠓͷ··Ͱ͸ಈ͔ͳ͍ͨͩͷը໘ ͔͜͜Βಈ͖Λ͚͍ͭͯ͘
35. 
    MPDBM4UPSBHFͰσʔλΛӬଓԽ͢Δ
    ෼
36. ࠓͷ··Ͱ͸Ϧϩʔυͨ͠Βফ͑ͯ͠·͏ ಉ͡ϒϥ΢βͳΒӬٱతʹอଘͰ͖Δ༷ʹमਖ਼͢Δ
37. ͓ർΕ༷Ͱͨ͠ ݱࡏ8BOUFEMZͰΤϯδχΞͱσβΠφʔΛ ืूதͰ͢ʂ