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
28
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
アクセシビリティから考える情報設計
high_g_engineer
0
130
React本体のコードリーディング
high_g_engineer
1
160
速習 View Transition API
high_g_engineer
0
31
関西からコミュニティ活動をする意味
high_g_engineer
0
100
DOMやEventの型階層を理解する
high_g_engineer
0
42
デザイナー不在プロジェクトにおける生成AIによるモック駆動開発
high_g_engineer
0
24
React開発をシンプルに!TanStackによる統一的なライブラリ選定
high_g_engineer
0
29
誰でもできるtype-challenges入門
high_g_engineer
0
31
Other Decks in Technology
See All in Technology
AndroidでHDRメディアを「壊さずに」扱う
chigichan24
0
410
Amazon S3 Tablesに全部任せてみた結果——コンパクション/スナップショット管理は本当に手放せるか
shigeruoda
0
400
enechainの内製セルフサービスプラットフォーム
hiyosi
0
120
AI-DLCって実際どう? 〜聞きたいこと全部聞いてみる〜
news_it_enj
0
230
全員がプロダクトへ向き合う組織を持続成長させるために——組織づくりのフライホイールと4象限 / The Flywheel Model and Four Quadrants for Organizational Design
hiro_torii
3
860
[DroidKaigi 2026] Making UI specifications visible: Android UI development in the AI agent era supported by Compose Screenshot Testing and galleries
syarihu
0
580
Benchmarking Vector Databases: pgvector vs. LanceDB
tsho
0
140
ペアプロの価値はコードを書くことだけじゃない
codmoninc
PRO
0
110
Bet AI Day 2026丨AIによって本質に戻るシステムリスク管理
layerx
PRO
0
1.1k
リージョンの壁を越える、 ちょっと変わったAWSサービスの話
falken
PRO
0
260
現場に行くだけでは足りない——プロダクトエンジニアが業務の流れを捉える観点と、その鍛え方
takumiengineering
0
300
Backstageでつくるセルフサービスな社内開発基盤
kikunosuke75
1
340
Featured
See All Featured
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
12
1.3k
Navigating Team Friction
lara
192
16k
[SF Ruby Conf 2025] Rails X
palkan
2
1.3k
AI: The stuff that nobody shows you
jnunemaker
PRO
9
970
Reflections from 52 weeks, 52 projects
jeffersonlam
356
21k
A better future with KSS
kneath
240
18k
Code Review Best Practice
trishagee
74
20k
Balancing Empowerment & Direction
lara
6
1.3k
Agile Actions for Facilitating Distributed Teams - ADO2019
mkilby
0
270
The Invisible Side of Design
smashingmag
301
52k
Marketing Yourself as an Engineer | Alaka | Gurzu
gurzu
0
290
4 Signs Your Business is Dying
shpigford
187
23k
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 の現在地を理解することで、将来の技術トレンドを先取りし、 コミュニティへの貢献につなげていきましょう コミュニティ貢献のヒントはたくさん眠っている!!!
ご清聴ありがとうございました