私が考えるReactのよさ #fukuokajs

Slide 1

Slide 1 text

'VLVPLB+4 !QJSPTJLJDL 5VF

Slide 2

Slide 2 text

w ݀Ҫ޺޾ w !QJSPTJLJDL w ϠϑʔגࣜձࣾΤϯδχΞ w "QFY-FHFOETʹڵຯ͕͋Γ·͢ w 'BSDSZ/FX%BXOʹڵຯ͕͋Γ·͢ w %BZT(POFʹʢҎԼུʣ

Slide 3

Slide 3 text

3FBDUೖ໳ʢᠳӭࣾʣ ڞஶ 8%#13&44  ࿈ࡌʮͲΜͱ͍͜ϑϩϯτΤϯυ։ൃʯ ࿈ࡌ࠷ऴճʂ

Slide 4

Slide 4 text

ΑΖ͘͠ ͓ئ͍க͠·͢

Slide 5

Slide 5 text

No content

Slide 6

Slide 6 text

ొஃऀͷํʑ͔Β͸ɺ  ʮ˓˓͕޷͖ʂʯ  ʮ˓˓͕ັྗʂʯ  ʮ͕͜͜࠷ߴʂʯ  ͳͲɺ  ؾͷෝ͘··ʹ͓࿩͍ͯͨͩ͜͠͏ͱ  ࢥ͍·͢ʂ

Slide 7

Slide 7 text

ࢲ͕ߟ͑Δ3FBDUͷΑ͞ w γϯϓϧ͞ w %9ͷΑ͞ w એݴతʹ6*ΛఆٛͰ͖Δ

Slide 8

Slide 8 text

Α͞ᶃɿγϯϓϧ͞

Slide 9

Slide 9 text

3FBDUͷγϯϓϧ͞ w ʮ"+BWB4DSJQUMJCSBSZGPSCVJMEJOHVTFSJOUFSGBDFTʯ w ͣͬͱมΘͬͯͳ͍ w 3FBDU୯ମͰΞϓϦέʔγϣϯΛ࡞Δ͜ͱ͸ك w Կ͔ͱ૊Έ߹Θͤͯ։ൃ w 3FEVYɺίϯϙʔωϯτूFUD

Slide 10

Slide 10 text

ݸਓͷ޷Έ͔΋͠Εͳ͍ w ϞϊϦεͱൺ΂ΔͱϝϦσϝ͋Δͱࢥ͏ w γϯϓϧͳύʔπΛ૊Έ߹ΘͤͯɺશମΛߏங͢Δ w ύʔπຖʹཧղ͢Ε͹Α͍ͷͰɺཧղ͠΍͍͢ w ύʔπ୯ҐͰަ׵Մೳ w ։ൃπʔϧ͸ϞϊϦγοΫͰɺ  ϥΠϒϥϦ͸γϯϓϧͳ΋ͷͷ૊Έ߹Θ͕ͤݸਓతͳ޷Έ

Slide 11

Slide 11 text

Α͞ᶄɿ%9

Slide 12

Slide 12 text

%9 w %FWFMPQFS&YQFSJFODFʹ։ൃऀͷମݧ w %9%FWFMPQFS&YQFSJFODFʢ։ൃମݧʣ͸ॏཁͩ  IUUQTHGYIBUFOBCMPHDPNFOUSZ w %9͸69ͷҰछͰ͋Δ w %9͕Α͍ͱ೔ʑͷ։ൃΛָ͠ΊΔΑ͏ʹͳΓɺ  ؾ࣋ͪʹ༨༟͕Ͱ͖Δ w %9͕ѱ͍ͱ։ൃΛָ͠Ίͣɺ  ʮఆΊΒΕͨλεΫʯҎ֎ͷ͜ͱΛͨ͘͠ͳ͘ͳΔ

Slide 13

Slide 13 text

ϥΠϒϥϦɾϑϨʔϜϫʔΫ ͷ%9 w υΩϡϝϯτ͕ἧ͍ͬͯΔ͔ɺ຋༁͞Ε͍ͯΔ͔ w σόοάπʔϧ͕͋Δ͔ w ΤίγεςϜͱ਌࿨ੑ͕͋Δ͔ w FY &4-JOUɺ5ZQF4DSJQUʹରԠ͍ͯ͠Δ͔ʁ

Slide 14

Slide 14 text

w &4-JOU 5ZQF4DSJQUͱͷ૬ੑ͸͔ͳΓ͍͍ w ࢖͍࢝Ίͨࠒʢ೥ɺόʔδϣϯ͕͘Β͍ ʣ  पลπʔϧͷରԠ͕Α͔ͬͨهԱ w &4-JOUͷ+49ରԠ͸೥݄ɺ  #BCFMʢUPʣ΋೥݄ʹ͸+49αϙʔτ͍ͯͨ͠ 3FBDUͷ%9

Slide 15

Slide 15 text

