awaitをやめたReact?

by t6adev

Slide 1

Slide 1 text

5FSVIJTB!UBEFW BXBJUΛ΍Ίͨ3FBDUʁ

Slide 2

Slide 2 text

͜Μʹͪ͸ɺ5FSVIJTBͰ͢ɻ 3FBDU5PLZP্ཱͪ͛ਓͷҰਓͰ͢ɻ 3FBDU5PLZPϑΣε΍Γ·͢ɻ ೥݄೔ʢ౔༵೔ʣ ౦ژ+3ࢁखઢʮ඿দொʯӺۙ͘Ͱ։࠵Ͱ͢ɻ ੋඇɺࢀՃొ࿥ͯ͠༡ͼʹདྷ͍ͯͩ͘͞ʂ

Slide 3

Slide 3 text

3FBDUͰͷσʔλϑΣονɺ Ͳ͏ͯ͠·͔͢ʁ

Slide 4

Slide 4 text

No content

Slide 5

Slide 5 text

No content

Slide 6

Slide 6 text

No content

Slide 7

Slide 7 text

34$ͷొ৔ʹΑΓ ੈ͸·͞ʹେϑΣον࣌୅ʁ 🏴☠

Slide 8

Slide 8 text

͜ͷτʔΫͰ࿩͢ࣄ ͍ͭ͘΋͋Δσʔλऔಘํ๏ͷߥ೾Λ৐Γ͜ͳͨ͢Ίɺ ͜Ε·Ͱͷ͓͞Β͍ʙ34$ʹΑΔετϦʔϛϯάͰͷ σʔλऔಘ͕ԿͰ͋Δͷ͔ɺΛݟ͍͖ͯ·͢ 🏄🌊

Slide 9

Slide 9 text

🧊OBOJOPXͰ3FBDUͱετϦʔϛϯάΛֶ΅͏ IUUQTHJUIVCDPNUBEFWOZBOJ ࢀߟݩɿ/BOJ຋༁ͷٕज़తͳ࿩

Slide 10

Slide 10 text

w3FBDUʹ͓͚ΔσʔλऔಘͷৼΓฦΓ wBTZODDPNQPOFOUͱ͍͏৽͍͠σʔλऔಘ wBXBJUΛ΍ΊΔબ୒ࢶʁετϦʔϛϯάʁ wσʔλϑΣονͱඳըϑϩʔΛ࠶੔ཧ wपล஌ࣝͰ೺Ѳ͓͖͍ͯͨ͜͠ͱ 👈ຊ୊ ஫ʣຊτʔΫ͸ॳճϩʔυ࣌ʹ ϑΥʔΧεͨ͠΋ͷͰ͢ɻ

Slide 11

Slide 11 text

3FBDUʹ͓͚Δ σʔλऔಘͷৼΓฦΓ

Slide 12

Slide 12 text

͜ͷίϯϙʔωϯτͰGFUDI͕࣮ߦ͞ΕΔͷ͸͍ͭʁ

Slide 13

Slide 13 text

͜ͷίϯϙʔωϯτͰGFUDI͕࣮ߦ͞ΕΔͷ͸͍ͭʁ "QQ͕Ϛ΢ϯτ͞Ε

Slide 14

Slide 14 text

͜ͷίϯϙʔωϯτͰGFUDI͕࣮ߦ͞ΕΔͷ͸͍ͭʁ "QQ͕Ϛ΢ϯτ͞Ε EBUB͕OVMMͰඳը͞Ε

Slide 15

Slide 15 text

͜ͷίϯϙʔωϯτͰGFUDI͕࣮ߦ͞ΕΔͷ͸͍ͭʁ "QQ͕Ϛ΢ϯτ͞Ε EBUB͕OVMMͰඳը͞Ε શͯͷඳը͕ऴΘͬͨͱ͖ʹ GFUDI ͕࣮ߦ͞ΕΔ

Slide 16

Slide 16 text

͜ͷίϯϙʔωϯτͰ݁Ռ͕ඳը͞ΕΔͷ͸ʁ "QQ͕Ϛ΢ϯτ͞Ε EBUB͕OVMMͰඳը͞Ε શͯͷඳը͕ऴΘͬͨͱ͖ʹ GFUDI ͕࣮ߦ͞Ε EBUB͕ඳը͞ΕΔ

