Upgrade to PRO for Only $50/Year—Limited-Time Offer! 🔥
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
ES2017でjQuery
Search
camcam_lemon
July 15, 2018
Programming
0
75
ES2017でjQuery
ゆるクリ会(2018/7/14)
camcam_lemon
July 15, 2018
Tweet
Share
More Decks by camcam_lemon
See All by camcam_lemon
オレを実装してデザイン実装楽したい
lemon
0
60
要素のサイズを変えずに押しやすくする
lemon
0
78
iOSのキーボード入力ビューをカスタマイズする
lemon
0
260
視え方と文字の大きさ
lemon
1
420
Yarn WorkSpaces × React Nativeの環境構築
lemon
0
300
フロントエンドにおけるアーキテクチャとの向き合い方
lemon
10
5k
UI/UXデザイナーがデザインしてるもの
lemon
2
330
react-reduxで追加されたHooks APIの良い所と使い方
lemon
5
1k
ESLintで始めるTypeScriptの静的解析
lemon
8
2.1k
Other Decks in Programming
See All in Programming
CSC305 Lecture 15
javiergs
PRO
0
250
CSC509 Lecture 14
javiergs
PRO
0
220
TypeScript 5.9 で使えるようになった import defer でパフォーマンス最適化を実現する
bicstone
1
1.1k
ゲームの物理 剛体編
fadis
0
190
Reactive Thinking with Signals and the new Resource API
manfredsteyer
PRO
0
160
tsgolintはいかにしてtypescript-goの非公開APIを呼び出しているのか
syumai
5
1.5k
AIコーディングエージェント(skywork)
kondai24
0
120
AWS CDKの推しポイントN選
akihisaikeda
1
240
Full-Cycle Reactivity in Angular: SignalStore mit Signal Forms und Resources
manfredsteyer
PRO
0
180
ハイパーメディア駆動アプリケーションとIslandアーキテクチャ: htmxによるWebアプリケーション開発と動的UIの局所的適用
nowaki28
0
350
Herb to ReActionView: A New Foundation for the View Layer @ San Francisco Ruby Conference 2025
marcoroth
0
240
tparseでgo testの出力を見やすくする
utgwkk
1
140
Featured
See All Featured
We Have a Design System, Now What?
morganepeng
54
7.9k
The Invisible Side of Design
smashingmag
302
51k
Java REST API Framework Comparison - PWX 2021
mraible
34
9k
KATA
mclloyd
PRO
32
15k
Mobile First: as difficult as doing things right
swwweet
225
10k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
25
1.6k
Imperfection Machines: The Place of Print at Facebook
scottboms
269
13k
Designing Experiences People Love
moore
142
24k
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
659
61k
Building a Modern Day E-commerce SEO Strategy
aleyda
45
8.3k
Statistics for Hackers
jakevdp
799
230k
The MySQL Ecosystem @ GitHub 2015
samlambert
251
13k
Transcript
ES2017ͰjQuery
Name ߕ൹ా ྄Ұ Twitter @camcam_lemon Company undefined Occupation ϑϩϯτΤϯυΤϯδχΞ Skills
React / Redux / PWA / GAS
None
“ φ͘jQueryΛॻ͍ͯΈΑ͏ɾɾɾʂʂ “
ΠέͯΔjQuery ˕ AjaxΛϞδϡʔϧԽ => ΤϥʔϋϯυϦϯάΛ෦ʹӅณ => PromiseԽ ˕ JSXϥΠΫʹappend()Λهड़ =>
ؔܕϓϩάϥϛϯάΛϑϧ׆༻ => ςϯϓϨʔτϦςϥϧͰϦʔμϒϧʹ
ී௨ͷAjax
None
_ajaxͷ͍ํ(thenable)
_ajaxͷ͍ํ(async/await)
ϞδϡʔϧԽͨ͠ajax ˕ඇಉظ௨৴ͷίʔϧόοΫࠈ͔Β٫ ˕ຖճajaxΛهड़͢ΔखؒΛলུ ˕Promise.allͱซ༻͢Δ͜ͱͰ͖Δ => initializeޙย͚ͷίʔυΛΊΔ
ී௨ͷappend
Ͳ͏هड़͢Δͷ͔ ˕ 1ͭͷappendͰશͯฦ͢Α͏ʹ͢Δ ˕ ReactͷΑ͏ʹ༩͑ΒΕͨprops(Ҿ)Λݩʹඳ ը͍ͯ͘͠ͷΛܾΊΔ ˕ ͔ؔΒؔΛݺͼग़ؔ͢ͷचͭͳ͗ ˕ ੍ޚॲཧϩδοΫΛىʹؔͱͯ͠ൈ͖ग़
͠ɺؔͷதʹด͡ࠐΊΔ
Reactͷॻ͖ํ
None
None
·ͱΊ ˕ES20xxͱjQueryͷ૬ੑ˓ (thisʹҙ) ˕ςϯϓϨʔτϦςϥϧ × append͕ΤϞ͍ ˕IEΓࣺͯͷཁ݅ͳΒͬͯΈΔͷ͍͍͔
“ ݁ہ jQuery ͬͯΦϫίϯͳͷʁ “
jQueryΦϫίϯʹର͢Δͷanswer Q. jQueryΦϫίϯ͔ʁ A. ΦϫίϯͰ͋Δ => ৽ن։ൃͰ࠾༻͢ΔϥΠϒϥϦʔͰͳ͍ => ϝϯςφϯε͢Δͷʹ jQueryͷιʔείʔυͭΒ͗͢Δɾɾɾ
͝੩ௌ ɹ͋Γ͕ͱ͏͍͟͝·ͨ͠