ES2017でjQuery

ゆるクリ会(2018/7/14)

Transcript

1. ES2017ͰjQuery
2. Name ߕ൹ా ྄Ұ Twitter @camcam_lemon Company undefined Occupation ϑϩϯτΤϯυΤϯδχΞ Skills React / Redux / PWA / GAS
4. “ φ΢͘jQueryΛॻ͍ͯΈΑ͏ɾɾɾʂʂ “
5. ΠέͯΔjQuery ˕ AjaxΛϞδϡʔϧԽ
   => ΤϥʔϋϯυϦϯάΛ಺෦ʹӅณ
   => PromiseԽ
   ˕ JSXϥΠΫʹappend()Λهड़
   => ؔ਺ܕϓϩάϥϛϯάΛϑϧ׆༻
   => ςϯϓϨʔτϦςϥϧͰϦʔμϒϧʹ
   
6. ී௨ͷAjax
8. _ajaxͷ࢖͍ํ(thenable)
9. _ajaxͷ࢖͍ํ(async/await)
10. ϞδϡʔϧԽͨ͠ajax ˕ඇಉظ௨৴ͷίʔϧόοΫ஍ࠈ͔Β୤٫ ˕ຖճajaxΛهड़͢ΔखؒΛলུ ˕Promise.allͱซ༻͢Δ͜ͱ΋Ͱ͖Δ => initialize΍ޙย෇͚ͷίʔυΛ৞ΊΔ
11. ී௨ͷappend
12. Ͳ͏هड़͢Δͷ͔ ˕ 1ͭͷappendͰશͯฦ͢Α͏ʹ͢Δ ˕ ReactͷΑ͏ʹ༩͑ΒΕͨprops(Ҿ਺)Λݩʹඳ ը͍ͯ͘͠΋ͷΛܾΊΔ ˕ ؔ਺͔Βؔ਺Λݺͼग़ؔ͢਺ͷ਺चͭͳ͗ ˕ ੍ޚॲཧ΍ϩδοΫΛى఺ʹؔ਺ͱͯ͠ൈ͖ग़ ͠ɺؔ਺ͷதʹด͡ࠐΊΔ
13. Reactͷॻ͖ํ
16. ·ͱΊ ˕ES20xxͱjQueryͷ૬ੑ͸˓ (thisʹ͸஫ҙ) ˕ςϯϓϨʔτϦςϥϧ × append͕ΤϞ͍ ˕IE੾Γࣺͯͷཁ݅ͳΒ࢖ͬͯΈΔͷ΋͍͍͔΋
17. “ ݁ہ jQuery ͬͯΦϫίϯͳͷʁ “
18. jQuery͸Φϫίϯʹର͢Δ๻ͷanswer Q. jQuery͸Φϫίϯ͔ʁ A. ΦϫίϯͰ͋Δ => ৽ن։ൃͰ࠾༻͢ΔϥΠϒϥϦʔͰ͸ͳ͍ => ϝϯςφϯε͢Δͷʹ jQueryͷιʔείʔυ͸ͭΒ͗͢Δɾɾɾ
19. ͝੩ௌ
    ɹ͋Γ͕ͱ͏͍͟͝·ͨ͠