JavaScriptの未来は誰がどう決めている？

Transcript

1. JavaScriptの未来は 
 誰がどう決めている？ 
 2025/09/28 ココカラ勉強会
 high-g

2. @high_g_engineer 
 KINTOテクノロジーズ（株）所属 
 フロントエンドエンジニア 
 TSKaigi 2025, TSKaigi Kansai Staff 
 フロントエンドカンファレンス関西実行委員 
 谷 郁弥 (high-g) 

3. そもそも JavaScript とは 

4. そもそも JavaScript とは 
 JSエンジンで動作するプログラミング言語 
 - ブラウザだけでなく、サーバ、アプリ、IoT、AIエージェントなどで広く普及
 - 元々は、ブラウザごとに異なる仕様で実装されていた
 - 現在は、主要ブラウザベンダーなどが協力して仕様を策定している
 ⇛ 現代のJavaScript は標準仕様に沿って実装されている 

5. JavaScript の標準仕様ってなに？ 

6. JavaScript の標準仕様ってなに？ 
 ECMAScript（エクマスクリプト） 
 - 国際規格名は、ECMA-262
 - ECMAScript の内容はすべてネット上に公開されている
 - https://262.ecma-international.org/16.0/index.html

8. 誰が ECMAScript を策定している？ 

9. 誰が ECMAScript を策定している？ 
 Ecma Internationalという団体が策定 
 - Ecma = European Computer Manufacturers Association
 - C#、Dart の標準規格もこの団体が策定
 - この団体の中でも ECMAScript の策定 は TC39 という専門の委員会が担当
 
 ※ TC = Technical Committee（技術委員会） 
 ※ 39は通し番号で振られているだけなので、この数字に意味はありません 
 ※ C# → TC49、Dart → TC52 

10. TC39 について 

11. TC39について 
 メンバー構成 
 - ブラウザベンダー（Google、Microsoft、Mozilla、Apple）
 - 大手テック企業（Meta, IBM, Oracle…）
 - 開発ツール・プラットフォーム企業、学術機関など
 2ヶ月ごとに会議が開かれ、アジェンダをもと2~4日ほど議論される 
 - アジェンダと議事録はすべて GitHub 上に公開されている

13. TC39 はどうやって ECMAScript を策定している？ 

14. TC39 はどうやって ECMAScript を策定している？ 
 Stage 0 〜 Stage 4 の5つの段階を踏んでいる 
 - Stage 0：Strawman → アイデア段階（Contributor登録で、誰でも提案可）
 - Stage 1：Proposal → 解決策の設計, チャンピオン（責任者）の任命
 - Stage 2：Draft → 仕様ドラフト作成、実装実験開始
 - Stage 3：Candidate → 実装・検証段階、複数ブラウザでの実装
 - Stage 4：Finished → 正式採用、ECMAScript仕様への統合
 ⇛ スムーズに Stage 4 まで到達するものもあれば、 
 　長年 Stage 1, 2 で滞っているものもある 

15. プロポーザルごとに時間が割り当てられたアジェンダが組まれる 

16. 近々でリリースされた機能 
 2025年6月26日に ES2025 がリリース！
 ※毎年6月くらいに ES◯◯ がリリースされています

18. JSON modules 

19. // 従来（fetch使用） const response = await fetch('./data.json'); const json = await response.json(); // より安全に標準仕様で使えるように import json from "./data.json" with { type: "json" }; JSON modules 

20. Iterator Helpers 

21. // Iterator を返す関数（仮想的な例） function* readCSVLines(file) { // ファイルを1行ずつ読み込むイテレータ } // Array 変換の必要がない！Iteratorをそのままループ処理できる // Array 変換で発生するメモリクラッシュの危険性がなくなった const samples = readCSVLines(hugeFile) .filter(line => line.includes('ERROR')) .map(line => parseCSV(line)) .take(10) .toArray(); Iterator Helpers 

22. その他の ECMAScript のプロポーザルたち 

23. その他の ECMAScript のプロポーザルたち 
 Stage 3 にいる実装間近なプロポーザル 
 - Temporal https://github.com/tc39/proposal-temporal 
 - 既存の Date オブジェクトの長年の問題を解決し、日付と時刻を操作するための標準オブ ジェクトと関数を提供することが目的 
 Stage 1 で滞っているプロポーザル 
 - Decimal https://github.com/tc39/proposal-decimal 
 - 2進浮動小数点計算において、正確な計算を行うことが目的 
 - 現状、0.1 + 0.2 = 0.30000000000000004 となってしまう 
 - 既存の仕様との絡みで、ユーザが求める形に着地できない 

24. その他の ECMAScript のプロポーザルたち 
 Stage 3 にいる実装間近なプロポーザル 
 - Temporal https://github.com/tc39/proposal-temporal 
 - 既存の Date オブジェクトの長年の問題を解決し、日付と時刻を操作するための標準オブ ジェクトと関数を提供することが目的 
 Stage 1 で滞っているプロポーザル 
 - Decimal https://github.com/tc39/proposal-decimal 
 - 2進浮動小数点計算において、正確な計算を行うことが目的 
 - 現状、0.1 + 0.2 = 0.30000000000000004 となってしまう 
 - 既存の仕様との絡みで、ユーザが求める形に着地できない 
 これら以外にも多数のプロポーザルが存在！！ 

25. まとめ

26. まとめ
 - JavaScript は、ECMAScript という仕様をもとに実装されている 
 - ECMAScript は、Ecma Internatinalの TC39 によって策定されている 
 - すべてが GitHub 上で公開されており、誰でも提案の過程を見ることが可能 
 - ECMAScript の現在地を理解することで、将来の技術トレンドを先取りし、
 コミュニティへの貢献につなげていきましょう
 コミュニティ貢献のヒントはたくさん眠っている！！！ 

27. ご清聴ありがとうございました