3FBDUͷ%9 w 3FBDU%FW5PPMTʢެࣜʣ w 6TFS5JNJOH"1*Λ࢖ͬͯͷϓϩϑΝΠϦϯά w $ISPNF%FW5PPMTͷύϑΥʔϚϯελϒʹදࣔ͞ΕΔ  IUUQTSFBDUKTPSHEPDTPQUJNJ[JOHQFSGPSNBODFIUNMQSPpMJOHDPNQPOFOUTXJUIUIF DISPNFQFSGPSNBODFUBC

Slide 16

Slide 16 text

3FBDUͷ%9 w ࠷ۙɺυΩϡϝϯτ΋຋༁͞Εͨ IUUQTKBSFBDUKTPSH

Slide 17

Slide 17 text

Α͞ᶅɿ  એݴతʹ6*Λهड़Ͱ͖Δ

Slide 18

Slide 18 text

No content

Slide 19

Slide 19 text

໋ྩతɾએݴత w ݸਓతͳղऍ w ໋ྩతɿ  ʢ໨తΛୡ੒͢ΔͨΊͷʣखॱɾखଓ͖Λॻ͘ w એݴతɿ  ໨తΛॻ͘ʢͱखॱɾखଓ͖͸উखʹ΍ͬͯ͘ΕΔʣ

Slide 20

Slide 20 text

໋ྩతɾએݴత w 3FBDUʹ౰ͯ͸ΊΔ w 6*ͷߏ଄Λએݴ͢Δ  ʢͱɺखଓ͖ɾखॱ͸উखʹ΍ͬͯ͘ΕΔʣ w खଓ͖ɾखॱ  σʔλͷ௥Ճɾมߋɾ࡟আʹର͢Δޮ཰తͳ%0.ͷߋ৽ w Ծ૝%0.͕Χόʔ

Slide 21

Slide 21 text

+49 w +BWB4DSJQUͷதʹ)5.-λά͕هड़Ͱ͖Δߏจ w 6*Λએݴతʹهड़Ͱ͖Δ w ͨͩͷ3FBDUDSFBUF&MFNFOUͷ౶ҥߏจɺม׵ޙͷ༧ଌָ͕ w એݴతʹهड़Ͱ͖Δ͕+4ͷ࿮Λେ͖͘֎Ε͍ͯͳ͍ ͜Ε͕+49

Slide 22

Slide 22 text

3FBDU)PPLTͰ DMBTTίϯϙʔωϯτ΋એݴతʹ w 3FBDUʹ͸ɺίϯϙʔωϯτΛॻ͘ํ๏͕ͭ w ؔ਺PSΫϥε w ίϯϙʔωϯτͰঢ়ଶ΍ϥΠϑαΠΫϧͷར༻͕  ඞཁͳ৔߹ɺΫϥεͰॻ͘ඞཁ͕͋ͬͨ

Slide 23

Slide 23 text

3FBDU)PPLTͰ DMBTTίϯϙʔωϯτ΋એݴతʹ w 3FBDU)PPLT w ؔ਺ίϯϙʔωϯτͰঢ়ଶ΍ϥΠϑαΠΫϧΛ  ѻ͏࢓૊Έ w 3FBDUͰ௥Ճ

Slide 24

Slide 24 text

ྫʣը໘αΠζͷऔಘ DMBTTίϯϙʔωϯτ൛

Slide 25

Slide 25 text

ྫʣը໘αΠζͷऔಘ DMBTTίϯϙʔωϯτ൛ ໨తΛୡ੒͢ΔͨΊͷखଓ͖

Slide 26

Slide 26 text

ྫʣը໘αΠζͷऔಘ DMBTTίϯϙʔωϯτ൛ ঢ়ଶΛѻ͏෦෼ ϥΠϑαΠΫϧΛѻ͏෦෼

Slide 27

Slide 27 text

ྫʣը໘αΠζͷऔಘ 3FBDU)PPLT൛ ը໘αΠζΛ࢖͏͜ͱΛએݴ

Slide 28

Slide 28 text

w VTF8JOEPX4J[F w ը໘αΠζΛࢀর͢Δ͜ͱΛએݴ w SFNPWF&WFOU-JTUFOFS౳ͷखଓ͖͸એݴͷཪʹӅṭ w એݴతʹهड़Ͱ͖Δ͜ͱͰ໨త͕໌֬ʹͳΔ

Slide 29

Slide 29 text

·ͱΊ w 3FBDUKTɺ͍͍Αʙ w 3FBDU)PPLTͰΑΓΑ͘ͳͬͨΑʙ w ϑϨʔϜϫʔΫɾϥΠϒϥϦಉ࢜Ͱ͍͍ͱ͜ΖΛ  औΓೖΕ͍͋ͬͯΔͷͰɺ΄΅ಉ͜͡ͱ͕Ͱ͖Δ

Slide 30

Slide 30 text

͋Γ͕ͱ͏ ͍͟͝·ͨ͠