Slide 17

Slide 17 text

GFUDIPOSFOEFSͱݺ͹ΕΔܗ ϨϯμϦϯάαΠΫϧͷதͰσʔλऔಘ σʔλऔಘ͕ޙखʹճΔ

Slide 18

Slide 18 text

ίϯϙʔωϯτͷ֎ɺ 3FBDUͷ֎ɺ +4ͷ֎ɺ·Ͱࢹ໺Λ޿͛ͯΈΔͱɾɾɾ

Slide 19

Slide 19 text

ϒϥ΢βͰ3FBDUΞϓϦͷ63-Λ։͍ͯɺ ΞϓϦͷඳը͕׬ྃ͢Δ·ͰΛ૝૾͠Α͏ 🌐 🏁

Slide 20

Slide 20 text

ϦΫΤετ63- ϒϥ΢βͰ41"ΞϓϦ͕ඳը͞ΕΔ·Ͱ 🌐

Slide 21

Slide 21 text

ϦΫΤετ63- ϒϥ΢βͰ41"ΞϓϦ͕ඳը͞ΕΔ·Ͱ +4 $44ͷϩʔυ ϖʔδඳը 🌐

Slide 22

Slide 22 text

ϦΫΤετ63- ϒϥ΢βͰ41"ΞϓϦ͕ඳը͞ΕΔ·Ͱ +4 $44ͷϩʔυ ϖʔδඳը 🌐 +4ʢ3FBDUʣ࣮ߦ

Slide 23

Slide 23 text

ϦΫΤετ63- ϒϥ΢βͰ41"ΞϓϦ͕ඳը͞ΕΔ·Ͱ +4ʢ3FBDUʣ࣮ߦ +4 $44ͷϩʔυ ϖʔδඳը σʔλऔಘத 🌐

Slide 24

Slide 24 text

ϦΫΤετ63- ϒϥ΢βͰ41"ΞϓϦ͕ඳը͞ΕΔ·Ͱ +4 $44ͷϩʔυ ϖʔδඳը ը໘͸നࢴঢ়ଶ ׬ྃ 🌐 +4ʢ3FBDUʣ࣮ߦ σʔλऔಘத

Slide 25

Slide 25 text

ϦΫΤετ63- ϒϥ΢βͰ41"ΞϓϦ͕ඳը͞ΕΔ·Ͱ +4 $44ͷϩʔυ ϖʔδඳը ը໘͸നࢴঢ়ଶ ׬ྃ Ͳ͏ʹ͔ૣΊ͍ͨ 🌐 +4ʢ3FBDUʣ࣮ߦ σʔλऔಘத

Slide 26

Slide 26 text

ϖʔδશͯΛඳը͢Δ 4FSWFS4JEF3FOEFSJOH͕ͦ͜ɺ ౴͑ͩͬͨɾɾɾ 📌

Slide 27

Slide 27 text

🌐 443ͷ৔߹ ϦΫΤετ63- 3FBDU࣮ߦ +4 $44ͷϩʔυ ϖʔδඳը ΠϯλϥΫςΟϒʹͳΔͷ͸ ϋΠυϨʔγϣϯ׬ྃޙ 3FBDU࣮ߦ σʔλऔಘ

Slide 28

Slide 28 text

🫖

Slide 29

Slide 29 text

3FBDU4FSWFS$PNQPOFOUTͷొ৔ BTZODDPNQPOFOUͱ͍͏ ৽͍͠σʔλऔಘ

Slide 30

Slide 30 text

"TZOD$PNQPOFOUͷ֎؍ ૉ௚ʹBTZODBXBJU͕ॻ͚Δʂ ͞Β͹VTF& ff FDU ʂ ͨͩ͠ɺ

Slide 31

Slide 31 text

