情報工学科 - kanazawa-it.ac.jp · 情報工学関連の安全・危機管理、プロジェクトデザインⅢ活動領域プログラムの概要を学ぶ。 次いで、プ
どうやってECMAScript 6 · 2020-04-03 · ES6を学ぶ前に 4 ES5がわからない 4 =>...
36
どうやってECMAScript 6 を学び始めるか
Transcript of どうやってECMAScript 6 · 2020-04-03 · ES6を学ぶ前に 4 ES5がわからない 4 =>...
どうやってECMAScript 6を学び始めるか
ECMAScript 5を知る
ES6 の前に ES5 大丈夫?4 Property Descriptor
4 Object.create()
4 Strict Mode
4 Thinking About ECMAScript 5 Parts - Tech.pro
なぜ ES5 が大事か?4 (恐らく)学ぶ過程でBabelのようなTranspilerに手を出してしまう
4 TranspilerはES5の機能を使いきって実装されている4 JavaScript Transformation - JSConf 2015 // Speaker
Deck
ES6の概要を知る
実行環境
実行環境を揃える4 Browser(JavaScriptエンジン)
4 MSEdge、Firefox、Chrome、Safari(Webkit JSC)
4 Babel(Transpiler)
Browserへの実装状況
ECMAScript 6 compatibility table
Status Page4 それぞれのブラウザ持ってる実装ステータスページ4 The WebKit Open Source Project - Web Platform
Status
4 Developer Resources : MSEdge Dev
4 Chromium Dashboard
Transpilerを使う前に
JavaScript Transformation - JSConf 2015
Transpiler is not Learning Tool4 次の分類が何を基準にしてるか分からない場合はTranspilerで学ぶのは危険が伴う
╔═══════════════════════╤═════════════════════╗║ A │ B ║╠═══════════════════════╪═════════════════════╣║ Math Extension │ SubClassing ║╟───────────────────────┼─────────────────────╢║ spread (...) operator │ Proxy ║╟───────────────────────┼─────────────────────╢║ Map │ WeakMap ║╟───────────────────────┼─────────────────────╢║ Set │ WeakSet ║╟───────────────────────┼─────────────────────╢║ Promise │ Symbol ║╟───────────────────────┼─────────────────────╢║ Template Strings │ Temporary Dead Zone ║╟───────────────────────┼─────────────────────╢║ ....... │ ..... ║╚═══════════════════════╧═════════════════════╝
! ES6を学ぶ前に4 ES5がわからない4 => ES5を学ぶ
4 Transpilerの動作原理がわからない4 => ブラウザが対応してる機能を優先して学ぶ
4 Transpilerがではできないことも理解してる4 => 容量用法を持って正しく使いましょう
ES6を学ぶ
getify/You-Dont-Know-JS
ES6を書く
書く4 Learn ES2015 · Babel
4 ライブラリをES6で書いて公開する所から始めよう4 NW.jsやElectronで動くアプリを書く4 io.js(V8)が入ってる
仕様を読む
ECMAScript仕様書を読む · Issue #47 · azu/azu
ECMAScript 6ドラフトのDiff検索用リポジトリを作った | Web Scratch
▶ ECMAScript Next
プロポーサル一覧4 tc39/ecma262
4 Stage 0 Proposals
4 ecmarkupでプロポーサルを書き、GitHubに置く4 + ES Discuss
4 議論の場所を議論中: Move es-discuss to discuss.webplatform.org?
tc39/tc39-notes
4 ECMAScriptを作成する委員会(TC39)のミーティングノート
4 大体3ヶ月に1度開催4 #TC39MTGで一人読書会をやってます
4 ミーティングに参加してないけどコミットしてる
明日には使えなくなるES7トーク4 賞味期限 まで 後4 ES7以降の仕様策定の流れ4 Stageって何か?
まとめ4 WEB+DB PRESS Vol.87で概要を把握4 es6-features.orgで簡単にどんな機能が増えたのかを見る
4 tower-of-babelで実際に書いてみる4 もっと深く知りたい場合はExploring ES6を読む
