Upgrade to Pro — share decks privately, control downloads, hide ads and more …

React入門会@lagoon

Ed9476b509ddc224b6a13bcb84d37a00?s=47 shimabee
January 25, 2020

 React入門会@lagoon

Ed9476b509ddc224b6a13bcb84d37a00?s=128

shimabee

January 25, 2020
Tweet

Transcript

  1. 3FBDUೖ໳

  2. ɹγϚϒʔ ɾླྀٿେֶɹ࢈ۀܦӦֶՊ ɾ$0%&#"4&ɹظ ɾझຯɿΞχϥδɺϥϯχϯά ɾ࠷ۙ+4͕޷͖ ɾࡶڕ͚ͩͲɺϑϩϯτ΋όο Ϋ΋Πϯϑϥ΋΍ͬͯΈ͍ͨ

  3. ͠·Ϳʔͷ໨ඪ ɾ3FBDUΛϑϫͬͱཧղͯ͠΋Β͏ɻ ɾ3FBDUʹڵຯΛ࣋ͬͯ΋Β͏ɻ

  4. ΋͘͡  3FBDUͱ͸  3FBDUͷಛ௃  ϓϩδΣΫτΛ࡞Ζ͏  +49ͱ͸ 

    DPNQPOFOUͱ͸
  5.  3FBDUͱ͸  3FBDUͷಛ௃  ϓϩδΣΫτΛ࡞Ζ͏  +49ͱ͸  DPNQPOFOUͱ͸

  6. 3FBDUͱ͸ 'BDFCPPL͕։ൃͨ͠ ɹΞϓϦέʔγϣϯͷ6*Λ࣮૷͢ΔͨΊͷ ɹɹɹɹɹɹɹɹɹɹɹɹɹ+4ϥΠϒϥϦʔ 'BDFCPPL TMBDL 2JJUBͳͲͰ࢖ΘΕ͍ͯΔΑʂ

  7.  3FBDUͱ͸  3FBDUͷಛ௃  ϓϩδΣΫτΛ࡞Ζ͏  +49ͱ͸  DPNQPOFOUͱ͸

  8. 3FBDUͷಛ௃ ίϯϙʔωϯτࢦ޲ Ծ૝%0.

  9. 3FBDUͷಛ௃ ίϯϙʔωϯτࢦ޲ Ծ૝%0.

  10. ίϯϙʔωϯτࢦ޲ͱ͸ ίϯϙʔωϯτ6*Λ෦඼Խͨ͠΋ͷͰ ϖʔδΛߏ੒͢Δ ˡͭ·Γɺ͜͏͍͏͜ͱ

  11. None
  12. None
  13. Ͱ΋ɺݟͨ໨͸ࠓ·ͰͱҰॹ͡ΌΜʂ ɹɹɹɹɹࠓ·Ͱ΋͜ΜͳαΠτ࡞Εͯͨͷ͕ͩʜ

  14. ίϯϙʔωϯτʢ෦඼ʣ͝ͱʹผͷϑΝΠ ϧͰ࡞ͬͯɺ࢖͍͍ͨͱ͜ΖͰݺͼग़͢ͱ ͍ͬͨ࢖͍ํ͕Ͱ͖Δɻ ࠓ·Ͱͱҧ͏ͱ͜Ζ

  15. Ұຕͷ)5.-ʹॻ͔Ε͍ͯͳ͍͠ɺ ࢖͍·ΘͤΔ த਎ͷจݴ͚ͩม͑ΕΔ ۩ମతͳ͜ͱ͸ޙ΄Ͳ

  16. ίϯϙʔωϯτࢦ޲ͷϝϦοτ ɾίʔυ͕੾Γ෼͚ΒΕ͍ͯΔͷͰ ɹɹɹɹɹɹɹখ͞ͳ୯ҐͰίʔυΛߟ͑ΒΕΔ ɾݟΔ΂͖ͱ͜Ζ͕ϋοΩϦ͢ΔͷͰ ɹɹɹɹɹɹίʔυΛཧղ͠΍͘͢อ࣋͠΍͍͢ ɾσβΠϯͷ࠶ར༻͕؆୯

  17. 3FBDUͷಛ௃ ίϯϙʔωϯτࢦ޲ Ծ૝%0.

  18. Ծ૝%0.ͱ͸ ɾ+4ͷΦϒδΣΫτʹΑΓ ɹɹɹɹɹɹԾ૝తʹ࡞ΒΕͨ%0. ɾมߋʹڧ͘ߏங͕଎͍ͷͰɺද͕ࣔ଎͍

  19. ͳΜͰԾ૝%0.͸଎͍ͷʁ

  20. มߋ มߋ ϖʔδͷભҠͱ͔ දࣔ දࣔ %0. Ծ૝%0. %0. ࠶ߏங มߋ෦෼͚ͩߏங

  21. ΋ͬͱԾ૝%0.Λ஌Γ͍ͨਓ͸ ϦΞϧͳ%0.͸ͳͥ஗͍ͷ͔ 7JSUVBM%0.ͷ࢓ࣄͬͯͳʹʁ ͋ͱҰͭͷࢿྉʹϦϯΫࡌ͍ͬͯ·͢

  22. ͜͜·ͰͰԿ͔࣭໰͋Γ·͔͢ʁ

  23.  3FBDUͱ͸  3FBDUͷಛ௃  ϓϩδΣΫτΛ࡞Ζ͏  +49ͱ͸  DPNQPOFOUͱ͸

  24. )BDL.%ͷࢿྉ΁ʂ )FMMP 3FBDU·Ͱ΍ͬͯΈΔʂ

  25.  3FBDUͱ͸  3FBDUͷಛ௃  ϓϩδΣΫτΛ࡞Ζ͏  +49ͱ͸  DPNQPOFOUͱ͸

  26. +49ͱ͸ w +BWB4DSJQU9.-ͷུͰɺ+4ͷ֦ுݴޠɻ w 3FBDUΛ༻͍ͯ)5.-Λग़ྗ͢Δࡍʹɺॻ͖ ख͕௚ײతʹॻ͖΍͍͢Α͏ʹΧελϚΠζ ͞Εͨݴޠɻ

  27. ݴ༿Ͱݴͬͯ΋෼͔ΓͮΒ͍ͷͰ ίʔυΛݟൺ΂ͯΈΑ͏ʂ

  28. +49Λ࢖͏ͱ)5.-෩ʹॻ͘͜ͱ͕Ͱ͖ΔͷͰ ݟ΍͍͢ɺॻ͖΍͍͢ɺ͍͢͝خ͍͠ +49ͷ·ͱΊ

  29. ͜͜·ͰͰԿ͔࣭໰͋Γ·͔͢ʁ ʢ෼ٳܜʣ

  30.  3FBDUͱ͸  3FBDUͷಛ௃  ϓϩδΣΫτΛ࡞Ζ͏  +49ͱ͸  DPNQPOFOUͱ͸

  31. $PNQPOFOUͱ͸ w 3FBDUͰදࣔ͢Δ෦඼ͷ͜ͱɻ w දࣔ͢Δ಺༰ɺඞཁͳσʔλɺॲཧ Λͻͱ·ͱΊʹͨ͠΋ͷɻ

  32. None
  33. ίϯϙʔωϯτͷछྨ w$MBTTίϯϙʔωϯτ wؔ਺ίϯϙʔωϯτ

  34. ίϯϙʔωϯτͷछྨ w$MBTTίϯϙʔωϯτ wؔ਺ίϯϙʔωϯτ

  35. ίϯϙʔωϯτͷछྨ w$MBTTίϯϙʔωϯτ wؔ਺ίϯϙʔωϯτ

  36. ίϯϙʔωϯτΛ࢖͏্Ͱԡ͓͑ͯ͘͞΂͖֓೦ ίϯϙʔωϯτͷଐੑQSPQT ίϯϙʔωϯτ಺ͷ஋ͷอ؅ݿTUBUF

  37. QSPQT wίϯϙʔωϯτͷଐੑ w਌ࢠίϯϙʔωϯτؒͷσʔλड͚౉͠ wಡΈऔΓઐ໳Ͱมߋ͸Ͱ͖ͳ͍

  38. QSPQTΛମݧͯ͠ΈΑ͏ʂ

  39.  6TFSͱ͍͏ؔ਺ίϯϙʔωϯτ ਌ Λ࡞Δ  6TFSʹOBNFଐੑɺFNBJMଐੑΛ࣋ͨͤΔ  6TFSΛඳը͢Δؔ਺ίϯϙʔωϯτ"QQΛ࡞Δ  "QQίϯϙʔωϯτ಺Ͱɺ6TFSίϯϙʔωϯτ

    ʢࢠʣΛݺͼग़͠ɺඳըͷࡍʹOBNFଐੑɺFNBJM ଐੑʹ۩ମతͳ஋Λ࣋ͨͤΔɻ ࠓ͔Β΍Δ͜ͱ
  40. QSPQTͷߟ͑ํ͸௫Ί·͔ͨ͠ʁ

  41. TUBUF wίϯϙʔωϯτ಺ͷ஋ͷอ؅ݿ wίϯϙʔωϯτ಺Ͱͷ৘ใอ࣋ wมߋՄೳʢୠ͠ɺ௚઀มߋ͸/(ʣ wมߋ͢Δࡍ͸ίπ͕͍ΔʢTFU4UBUFʣ

  42. TUBUFΛମݧͯ͠ΈΑ͏ʂ

  43. ࠓ͔Β΍Δ͜ͱ  $PVOUFSΫϥείϯϙʔωϯτΛ࡞Δ  $PVOUFSΛ$POTUSVDUPSͰॳظԽ  ॳظԽ࣌ʹTUBUFͷઃஔ  DPVOU6Qͱ͍͏TUBUFΛߋ৽͢ΔϝιοτΛ࡞Δ 

    SFOEFSͰTUBUFͷ஋Λදࣔ͢Δ  DPVOU6QϝιοτΛ࣮ߦ͢ΔϘλϯΛ࡞Δ
  44. TUBUFͷߟ͑ํ͸௫Ί·͔ͨ͠ʁ

  45. ίϯϙʔωϯτΛผϑΝΠϧʹʂ

  46. ࠓ͔Β΍Δ͜ͱ  "QQKTͱಉ͡֊૚ʹ$PVOUFSKTΛ࡞Δ  $PVOUFSKTʹ$PVOUFS$MBTTΛҠಈ  $PVOUFS$MBTTΛFYQPSU  "QQKTͰ$PVOUFS$MBTTΛJNQPSU 

    ׬੒
  47. ίϯϙʔωϯτͱ͍͏֓೦Λ ௫ΊͨͰ͠ΐ͏͔ʁ

  48. ·ͱΊ 3FBDU͸Ծ૝%0.ͷ͓ӄͰද͕ࣔૣ͍ ίϯϙʔωϯτࢦ޲Ͱίʔυ؅ཧ͕͠΍͍͢ ίʔυͷ࠶ར༻΋͠΍͍͢ ͭ·Γɺ3FBDU࠷ߴ

  49. ͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ɻ