電卓アプリで学ぶReact/Redux入門/wajs1_lt2
by
nishina
Link
Embed
Share
Beginning
This slide
Copy link URL
Copy link URL
Copy iframe embed code
Copy iframe embed code
Copy javascript embed code
Copy javascript embed code
Share
Tweet
Share
Tweet
Slide 1
Slide 1 text
ిΞϓϦͰֶͿ 3FBDU3FEVYೖ ਔՊढ़
Slide 2
Slide 2 text
ࣗݾհ w໊લਔՊढ़ wΞΧϯτOJTIJOB wۀ༰+BWB 4QSJOH ͰαʔόʔαΠυ։ൃ w༻ݴޠ+BWB 3VCZ 3FBDUKT
Slide 3
Slide 3 text
ࠓճͷൃද༰ʹ͍ͭͯ w͢͜ͱ 3FBDUKTͱ3FEVYͷ֓ཁʹ͍ͭͯ ిΞϓϦΛྫʹɺ 3FBDU3FEVYͷ۩ମతͳσʔλͷྲྀΕʹ͍ͭͯ w͞ͳ͍͜ͱ 3FBDUKT&4ͳͲͷৄࡉͳจ๏ͷղઆ ిΞϓϦ࡞खॱ νϡʔτϦΞϧͷϦϯΫผ్ڞ༗͠·͢
Slide 4
Slide 4 text
3FBDU3FEVYͷ֓ཁ
Slide 5
Slide 5 text
3FBDUKTʹ͍ͭͯ w.7$Ϟσϧͷ7 7JFX ͷׂΛ୲͏+BWB4DSJQU ϥΠϒϥϦ ֶशίετ͕͍ͱ͍͏ϝϦοτ w$PNQPOFOUͷΈ߹ΘͤʹΑͬͯΞϓϦΛߏ͢Δ wԾ%0.Λ࣋ͭ σʔλΛड͚औΓɺߋ৽͕ඞཁͳ෦ͷ%0.Λ ಈతʹมߋ͢Δ
Slide 6
Slide 6 text
3FEVYʹ͍ͭͯ w'MVYϕʔεͷঢ়ଶཧϑϨʔϜϫʔΫͷͭ ঢ়ଶͱిΞϓϦͰ͍͏ʮݱࡏͷ߹ܭʯͳͲ w3FBDUKT͚ͩͰͳ͘ɺ༷ʑͳKTϑϨʔϜϫʔΫ ͱΈ߹ΘͤΔ͜ͱ͕Մೳ
Slide 7
Slide 7 text
'MVYͷঢ়ଶཧϞσϧʹ͍ͭͯ֓ཁ w"DUJPO%JTQBUDIFS4UPSF7JFXͷ ҰํͰσʔλͷঢ়ଶ͕ൖ Լͷҹ wϢʔβʔͷߦಈʹΑͬͯ7JFX͔Β"DUJPOΛൃߦ͠ σʔλͷঢ়ଶΛൖͤ͞Δ͜ͱͰ͖Δ ্ͷҹ
Slide 8
Slide 8 text
'MVYͷঢ়ଶཧϞσϧʹ͍ͭͯ"DUJPO wσʔλͷঢ়ଶΛมߋ͢ΔϦΫΤετΛૹΔͱ͜Ζ ిΞϓϦͰ͍͏ͱ͜ΖͷʮΛՃࢉ͍ͨ͠ʯ ͱ͍ͬͨ෦ʹ͋ͨΔ
Slide 9
Slide 9 text
'MVYͷঢ়ଶཧϞσϧʹ͍ͭͯ%JTQBUDIFS wϦΫΤετΛड͚औΓσʔλΛૹΔɺ ͍ΘΏΔαʔόʔͷΑ͏ͳׂΛ͍ͯ͠Δͱ͜Ζ
Slide 10
Slide 10 text
'MVYͷঢ়ଶཧϞσϧʹ͍ͭͯ4UPSF wσʔλͷঢ়ଶΛอ͓࣋ͯ͘͠ͱ͜Ζ ిΞϓϦͰ͍͏ʮೖྗ͞Εͨʯʮݱࡏͷ߹ܭʯ ʮ݁ՌΛදࣔ͢Δ͔Ͳ͏͔ʯͱ͍ͬͨ෦ʹ͋ͨΔ w%JTQBUDIFS͕αʔόʔͩͱͨ͠Βɺ4UPSFσʔλϕʔε w4UPSFͷঢ়ଶ͕7JFXʹө͞ΕΔ
Slide 11
Slide 11 text
3FEVYͰ৽ͨʹग़ͯ͘Δ֓೦ w3FEVDFS "DUJPOͷϩδοΫΛ୲͏ ిΞϓϦͰ͍͏ͱ͜ΖͷʮࣈΛՃࢉ͢Δʯ ॲཧ͕3FEVDFSͰ࣮͞ΕΔ
Slide 12
Slide 12 text
3FBDUKTͱ3FEVYΛΈ߹ΘͤΔͱ w3FBDUKT7JFXͷׂʹಛԽ͢ΔͷͰ σʔλͷঢ়ଶཧۤख w3FEVYঢ়ଶཧʹಛԽͨ͠ϑϨʔϜϫʔΫ w3FEVYͱΈ߹ΘͤΔ͜ͱͰɺ3FBDUKTͰ؆୯ ʹσʔλͷঢ়ଶΛཧ͠ɺ7JFXʹөͰ͖Δ
Slide 13
Slide 13 text
ిΞϓϦͷ࣮
Slide 14
Slide 14 text
ిΞϓϦͷશମ૾ wσʔλͷྲྀΕ $POUBJOFS ˣ $PNQPOFOU ˣ "DUJPO ˣ 3FEVDFS ˣ 4UPSF ˣ $POUBJOFS ࣈϘλϯΛԡͨ͠߹Λྫʹઆ໌Λ͠·͢
Slide 15
Slide 15 text
$POUBJOFSͷݺͼग़͠ wΞϓϦΛىಈ͢Δͱɺ·ͣҰ൪֎ଆʹଘࡏ͢Δ $POUBJOFS͕ݺΕΔ
Slide 16
Slide 16 text
$PNQPOFOUͷݺͼग़͠ "DUJPOൃߦ w$POUBJOFSͰ$PNQPOFOUͱ"DUJPO͕ཧɺ ඥ͚͞Ε͍ͯΔ ࣈϘλϯΛԡͨ͠ΒࣈϘλϯΛԡͨ࣌͠ͷ ΞΫγϣϯΛ࣮ߦ
Slide 17
Slide 17 text
$PNQPOFOUͷத w$PNQPOFOU7JFXΛߏ͢Δύʔπ
Slide 18
Slide 18 text
"DUJPOͷ࣮ߦ wࢦఆ͞Εͨ"DUJPOΛൃߦɺ࣮3FEVDFSͰߦ͏ ࣈϘλϯΛԡ͞ΕͨΒɺࣈͷೖྗʹؔ͢Δ ॲཧΛߦͬͯΒ͍͍ͨͱ͍͏ఆٛ
Slide 19
Slide 19 text
3FEVDFSͷ࣮ߦ wൃߦ͞Εͨ"DUJPOΛड͚औΔ wσʔλͷঢ়ଶ TUBUF Λมߋ͢Δ ࣈϘλϯΛԡͨ͠߹ʮೖྗ͞ΕͨΛߋ৽ʯʮܭࢉ݁Ռग़͞ͳ͍ʯ w˞JOJUJBM"QQ4UBUFॳظ ೖྗ ܭࢉ݁Ռ ݁Ռݟͤͳ͍
Slide 20
Slide 20 text
4UPSFͷߋ৽ 7JFXͷड͚͠ w3FEVDFSʹΑͬͯσʔλͷঢ়ଶΛมߋ͢Δ wมߋ͞Εͨঢ়ଶΛ$POUBJOFSʹ͢͜ͱͰ 7JFXมߋ͞ΕΔ
Slide 21
Slide 21 text
·ͱΊ w3FBDUKT 7JFXʹಛԽͨ͠+BWB4DSJQUϥΠϒϥϦ w3FEVY σʔλͷঢ়ଶΛཧ͢ΔϑϨʔϜϫʔΫ w3FBDUKTͱ3FEVYΛΈ߹ΘͤΔ 3FBDUKTͰσʔλͷঢ়ଶཧ͕؆୯ʹͳΔ w3FBDU3FEVYͷσʔλϑϩʔ $POUBJOFS$PNQPOFOU"DUJPO3FEVDFS4UPSF
Slide 22
Slide 22 text
ৄࡉҎԼʹ·ͱΊ·ͨ͠ wిΞϓϦͰֶͿ3FBDU3FEVYೖ جૅࣝฤ IUUQRJJUBDPNOJTIJOBJUFNT B⒎DCFDEFF wిΞϓϦͰֶͿ3FBDU3FEVYೖ ࣮ฤ IUUQRJJUBDPNOJTIJOBJUFNT ⒎BBGFEC wιʔείʔυ IUUQTHJUIVCDPNOJTIJOBSFEVYDBMDVMBUPS