React入門会@lagoon
by
shimabee
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
3FBDUೖ
Slide 2
Slide 2 text
ɹγϚϒʔ ɾླྀٿେֶɹ࢈ۀܦӦֶՊ ɾ$0%&#"4&ɹظ ɾझຯɿΞχϥδɺϥϯχϯά ɾ࠷ۙ+4͕͖ ɾࡶڕ͚ͩͲɺϑϩϯτόο ΫΠϯϑϥͬͯΈ͍ͨ
Slide 3
Slide 3 text
͠·Ϳʔͷඪ ɾ3FBDUΛϑϫͬͱཧղͯ͠Β͏ɻ ɾ3FBDUʹڵຯΛ࣋ͬͯΒ͏ɻ
Slide 4
Slide 4 text
͘͡ 3FBDUͱ 3FBDUͷಛ ϓϩδΣΫτΛ࡞Ζ͏ +49ͱ DPNQPOFOUͱ
Slide 5
Slide 5 text
3FBDUͱ 3FBDUͷಛ ϓϩδΣΫτΛ࡞Ζ͏ +49ͱ DPNQPOFOUͱ
Slide 6
Slide 6 text
3FBDUͱ 'BDFCPPL͕։ൃͨ͠ ɹΞϓϦέʔγϣϯͷ6*Λ࣮͢ΔͨΊͷ ɹɹɹɹɹɹɹɹɹɹɹɹɹ+4ϥΠϒϥϦʔ 'BDFCPPL TMBDL 2JJUBͳͲͰΘΕ͍ͯΔΑʂ
Slide 7
Slide 7 text
3FBDUͱ 3FBDUͷಛ ϓϩδΣΫτΛ࡞Ζ͏ +49ͱ DPNQPOFOUͱ
Slide 8
Slide 8 text
3FBDUͷಛ ίϯϙʔωϯτࢦ Ծ%0.
Slide 9
Slide 9 text
3FBDUͷಛ ίϯϙʔωϯτࢦ Ծ%0.
Slide 10
Slide 10 text
ίϯϙʔωϯτࢦͱ ίϯϙʔωϯτ6*Λ෦Խͨ͠ͷͰ ϖʔδΛߏ͢Δ ˡͭ·Γɺ͜͏͍͏͜ͱ
Slide 11
Slide 11 text
No content
Slide 12
Slide 12 text
No content
Slide 13
Slide 13 text
Ͱɺݟͨࠓ·ͰͱҰॹ͡ΌΜʂ ɹɹɹɹɹࠓ·Ͱ͜ΜͳαΠτ࡞Εͯͨͷ͕ͩʜ
Slide 14
Slide 14 text
ίϯϙʔωϯτʢ෦ʣ͝ͱʹผͷϑΝΠ ϧͰ࡞ͬͯɺ͍͍ͨͱ͜ΖͰݺͼग़͢ͱ ͍͍ͬͨํ͕Ͱ͖Δɻ ࠓ·Ͱͱҧ͏ͱ͜Ζ
Slide 15
Slide 15 text
Ұຕͷ)5.-ʹॻ͔Ε͍ͯͳ͍͠ɺ ͍·ΘͤΔ தͷจݴ͚ͩม͑ΕΔ ۩ମతͳ͜ͱޙ΄Ͳ
Slide 16
Slide 16 text
ίϯϙʔωϯτࢦͷϝϦοτ ɾίʔυ͕Γ͚ΒΕ͍ͯΔͷͰ ɹɹɹɹɹɹɹখ͞ͳ୯ҐͰίʔυΛߟ͑ΒΕΔ ɾݟΔ͖ͱ͜Ζ͕ϋοΩϦ͢ΔͷͰ ɹɹɹɹɹɹίʔυΛཧղ͘͢͠อ͍࣋͢͠ ɾσβΠϯͷ࠶ར༻͕؆୯
Slide 17
Slide 17 text
3FBDUͷಛ ίϯϙʔωϯτࢦ Ծ%0.
Slide 18
Slide 18 text
Ծ%0.ͱ ɾ+4ͷΦϒδΣΫτʹΑΓ ɹɹɹɹɹɹԾతʹ࡞ΒΕͨ%0. ɾมߋʹڧ͘ߏங͕͍ͷͰɺද͕͍ࣔ
Slide 19
Slide 19 text
ͳΜͰԾ%0.͍ͷʁ
Slide 20
Slide 20 text
มߋ มߋ ϖʔδͷભҠͱ͔ දࣔ දࣔ %0. Ծ%0. %0. ࠶ߏங มߋ෦͚ͩߏங
Slide 21
Slide 21 text
ͬͱԾ%0.ΛΓ͍ͨਓ ϦΞϧͳ%0.ͳ͍ͥͷ͔ 7JSUVBM%0.ͷࣄͬͯͳʹʁ ͋ͱҰͭͷࢿྉʹϦϯΫࡌ͍ͬͯ·͢
Slide 22
Slide 22 text
͜͜·ͰͰԿ͔࣭͋Γ·͔͢ʁ
Slide 23
Slide 23 text
3FBDUͱ 3FBDUͷಛ ϓϩδΣΫτΛ࡞Ζ͏ +49ͱ DPNQPOFOUͱ
Slide 24
Slide 24 text
)BDL.%ͷࢿྉʂ )FMMP 3FBDU·ͰͬͯΈΔʂ
Slide 25
Slide 25 text
3FBDUͱ 3FBDUͷಛ ϓϩδΣΫτΛ࡞Ζ͏ +49ͱ DPNQPOFOUͱ
Slide 26
Slide 26 text
+49ͱ w +BWB4DSJQU9.-ͷུͰɺ+4ͷ֦ுݴޠɻ w 3FBDUΛ༻͍ͯ)5.-Λग़ྗ͢Δࡍʹɺॻ͖ ख͕ײతʹॻ͖͍͢Α͏ʹΧελϚΠζ ͞Εͨݴޠɻ
Slide 27
Slide 27 text
ݴ༿Ͱݴ͔ͬͯΓͮΒ͍ͷͰ ίʔυΛݟൺͯΈΑ͏ʂ
Slide 28
Slide 28 text
+49Λ͏ͱ)5.-෩ʹॻ͘͜ͱ͕Ͱ͖ΔͷͰ ݟ͍͢ɺॻ͖͍͢ɺ͍͢͝خ͍͠ +49ͷ·ͱΊ
Slide 29
Slide 29 text
͜͜·ͰͰԿ͔࣭͋Γ·͔͢ʁ ʢٳܜʣ
Slide 30
Slide 30 text
3FBDUͱ 3FBDUͷಛ ϓϩδΣΫτΛ࡞Ζ͏ +49ͱ DPNQPOFOUͱ
Slide 31
Slide 31 text
$PNQPOFOUͱ w 3FBDUͰදࣔ͢Δ෦ͷ͜ͱɻ w දࣔ͢Δ༰ɺඞཁͳσʔλɺॲཧ Λͻͱ·ͱΊʹͨ͠ͷɻ
Slide 32
Slide 32 text
No content
Slide 33
Slide 33 text
ίϯϙʔωϯτͷछྨ w$MBTTίϯϙʔωϯτ wؔίϯϙʔωϯτ
Slide 34
Slide 34 text
ίϯϙʔωϯτͷछྨ w$MBTTίϯϙʔωϯτ wؔίϯϙʔωϯτ
Slide 35
Slide 35 text
ίϯϙʔωϯτͷछྨ w$MBTTίϯϙʔωϯτ wؔίϯϙʔωϯτ
Slide 36
Slide 36 text
ίϯϙʔωϯτΛ͏্Ͱԡ͓͖͑ͯ֓͘͞೦ ίϯϙʔωϯτͷଐੑQSPQT ίϯϙʔωϯτͷͷอݿTUBUF
Slide 37
Slide 37 text
QSPQT wίϯϙʔωϯτͷଐੑ wࢠίϯϙʔωϯτؒͷσʔλड͚͠ wಡΈऔΓઐͰมߋͰ͖ͳ͍
Slide 38
Slide 38 text
QSPQTΛମݧͯ͠ΈΑ͏ʂ
Slide 39
Slide 39 text
6TFSͱ͍͏ؔίϯϙʔωϯτ Λ࡞Δ 6TFSʹOBNFଐੑɺFNBJMଐੑΛ࣋ͨͤΔ 6TFSΛඳը͢Δؔίϯϙʔωϯτ"QQΛ࡞Δ "QQίϯϙʔωϯτͰɺ6TFSίϯϙʔωϯτ ʢࢠʣΛݺͼग़͠ɺඳըͷࡍʹOBNFଐੑɺFNBJM ଐੑʹ۩ମతͳΛ࣋ͨͤΔɻ ࠓ͔ΒΔ͜ͱ
Slide 40
Slide 40 text
QSPQTͷߟ͑ํ௫Ί·͔ͨ͠ʁ
Slide 41
Slide 41 text
TUBUF wίϯϙʔωϯτͷͷอݿ wίϯϙʔωϯτͰͷใอ࣋ wมߋՄೳʢୠ͠ɺมߋ/(ʣ wมߋ͢Δࡍίπ͕͍ΔʢTFU4UBUFʣ
Slide 42
Slide 42 text
TUBUFΛମݧͯ͠ΈΑ͏ʂ
Slide 43
Slide 43 text
ࠓ͔ΒΔ͜ͱ $PVOUFSΫϥείϯϙʔωϯτΛ࡞Δ $PVOUFSΛ$POTUSVDUPSͰॳظԽ ॳظԽ࣌ʹTUBUFͷઃஔ DPVOU6Qͱ͍͏TUBUFΛߋ৽͢ΔϝιοτΛ࡞Δ SFOEFSͰTUBUFͷΛදࣔ͢Δ DPVOU6QϝιοτΛ࣮ߦ͢ΔϘλϯΛ࡞Δ
Slide 44
Slide 44 text
TUBUFͷߟ͑ํ௫Ί·͔ͨ͠ʁ
Slide 45
Slide 45 text
ίϯϙʔωϯτΛผϑΝΠϧʹʂ
Slide 46
Slide 46 text
ࠓ͔ΒΔ͜ͱ "QQKTͱಉ͡֊ʹ$PVOUFSKTΛ࡞Δ $PVOUFSKTʹ$PVOUFS$MBTTΛҠಈ $PVOUFS$MBTTΛFYQPSU "QQKTͰ$PVOUFS$MBTTΛJNQPSU
Slide 47
Slide 47 text
ίϯϙʔωϯτͱ͍͏֓೦Λ ௫ΊͨͰ͠ΐ͏͔ʁ
Slide 48
Slide 48 text
·ͱΊ 3FBDUԾ%0.ͷ͓ӄͰද͕ࣔૣ͍ ίϯϙʔωϯτࢦͰίʔυཧ͕͍͢͠ ίʔυͷ࠶ར༻͍͢͠ ͭ·Γɺ3FBDU࠷ߴ
Slide 49
Slide 49 text
͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ɻ