"TZOD$PNQPOFOUͱ͸ w αʔόʔଆͰͷΈ࣮ߦՄೳɺΫϥ ΠΞϯτίʔυͰ͸ಈ͔ͳ͍ w جຊɺϑϨʔϜϫʔΫ͸ඞཁ w BXBJUͷϦΫΤετ͕࣌ؒ௕͚Ε ͹Ϩεϙϯε΋஗͍ w ஞ࣍తʹBXBJU͢Ε͹஗͍ɻ 1SPNJTFBMM ͰฒྻԽ͸཈͓͑ͯ ͖͍ͨɻ w ԼखΛ͢ΔͱɺΞϓϦͷനࢴ࣌ؒ Λ͞Βʹ௕͔͘͠Ͷͳ͍ 🙅

Slide 32

Slide 32 text

ϦΫΤετ63- +4 $44ͷϩʔυ ϖʔδඳը ը໘͸നࢴঢ়ଶ ׬ྃ 🌐 +4ʢ3FBDUʣ࣮ߦ σʔλऔಘத վળ͍ͨ͠ϙΠϯτ͸Ͳͩͬͨ͜ʁ

Slide 33

Slide 33 text

͜͏͍͕ͨ͠ɾɾɾ ˣαʔόʔଆͰͷσʔλऔಘޮ཰ԽɺϖʔδඳըΛૉૣ͘ʂ ⚡ 🌐 ⚡ ⚡

Slide 34

Slide 34 text

"TZOD$PNQPOFOUͷBXBJU͸ શͯΛࢭΊΔͷͰനࢴΛݟͤΔ͕࣌ؒ ௕͘ͳΔՄೳੑ͕͋Δɺ Ͳ͏͢Δʁ DPOTUEBUBBXBJUMPOH3FRVFTU ☠ 🌐

Slide 35

Slide 35 text

͜͏Ͱ͖Δͱྑͦ͞͏͡Όͳ͍ʁ ׬ྃ σʔλऔಘத ˣαʔόʔଆͰ࠷௿ݶͷσʔλऔಘɺ ɹඞཁͳσʔλऔಘ͸ޙճ͠ʹͯ͠ϖʔδΛฦ͢ ϖʔδදࣔ 🚀 🌐

Slide 36

Slide 36 text

ղʣBXBJUΛ΍ΊΔ

Slide 37

Slide 37 text

͜ΕΛɺ DPOTUEBUBBXBJUGFUDI

Slide 38

Slide 38 text

͜ΕΛɺ ͜͏͢Δ DPOTUEBUBBXBJUGFUDI DPOTUEBUBGFUDI 1SPNJTF'FUDIFE%BUB

Slide 39

Slide 39 text

͜Ε͕ɺ $IJME$PNQPOFOUEBUB\EBUB^

Slide 40

Slide 40 text

͜Ε͕ɺ ͜͏Ͱ͖Δ $IJME$PNQPOFOUEBUB\EBUB^ $IJME$PNQPOFOUEBUB1SPNJTF\EBUB1SPNJTF^

Slide 41

Slide 41 text

͑ʁQSPNJTFΛ౉ͤΔͬͯͲ͏͍͏͜ͱʁ ड͚औͬͨ$PNQPOFOUͰBXBJU͕Ͱ͖Δͬͯ͜ͱʁ ݁ہBXBJU͢Δͬͯ͜ͱʁ Կ͕خ͍͠ͷʁ

Slide 42

Slide 42 text

BXBJU͠ͳ͍ 4VTQFOTFGBMMCBDLʜ4VTQFOTF VTF 1BHFDPNQPOFOU͸ɺ4FSWFS$PNQPOFOU 6TFSDPNQPOFOU͸ɺ$MJFOU$PNQPOFOU

Slide 43

Slide 43 text

IUUQTSFBDUEFWSFGFSFODFSTDVTFDMJFOU

Slide 44

Slide 44 text

BXBJUΛ΍ΊΔ͜ͱͰɺ ετϦʔϛϯάͰͷσʔλऔಘ͕Մೳʹɻ BXBJU͠ͳ͍͜ͱͰϨϯμϦϯάΛϒϩοΫͤͣɺGBMMCBDL Λ࢖ͬͯશମΛඳը͢ΔΑ͏ʹͳΔɻ VTF Ͱ1SPNJTFΛղܾͨ͠Βࠩ͠ସ͑Δɻ ͞Μɺ͔͚ͬ͐ͬʂ

Slide 45

Slide 45 text

