Tweet
Tweet

Slide 1

Slide 1 text

ES2017ͰjQuery

Slide 2

Slide 2 text

Name ߕ൹ా ྄Ұ Twitter @camcam_lemon Company undefined Occupation ϑϩϯτΤϯυΤϯδχΞ Skills React / Redux / PWA / GAS

Slide 3

Slide 3 text

No content

Slide 4

Slide 4 text

“ φ΢͘jQueryΛॻ͍ͯΈΑ͏ɾɾɾʂʂ “

Slide 5

Slide 5 text

ΠέͯΔjQuery ˕ AjaxΛϞδϡʔϧԽ => ΤϥʔϋϯυϦϯάΛ಺෦ʹӅณ => PromiseԽ ˕ JSXϥΠΫʹappend()Λهड़ => ؔ਺ܕϓϩάϥϛϯάΛϑϧ׆༻ => ςϯϓϨʔτϦςϥϧͰϦʔμϒϧʹ

Slide 6

Slide 6 text

ී௨ͷAjax

Slide 7

Slide 7 text

No content

Slide 8

Slide 8 text

_ajaxͷ࢖͍ํ(thenable)

Slide 9

Slide 9 text

_ajaxͷ࢖͍ํ(async/await)

Slide 10

Slide 10 text

ϞδϡʔϧԽͨ͠ajax ˕ඇಉظ௨৴ͷίʔϧόοΫ஍ࠈ͔Β୤٫ ˕ຖճajaxΛهड़͢ΔखؒΛলུ ˕Promise.allͱซ༻͢Δ͜ͱ΋Ͱ͖Δ => initialize΍ޙย෇͚ͷίʔυΛ৞ΊΔ

Slide 11

Slide 11 text

ී௨ͷappend

Slide 12

Slide 12 text

Ͳ͏هड़͢Δͷ͔ ˕ 1ͭͷappendͰશͯฦ͢Α͏ʹ͢Δ ˕ ReactͷΑ͏ʹ༩͑ΒΕͨprops(Ҿ਺)Λݩʹඳ ը͍ͯ͘͠΋ͷΛܾΊΔ ˕ ؔ਺͔Βؔ਺Λݺͼग़ؔ͢਺ͷ਺चͭͳ͗ ˕ ੍ޚॲཧ΍ϩδοΫΛى఺ʹؔ਺ͱͯ͠ൈ͖ग़ ͠ɺؔ਺ͷதʹด͡ࠐΊΔ

Slide 13

Slide 13 text

Reactͷॻ͖ํ

Slide 14

Slide 14 text

No content

Slide 15

Slide 15 text

No content

Slide 16

Slide 16 text

·ͱΊ ˕ES20xxͱjQueryͷ૬ੑ͸˓ (thisʹ͸஫ҙ) ˕ςϯϓϨʔτϦςϥϧ × append͕ΤϞ͍ ˕IE੾Γࣺͯͷཁ݅ͳΒ࢖ͬͯΈΔͷ΋͍͍͔΋

Slide 17

Slide 17 text

“ ݁ہ jQuery ͬͯΦϫίϯͳͷʁ “

Slide 18

Slide 18 text

jQuery͸Φϫίϯʹର͢Δ๻ͷanswer Q. jQuery͸Φϫίϯ͔ʁ A. ΦϫίϯͰ͋Δ => ৽ن։ൃͰ࠾༻͢ΔϥΠϒϥϦʔͰ͸ͳ͍ => ϝϯςφϯε͢Δͷʹ jQueryͷιʔείʔυ͸ͭΒ͗͢Δɾɾɾ

Slide 19

Slide 19 text

͝੩ௌ ɹ͋Γ͕ͱ͏͍͟͝·ͨ͠