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
Sponsored
·
Your Podcast. Everywhere. Effortlessly.
Share. Educate. Inspire. Entertain. You do you. We'll handle the rest.
→
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
66
要素のサイズを変えずに押しやすくする
lemon
0
82
iOSのキーボード入力ビューをカスタマイズする
lemon
0
280
視え方と文字の大きさ
lemon
1
430
Yarn WorkSpaces × React Nativeの環境構築
lemon
0
320
フロントエンドにおけるアーキテクチャとの向き合い方
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
OSSとなったswift-buildで Xcodeのビルドを差し替えられるため 自分でXcodeを直せる時代になっている ダイアモンド問題編
yimajo
3
610
責任感のあるCloudWatchアラームを設計しよう
akihisaikeda
3
160
AIで開発はどれくらい加速したのか?AIエージェントによるコード生成を、現場の評価と研究開発の評価の両面からdeep diveしてみる
daisuketakeda
1
970
疑似コードによるプロンプト記述、どのくらい正確に実行される?
kokuyouwind
0
380
フルサイクルエンジニアリングをAI Agentで全自動化したい 〜構想と現在地〜
kamina_zzz
0
400
Kotlin Multiplatform Meetup - Compose Multiplatform 외부 의존성 아키텍처 설계부터 운영까지
wisemuji
0
190
フロントエンド開発の勘所 -複数事業を経験して見えた判断軸の違い-
heimusu
7
2.8k
カスタマーサクセス業務を変革したヘルススコアの実現と学び
_hummer0724
0
630
AIと一緒にレガシーに向き合ってみた
nyafunta9858
0
170
AI時代の認知負荷との向き合い方
optfit
0
150
Fluid Templating in TYPO3 14
s2b
0
130
Honoを使ったリモートMCPサーバでAIツールとの連携を加速させる!
tosuri13
1
170
Featured
See All Featured
Money Talks: Using Revenue to Get Sh*t Done
nikkihalliwell
0
150
Leo the Paperboy
mayatellez
4
1.4k
BBQ
matthewcrist
89
10k
How People are Using Generative and Agentic AI to Supercharge Their Products, Projects, Services and Value Streams Today
helenjbeal
1
120
Building the Perfect Custom Keyboard
takai
2
680
ReactJS: Keep Simple. Everything can be a component!
pedronauck
666
130k
Into the Great Unknown - MozCon
thekraken
40
2.2k
Lessons Learnt from Crawling 1000+ Websites
charlesmeaden
PRO
1
1.1k
Paper Plane (Part 1)
katiecoart
PRO
0
4k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
4.2k
The State of eCommerce SEO: How to Win in Today's Products SERPs - #SEOweek
aleyda
2
9.5k
Jamie Indigo - Trashchat’s Guide to Black Boxes: Technical SEO Tactics for LLMs
techseoconnect
PRO
0
55
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ͷιʔείʔυͭΒ͗͢Δɾɾɾ
͝੩ௌ ɹ͋Γ͕ͱ͏͍͟͝·ͨ͠