React入門会@lagoon - Speaker Deck

React入門会@lagoon

by shimabee

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

͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ɻ