3FBDUͰͰ͖Δ͜ͱ/FYUKTͰͰ͖Δ͜ͱ
View Slide
3FBDUͰͰ͖Δ͜ͱ
3FBDUΛ͏ͱԿ͕Ͱ͖Δͷʁw 6*ίϯϙʔωϯτΛ࡞Δ͜ͱ͕Ͱ͖Δw 6*ίϯϙʔωϯτΛΈ߹ΘͤͯΞϓϦΛ࡞Δ͜ͱ͕Ͱ͖ΔϝΠϯͷػೳ͜Ε͚ͩʂଞ͓·͚Έ͍ͨͳͷͰ͓·͚͕ෳࡶͩͬͨΓ͢Δ
6*ίϯϙʔωϯτͱʁw )5.-$44+BWB4DSJQUͷ͔ͨ·Γίϯϙʔωϯτ͔ΒίϯϙʔωϯτΛݺͼग़ͨ͠Γ͢ΔίϯϙʔωϯτΛΈ߹ΘͤΔ͜ͱͰը໘Λ࡞Δhttps://stackblitz.com/edit/aa-seminar-react-step2?file=src/App.js
ίϯϙʔωϯτΛ͏͚ͩʁw ੩తͳϖʔδͰ͋Ε͜Ε͚ͩͰࡁΉw ࣮ࡍಈతͳϖʔδ͕ଟ͍ͷͰ͜Ε͚ͩͰΓͳ͘ͳΔ
ಈతͳΛຒΊࠐΈ͍ͨw ίϯϙʔωϯτʹຒΊࠐΉσʔλ͕ಈతͳ࣌ Ҿͱͯ͠͠ɺड͚औͬͨΛຒΊࠐΉड͚औͬͨΛຒΊࠐΉಈతͳҾͰ͢ಉ͡ίϯϙʔωϯτͰදࣔ༰͕ҧ͏https://stackblitz.com/edit/aa-seminar-react-step3?file=src/components/ListItem/ListItem.js
ঢ়ଶͷมߋΛཧ͍ͨ͠w Ϣʔβͷૢ࡞ͳͲͰมԽ͢ΔΛอ͓͖͍࣋ͯͨ࣌͠ VTF4UBUFͰཧ͢Δ͜ͱ͕Ͱ͖Δཧ͢ΔͷॳظΛఆٛཧ͢ΔΛߋ৽Ͱ͖ΔϢʔβͷૢ࡞ ͜͜ͰΫϦοΫΛτϦΨʔʹؔΛ࣮ߦ͢Δ͜ͱ͕Ͱ͖Δhttps://stackblitz.com/edit/aa-seminar-react-step4?file=src/components/Counter/Counter.js
3FBDUͷͦͷଞͷػೳw ଞʹ3FBDU͕ఏڙ͢Δػೳ͋Δ͕ ϝΠϯͲ͜Ζ͜Μͳͱ͜Ζw ͦΕҎ֎֎෦ϥΠϒϥϦΛ͏͔ ७ਮͳ+BWB4DSJQUͱͯ͠ॲཧΛॻ͘ଞͷػೳެࣜΨΠυΛࢀߟʹ͍ͯͩ͘͠͞IUUQTKBSFBDUKTPSHEPDTIFMMPXPSMEIUNM
७ਮͳ+BWB4DSJQUͰؤுΔྫw "1*͔ΒσʔλΛऔಘͨ͠ΓσʔλΛૹ৴͢Δॲཧ ࣗલͰॻ͘ඞཁ͕͋Δ௨৴ॲཧ௨৴ॲཧͰऔಘͨ͠σʔλΛTFU͠ը໘ʹදࣔhttps://stackblitz.com/edit/aa-seminar-react-step5?file=src/components/Articles/Articles.js
w ෳͷϖʔδͷΞϓϦΛ࡞Γ͍ͨ߹SFBDUSPVUFSͳͲͷ ϥΠϒϥϦΛ͏ͷ͕ϕλʔ֎෦ϥΠϒϥϦΛ͏ྫ63-ʹԠͯ͡දࣔ͢ΔίϯϙʔωϯτΛΓସ͑Δhttps://stackblitz.com/edit/aa-seminar-react-step6?file=src/routes/router.js
3FBDUͰͰ͖Δ͜ͱw ίϯϙʔωϯτΛ࡞ͬͯΈ߹ΘͤͯΞϓϦΛ࡞Δ͜ͱw ಈతͳΞϓϦΛ࡞ΔͨΊͷঢ়ଶཧͳͲ࠷ݶͷ͜ͱw ͦΕҎ֎७ਮͳ+BWB4DSJQUͰ࣮͢Δ͔ ֎෦ϥΠϒϥϦΛ͏͜ͱʹͳΔ
/FYUKTͰͰ͖Δ͜ͱ
/FYUKTΛ͏ͱԿ͕Ͱ͖Δͷʁw 3FBDUΛแͯ͠ΔͷͰ3FBDUͰͰ͖Δ͜ͱͰ͖Δw ઃఆͳ͠ͰࣗಈͰͬͯ͘ΕΔܥw ίϯϙʔωϯτͷྖҬΛ͑ͨܥ
ઃఆͳ͠ͰࣗಈͰͬͯ͘ΕΔܥw 8FCQBDLͷઃఆΛࣗͰΒͳͯ͘Α͍w ֤छઃఆΛ؆୯ઃఆͳ͠Ͱ͑Δw 5ZQF4DSJQUw $44.PEVMFTw 4BTT4$44
ઃఆͳ͠ͰࣗಈͰͬͯ͘ΕΔܥw ϑΥϧμߏ͕ͦͷ··ϧʔςΟϯάʹͳΔw SFBDUSPVUFS͕ෆཁ63- ϑΝΠϧVTFST QBHFTVTFSTJOEFYKTVTFSTOFX QBHFTVTFSTOFXKTVTFST QBHFTVTFSTJOEFYKTVTFSTFEJU QBHFTVTFSTFEJUKT
ίϯϙʔωϯτͷྖҬΛ͑ͨܥ"1*ͷࣗಈੜw BQJԼʹϑΝΠϧΛ࡞Δͱ+40/Λฦ͢ΤϯυϙΠϯτʹͳΔύϑΥʔϚϯε࠷దԽw ը૾αΠζͷࣗಈ࠷దԽw ϦϯΫͷࣗಈઌಡΈ443 4FSWFS4JEF3FOEFSJOHw αʔόαΠυͰ3FBDUίϯϙʔωϯτΛੜͯ͠)5.-Λฦ͢͜ͱ͕Ͱ͖Δ44( 4UBUJD4JUF(FOFSBUFw "1*ͳͲ͔Βऔಘͨ͠σʔλΛຒΊࠐΜͩঢ়ଶͷ)5.-ΛੜͰ͖Δw ͍ΘΏΔ+BNTUBDLͰΘΕΔ
/FYUKTͰͰ͖Δ͜ͱw 3FBDUʹগ͠ϧʔϧ͕Ճ͞ΕΔ͜ͱͰઃఆָ͕ʹͳΔw σΟϨΫτϦߏϕʔεͷϧʔςΟϯάw 5ZQF4DSJQU$44.PEVMFTͷઃఆ؆ུԽw ίϯϙʔωϯτͷྖҬΛ͑ͨػೳ͕͑Δw "1*ͷੜw 44344(
·ͱΊ
·ͱΊw 3FBDUίϯϙʔωϯτϥΠϒϥϦ ͳͷͰࣗલͰؤுΒͳ͍ͱ͍͚ͳ͍ͱ͜Ζ͕ଟ͍w /FYUKT3FBDUΑΓറΓ͕গ͠૿͑ΔઃఆͳͲָ͕ʹͳΔ ίϯϙʔωϯτͷྖҬΛ͍͑ͨΖ͍Ζͳ͜ͱ͕Ͱ͖Δw ϖʔδભҠͷ͋ΔΞϓϦͳΒ/FYUKTे༗༻w 44344(ͳͲ͚ͨ͠Ε/FYUKTߋʹޮՌత