Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
ES2017でjQuery
Search
camcam_lemon
July 15, 2018
Programming
0
68
ES2017でjQuery
ゆるクリ会(2018/7/14)
camcam_lemon
July 15, 2018
Tweet
Share
More Decks by camcam_lemon
See All by camcam_lemon
要素のサイズを変えずに押しやすくする
lemon
0
41
iOSのキーボード入力ビューをカスタマイズする
lemon
0
190
視え方と文字の大きさ
lemon
1
370
Yarn WorkSpaces × React Nativeの環境構築
lemon
0
260
フロントエンドにおけるアーキテクチャとの向き合い方
lemon
10
4.8k
UI/UXデザイナーがデザインしてるもの
lemon
2
310
react-reduxで追加されたHooks APIの良い所と使い方
lemon
5
950
ESLintで始めるTypeScriptの静的解析
lemon
8
2k
SEがエンジニアに目覚めデザイナーに転身した冒険譚
lemon
6
1.5k
Other Decks in Programming
See All in Programming
データの整合性を保つ非同期処理アーキテクチャパターン / Async Architecture Patterns
mokuo
53
18k
お前もAI鬼にならないか?👹Bolt & Cursor & Supabase & Vercelで人間をやめるぞ、ジョジョー!👺
taishiyade
7
4.1k
Jakarta EE meets AI
ivargrimstad
0
160
Multi Step Form, Decentralized Autonomous Organization
pumpkiinbell
1
830
pylint custom ruleで始めるレビュー自動化
shogoujiie
0
140
Go 1.24でジェネリックになった型エイリアスの紹介
syumai
2
260
GitHub Actions × RAGでコードレビューの検証の結果
sho_000
0
290
Serverless Rust: Your Low-Risk Entry Point to Rust in Production (and the benefits are huge)
lmammino
1
140
仕様変更に耐えるための"今の"DRY原則を考える
mkmk884
9
3k
Rubyで始める関数型ドメインモデリング
shogo_tksk
0
130
2025.2.14_Developers Summit 2025_登壇資料
0101unite
0
150
dbt Pythonモデルで実現するSnowflake活用術
trsnium
0
250
Featured
See All Featured
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
49
2.3k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
233
17k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
4
430
The Straight Up "How To Draw Better" Workshop
denniskardys
232
140k
Reflections from 52 weeks, 52 projects
jeffersonlam
348
20k
Faster Mobile Websites
deanohume
306
31k
RailsConf 2023
tenderlove
29
1k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
45
9.4k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
160
15k
Stop Working from a Prison Cell
hatefulcrawdad
267
20k
Fireside Chat
paigeccino
34
3.2k
Measuring & Analyzing Core Web Vitals
bluesmoon
6
250
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ͷιʔείʔυͭΒ͗͢Δɾɾɾ
͝੩ௌ ɹ͋Γ͕ͱ͏͍͟͝·ͨ͠