visualize)tc39)process - github pages...react&+&d3*scale •...
TRANSCRIPT
![Page 1: Visualize)TC39)Process - GitHub Pages...React&+&d3*scale • コンポーネントがステートレスになる • 幅、高さ"その領域の相対座標計算機(range)を渡して描画](https://reader033.vdocuments.site/reader033/viewer/2022060404/5f0efd8d7e708231d441f119/html5/thumbnails/1.jpg)
Visualize)TC39)ProcessTC39によるECMAScript策定プロセス
![Page 2: Visualize)TC39)Process - GitHub Pages...React&+&d3*scale • コンポーネントがステートレスになる • 幅、高さ"その領域の相対座標計算機(range)を渡して描画](https://reader033.vdocuments.site/reader033/viewer/2022060404/5f0efd8d7e708231d441f119/html5/thumbnails/2.jpg)
詳しくはTC39%Process%,%Google%ドキュメントを参照
![Page 3: Visualize)TC39)Process - GitHub Pages...React&+&d3*scale • コンポーネントがステートレスになる • 幅、高さ"その領域の相対座標計算機(range)を渡して描画](https://reader033.vdocuments.site/reader033/viewer/2022060404/5f0efd8d7e708231d441f119/html5/thumbnails/3.jpg)
TC39%Process%!
Stageは5段階• 0#Stawman
• 1#Proposal
• 2#Dra3
• 3#Candidate
• 4#Finished
毎年!3月と9月にstage4なったものを取り入れたものを新しい
![Page 5: Visualize)TC39)Process - GitHub Pages...React&+&d3*scale • コンポーネントがステートレスになる • 幅、高さ"その領域の相対座標計算機(range)を渡して描画](https://reader033.vdocuments.site/reader033/viewer/2022060404/5f0efd8d7e708231d441f119/html5/thumbnails/5.jpg)
Stage&0:&Stawman
• アイデア
![Page 6: Visualize)TC39)Process - GitHub Pages...React&+&d3*scale • コンポーネントがステートレスになる • 幅、高さ"その領域の相対座標計算機(range)を渡して描画](https://reader033.vdocuments.site/reader033/viewer/2022060404/5f0efd8d7e708231d441f119/html5/thumbnails/6.jpg)
Stage&1:&Proposal
• プロポーサルの目的や解決方法を示す
• Polyfillやデモ等を用いて解説する
![Page 7: Visualize)TC39)Process - GitHub Pages...React&+&d3*scale • コンポーネントがステートレスになる • 幅、高さ"その領域の相対座標計算機(range)を渡して描画](https://reader033.vdocuments.site/reader033/viewer/2022060404/5f0efd8d7e708231d441f119/html5/thumbnails/7.jpg)
Stage&2:&Dra+
• いわゆるドラフト
• ECMAScript標準と同じルールでAPIや構文、セマンティックについて説明していなければならない
• 仕様書と同じ記法でプロポーサルを書き直す
![Page 8: Visualize)TC39)Process - GitHub Pages...React&+&d3*scale • コンポーネントがステートレスになる • 幅、高さ"その領域の相対座標計算機(range)を渡して描画](https://reader033.vdocuments.site/reader033/viewer/2022060404/5f0efd8d7e708231d441f119/html5/thumbnails/8.jpg)
Stage&3:&Candidate
• 設計は完了した状態
• 実装者からフィードバックを求めて改善をする状態
• レビューアはその仕様策定者以外ならだれでもなれるが専門的な知識を持っている必要がある
![Page 9: Visualize)TC39)Process - GitHub Pages...React&+&d3*scale • コンポーネントがステートレスになる • 幅、高さ"その領域の相対座標計算機(range)を渡して描画](https://reader033.vdocuments.site/reader033/viewer/2022060404/5f0efd8d7e708231d441f119/html5/thumbnails/9.jpg)
Stage&4:&Finished• ECMAScriptへ取り込まれる準備が完了したことを示す状態
• 2つの実装がテスト(tc39/test262)をパスしてる状態
![Page 10: Visualize)TC39)Process - GitHub Pages...React&+&d3*scale • コンポーネントがステートレスになる • 幅、高さ"その領域の相対座標計算機(range)を渡して描画](https://reader033.vdocuments.site/reader033/viewer/2022060404/5f0efd8d7e708231d441f119/html5/thumbnails/10.jpg)
Stage&up• Stage++するかは、2ヶ月ごとのTC39のミーティングで決まる
• tc39.notes
• 逆算すれば、Stage20のものがStage4になるまで8ヶ月かかる
• Stage21から始めるものもある
![Page 11: Visualize)TC39)Process - GitHub Pages...React&+&d3*scale • コンポーネントがステートレスになる • 幅、高さ"その領域の相対座標計算機(range)を渡して描画](https://reader033.vdocuments.site/reader033/viewer/2022060404/5f0efd8d7e708231d441f119/html5/thumbnails/11.jpg)
ES2016(想像上の話)• おそらくES2016までにStage,4となるものはない
• tc39/ecma262
• ES2015,==,ES2016
• ES2016,==,ISO/IEC,16262:2016
• 多分、perhaps
![Page 13: Visualize)TC39)Process - GitHub Pages...React&+&d3*scale • コンポーネントがステートレスになる • 幅、高さ"その領域の相対座標計算機(range)を渡して描画](https://reader033.vdocuments.site/reader033/viewer/2022060404/5f0efd8d7e708231d441f119/html5/thumbnails/13.jpg)
SVG$+$React
![Page 15: Visualize)TC39)Process - GitHub Pages...React&+&d3*scale • コンポーネントがステートレスになる • 幅、高さ"その領域の相対座標計算機(range)を渡して描画](https://reader033.vdocuments.site/reader033/viewer/2022060404/5f0efd8d7e708231d441f119/html5/thumbnails/15.jpg)
React&+&d3*scale
• コンポーネントがステートレスになる
• 幅、高さ"その領域の相対座標計算機(range)を渡して描画var ECMAXRange = linear().domain(TenPercent).range([500, 800]);var ECMAYRange = linear().domain(TenPercent).range([0, 500]);<ECMAScript versionName={`ECMAScript ${this.state.beginYear}`} completeSpecList={completeSpecList} width={300} height={500} xRange={ECMAXRange} yRange={ECMAYRange}/>
![Page 16: Visualize)TC39)Process - GitHub Pages...React&+&d3*scale • コンポーネントがステートレスになる • 幅、高さ"その領域の相対座標計算機(range)を渡して描画](https://reader033.vdocuments.site/reader033/viewer/2022060404/5f0efd8d7e708231d441f119/html5/thumbnails/16.jpg)
A"Proposal• ES$nextの策定プロセスを分かりやすくまとめた記事$)$Issue$#57$
)$azu/azu