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
JavaScriptの未来は誰がどう決めている?
Search
high-g
September 28, 2025
Technology
11
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
JavaScriptの未来は誰がどう決めている?
2025/09/28(日)【IT系・LT会&交流会】ココカラ勉強会 @大阪
https://kokokara.connpass.com/event/368348/
high-g
September 28, 2025
More Decks by high-g
See All by high-g
React本体のコードリーディング
high_g_engineer
0
110
速習 View Transition API
high_g_engineer
0
11
関西からコミュニティ活動をする意味
high_g_engineer
0
85
DOMやEventの型階層を理解する
high_g_engineer
0
27
デザイナー不在プロジェクトにおける生成AIによるモック駆動開発
high_g_engineer
0
10
React開発をシンプルに!TanStackによる統一的なライブラリ選定
high_g_engineer
0
13
誰でもできるtype-challenges入門
high_g_engineer
0
13
Other Decks in Technology
See All in Technology
人とエージェントが高め合う協業設計
kintotechdev
0
1.1k
人依存からAIネイティブの体制へ:バックエンド開発の裏側【SORACOM Discovery 2026】
soracom
PRO
0
120
大 AI 時代におけるC# の事情 ~ぶっちゃけトークを交えながら~
nenonaninu
1
520
AIエージェントがあれば技術書なんてすぐ書けるでしょ→無理でした
watany
6
1.1k
Webアプリ認証の全体像 / The Big Picture of Web App Authentication
kitano_yuichi
1
480
AIがAPIを書く時代に、私たちは何を設計すべきか
nagix
0
120
AIで楽になるはずが、なぜ疲れる?
kinopeee
0
130
データベース研修【MIXI 26新卒技術研修】
mixi_engineers
PRO
1
630
「待ち時間」の消滅と「自我消耗」の加速:生成AI時代のエンジニアを救うメンタル・リソース管理
poropinai1966
0
300
基調講演:人とAIをつなぐIoTの今と未来 ー 「フィジカル」と「デジタル」が出会うその先へ【SORACOM Discovery 2026】
soracom
PRO
0
350
ソフトウェアアーキテクチャ研修【MIXI 26新卒技術研修】
mixi_engineers
PRO
2
930
Claude Code並行開発環境の ムダ‧ムラ‧ムリを見直した話
muranakaaa
0
260
Featured
See All Featured
Building a Scalable Design System with Sketch
lauravandoore
463
34k
Why Your Marketing Sucks and What You Can Do About It - Sophie Logan
marketingsoph
0
330
The Invisible Side of Design
smashingmag
301
52k
Design of three-dimensional binary manipulators for pick-and-place task avoiding obstacles (IECON2024)
konakalab
0
500
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
25
2k
Leadership Guide Workshop - DevTernity 2021
reverentgeek
1
330
Mozcon NYC 2025: Stop Losing SEO Traffic
samtorres
1
440
Winning Ecommerce Organic Search in an AI Era - #searchnstuff2025
aleyda
1
2.1k
What's in a price? How to price your products and services
michaelherold
247
13k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
32
4k
Digital Ethics as a Driver of Design Innovation
axbom
PRO
1
350
Utilizing Notion as your number one productivity tool
mfonobong
4
480
Transcript
JavaScriptの未来は 誰がどう決めている? 2025/09/28 ココカラ勉強会 high-g
@high_g_engineer KINTOテクノロジーズ(株)所属 フロントエンドエンジニア TSKaigi 2025, TSKaigi Kansai
Staff フロントエンドカンファレンス関西実行委員 谷 郁弥 (high-g)
そもそも JavaScript とは
そもそも JavaScript とは JSエンジンで動作するプログラミング言語 - ブラウザだけでなく、サーバ、アプリ、IoT、AIエージェントなどで広く普及 - 元々は、ブラウザごとに異なる仕様で実装されていた
- 現在は、主要ブラウザベンダーなどが協力して仕様を策定している ⇛ 現代のJavaScript は標準仕様に沿って実装されている
JavaScript の標準仕様ってなに?
JavaScript の標準仕様ってなに? ECMAScript(エクマスクリプト) - 国際規格名は、ECMA-262 - ECMAScript の内容はすべてネット上に公開されている
- https://262.ecma-international.org/16.0/index.html
None
誰が ECMAScript を策定している?
誰が ECMAScript を策定している? Ecma Internationalという団体が策定 - Ecma =
European Computer Manufacturers Association - C#、Dart の標準規格もこの団体が策定 - この団体の中でも ECMAScript の策定 は TC39 という専門の委員会が担当 ※ TC = Technical Committee(技術委員会) ※ 39は通し番号で振られているだけなので、この数字に意味はありません ※ C# → TC49、Dart → TC52
TC39 について
TC39について メンバー構成 - ブラウザベンダー(Google、Microsoft、Mozilla、Apple) - 大手テック企業(Meta, IBM, Oracle…)
- 開発ツール・プラットフォーム企業、学術機関など 2ヶ月ごとに会議が開かれ、アジェンダをもと2~4日ほど議論される - アジェンダと議事録はすべて GitHub 上に公開されている
None
TC39 はどうやって ECMAScript を策定している?
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 で滞っているものもある
プロポーザルごとに時間が割り当てられたアジェンダが組まれる
近々でリリースされた機能 2025年6月26日に ES2025 がリリース! ※毎年6月くらいに ES◯◯ がリリースされています
None
JSON modules
// 従来(fetch使用) const response = await fetch('./data.json'); const json =
await response.json(); // より安全に標準仕様で使えるように import json from "./data.json" with { type: "json" }; JSON modules
Iterator Helpers
// 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
その他の ECMAScript のプロポーザルたち
その他の 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 となってしまう - 既存の仕様との絡みで、ユーザが求める形に着地できない
その他の 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 となってしまう - 既存の仕様との絡みで、ユーザが求める形に着地できない これら以外にも多数のプロポーザルが存在!!
まとめ
まとめ - JavaScript は、ECMAScript という仕様をもとに実装されている - ECMAScript は、Ecma Internatinalの
TC39 によって策定されている - すべてが GitHub 上で公開されており、誰でも提案の過程を見ることが可能 - ECMAScript の現在地を理解することで、将来の技術トレンドを先取りし、 コミュニティへの貢献につなげていきましょう コミュニティ貢献のヒントはたくさん眠っている!!!
ご清聴ありがとうございました