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
ES2020 で来る7つの新機能
Search
53
May 08, 2020
Technology
1
95
ES2020 で来る7つの新機能
53
May 08, 2020
Tweet
Share
More Decks by 53
See All by 53
CSSで非表示にする方法
gotadano
0
73
Vue.js_x_Animation.pdf
gotadano
1
150
Vue.jsとNuxt.jsの学び方
gotadano
0
260
初めてnpmパッケージを公開した話.pdf
gotadano
0
36
JavaScriptで実装したVueJS プロジェクトをTypeScriptへ移行する話
gotadano
1
370
Other Decks in Technology
See All in Technology
BigQuery Remote FunctionでLooker Studioをインタラクティブ化
cuebic9bic
3
280
「Chatwork」の認証基盤の移行とログ活用によるプロダクト改善
kubell_hr
1
150
MySQL5.6から8.4へ 戦いの記録
kyoshidaxx
1
210
M3 Expressiveの思想に迫る
chnotchy
0
100
Amazon ECS & AWS Fargate 運用アーキテクチャ2025 / Amazon ECS and AWS Fargate Ops Architecture 2025
iselegant
16
5.5k
VISITS_AIIoTビジネス共創ラボ登壇資料.pdf
iotcomjpadmin
0
160
LinkX_GitHubを基点にした_AI時代のプロジェクトマネジメント.pdf
iotcomjpadmin
0
170
Wasm元年
askua
0
140
Amazon Bedrockで実現する 新たな学習体験
kzkmaeda
2
540
強化されたAmazon Location Serviceによる新機能と開発者体験
dayjournal
2
210
A2Aのクライアントを自作する
rynsuke
1
170
Yamla: Rustでつくるリアルタイム性を追求した機械学習基盤 / Yamla: A Rust-Based Machine Learning Platform Pursuing Real-Time Capabilities
lycorptech_jp
PRO
3
120
Featured
See All Featured
Art, The Web, and Tiny UX
lynnandtonic
299
21k
What’s in a name? Adding method to the madness
productmarketing
PRO
23
3.5k
Rebuilding a faster, lazier Slack
samanthasiow
82
9.1k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
30
2.1k
Raft: Consensus for Rubyists
vanstee
140
7k
Building Better People: How to give real-time feedback that sticks.
wjessup
367
19k
Why You Should Never Use an ORM
jnunemaker
PRO
57
9.4k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
31
1.2k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
107
19k
Build your cross-platform service in a week with App Engine
jlugia
231
18k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
367
26k
What's in a price? How to price your products and services
michaelherold
246
12k
Transcript
ES2020Ͱ͑Δ7ͭͷ৽ػೳ גࣜձࣾGameWith ࣾLT ྩ25݄8 EcmaScript 11ճͷϦϦʔε
߶ ϑϩϯτΤϯυΤϯδχΞ Flash → Webήʔ → Ձ֨ൺֱαΠτˠ Unity →
WebϝσΟΞˠ YouTuberେखࣄॴ ˠGamewith(͍·ίί)
QoL ࢪࡦ
ि4Ͱ12km Run • ݄ؒ 200kmΦʔόʔͰނোϦεΫ • 2લʹΞΩϨε伳அ྾ • ఈےບԌ •
ͭ΅ϩʔϥʔ ¥ 3,880ԁ • ࣄ͠ͳ͕Β ࠷ۙϚεΫʹ׳Ε͖ͯͨ
ES2020 https://github.com/tc39/proposals
globalThis
࣮ߦڥ ͞·͟· • Webϒϥβʔ • αʔόʔαΠυ • εϚϗ • ϩϘοτ
άϩʔόϧ ΦϒδΣΫτ ඞͣଘࡏ͢Δ❗
None
ಠࣗͷΦϒδΣΫτϞσϧ
ෳͷڥͰಈ͘ίʔυ ڥΛఆ͢ΔؔΛ༻ҙ͍͕ͯͨ͠…
Ұ؏ͨ͠ํ๏ͰΞΫηε ͜Ε͔Β globalThis ϓϩύςΟ Ͱඪ४Խ
Promise.allSettled( )
Ҿ ϓϩϛεͷྻ
Promise.allsettled( )
Promise.allsettled( )
݁Ռ͕هड़͞Εͨྻ ݁ՌΛϑΟϧλϦϯά͢Δͷ͕༰қʹͳΔ
Null ߹ମԋࢉࢠ
exp ?? exp null ͔ undefined ͷͱ͖͚ͩӈลΛฦ͢
Null ߹ମԋࢉࢠ
Null ߹ମԋࢉࢠ
Null ߹ମԋࢉࢠ
exp ?? exp σϑΥϧτ Λࢦఆ͢ΔͨΊͷ৽͍͠ํ๏
ΦϓγϣφϧνΣʔϯԋࢉࢠ
ΦϒδΣΫτͷ தؒνΣοΫ ΦϒδΣΫτ null/undefined Λฦ͢ API
ΦϒδΣΫτͷωετ෦ϓϩύςΟ
ΦϒδΣΫτͷωετ෦ϓϩύςΟ
BigInt
Number.MAX_SAFE_INTEGER 2⁵³ ( 9007199254740991 )
BigInt ඌ n ͕͘
Number ͱڞଘ͍͠ ܕ͕ҧ͏ͷͰԋࢉͰ͖ͳ͍
Number ͱڞଘ͍͠ ਫ਼͕୲อ͞Εͯͳ͍
dynamic import( )
ಈతϩʔυ εΫϦϓτಈ࡞࣌ʹΞϓϦέʔγϣϯͷҰ෦Λऔಘ
dynamic import( ) αϙʔτͷྫ • ଟΧࠃαϙʔτͰɺϢʔβʔݴޠʹඞཁͳεΫϦϓτ͚ͩΛϩʔυ • ΞϓϦέʔγϣϯΛࡉΕʹͯ͠ɺ ԆϩʔυʹΑͬͯύϑΥʔϚϯεɾνϡʔχϯάΛߦ͏ •
Ϟδϡʔϧ͕ݟ͔ͭΒͳ͍߹ͷಈ࡞Λ࣮Ͱ͖Δ
ίʔϧόοΫ
async / await
੩తΠϯϙʔτͱͷҧ͍ Ϗϧυ࣌ʹධՁ͞ΕΔ੩తΠϯϙʔτͱൺֱ • ಈతΠϯϙʔτɺΠϯϙʔτͨ͠εΫϦϓτ͔ΒՄೳ • εΫϦϓτͷͲͷείʔϓ͔ΒͰɺಈతΠϯϙʔτՄೳ • ಈతΠϯϙʔτɺ੩తจࣈྻ͚ͩͰͳ͘ ςϯϓϨʔτจࣈྻड͚͚Δ
String.protype.matchAll
ΠςϨʔλʔΛฦ͢ ਖ਼نදݱʹରͯ͠Ϛον͢Δશจࣈྻ
จࣈྻΛݕग़
݁ՌΛྻڍ
݁ՌΛྻԽ
͍͞͝ʹ • ChromeͰશ෦͑·ͨ͠ • BabelϓϥάΠϯ༻ҙ͞Ε͍ͯ·͢ • TC39 ͷٞࣄGithubͰݟΒΕΔͷͰɺ ະདྷͷJSͷ༷͕֞ؒݟΕ·͢
Fin.