׎͑ͯ͘Εͨɾɾɾʂ ׬ྃ 'BMMCBDLݟͤͭͭϖʔδදࣔɺσʔλ͸औಘத QSPNJTFղܾޙɺ ࠩ͠ସ͑Δ 🌐 🚀 DPOTUEBUB1SPNJTFGFUDI 4VTQFOTFGBMMCBDL\ʜ^ $IJME$PNQPOFOUEBUB1SPNJTF\EBUB1SPNJTF^ 4VTQFOTF

Slide 46

Slide 46 text

σʔλϑΣονͱඳըϑϩʔ ετϦʔϛϯάύλʔϯ 443ύλʔϯ 41"ύλʔϯ WT WT

Slide 47

Slide 47 text

ετϦʔϛϯάύλʔϯ 'JSTU1BJOUʢ'$1ʣ 443ύλʔϯ 41"ύλʔϯ 🎨 🎨 🎨 🏁 🏁 🏁 🎨

Slide 48

Slide 48 text

SFOEFSBTZPVGFUDIͱݺ͹ΕΔܗ ϨϯμϦϯάͱಉ࣌ʹσʔλऔಘ σʔλऔಘ͕ޙखʹճΒͳ͍ GFUDIPOSFOEFS

Slide 49

Slide 49 text

पล஌ࣝͰ೺Ѳ͓͖͍ͯͨ͜͠ͱ w 3FBDU4FSWFS$PNQPOFOUTશൠ w 34$ͱ443ͷҧ͍ w ϑϨʔϜϫʔΫ w 34$ͱϑϨʔϜϫʔΫػೳͷ۠ผ w ϑϨʔϜϫʔΫͷ࣮૷ࠩʢ/FYUKTͱ8BLVͷҧ͍ʣ w ࠶ϑΣονɺΩϟογϡػߏɺFUD w σʔλऔಘͷ΢ΥʔλʔϑΥʔϧɺա৒ͳϙοϓίʔϯ6*ͳͲɺ69΁ͷ ഑ྀ

Slide 50

Slide 50 text

ΈΜͳͰετϦʔϛϯάΛ৐Γ͜ͳͦ͏ʂ

Slide 51

Slide 51 text

ͱ͜ΖͰɺ3FBDU$POGͷ ʮ"TZOD3FBDUʯͷτʔΫ͸ݟ·͔ͨ͠ʁ :PV5VCF1BSU 1BSU ͜Ε͔Βͷ3FBDU͸ɺ "TZODΛσϑΥϧτͱͯ͠ਐԽ༧ఆʂʁ ָ͠Έʂ %FNPDPEF "TZOD3FBDU8PSLJOH(SPVQ

Slide 52

Slide 52 text

ʮ3FBDUͷਐԽΛָ͠Έ·͠ΐ͏ʂʯ ͓ΘΓ

Slide 53

Slide 53 text

͜ͷεϥΠυ಺Ͱ͸ɺ4VTQFOTFͰϥοϓͨ͠ࢠίϯϙʔωϯτ͸$MJFOU $PNQPOFOUΛ૝ఆ͍ͯ͠·͢ɻ ΋͠ɺ4VTQFOTFͰϥοϓͨ͠ࢠίϯϙʔωϯτ͕4FSWFS $PNQPOFOUͷ৔߹ɺͦͷࢠίϯϙʔωϯτͰBXBJUͯ͠΋4VTQFOTF GBMMCBDL͕൓Ԡ͠·͢ɻಉ༷ʹVTF QSPNJTF%BUB ͱͯ͠΋ಉ͡Ͱ͢ɻ ௥Ճɾิ଍

Slide 54

Slide 54 text

ҎԼͷΑ͏ʹಉ͡ίϯϙʔωϯτΛෳ਺ՕॴͰ4FSWFS$PNQPOFOUͱͯ͠࢖ ͏৔߹ɺGFUDI%BUB ͸ෳ਺ճ࣮ߦ͞Εͯ͠·͏ͷͰɺ3FBDUDBDIF Λ࢖͏ ͜ͱ͕ਪ঑͞Ε·͢ɻ ௥Ճɾิ଍ IUUQTSFBDUEFWSFGFSFODFSFBDUDBDIF ⚠ճ࣮ߦ 👍ճͷΈ