ECMAScriptはJavaScriptの標準だそうですが、何故最近になって注目され始めたのでしょうか？

Question

最近、各所で「ECMAScript」というキーワードを目にします。個人的には最近（といっても1、2年前くらいからですが……）よく取り上げられているという印象で、新しい言語なのかな？と思い調べると「JavaScript」の標準（仕様？）であることがわかりました。

Wikipediaによると、ECMAScript自体は昔からあるようで、今と同様にJavaScritpの標準として機能していたようです。

ここで疑問に思うのが、何故今まで「JavaScript、JavaScript」と呼んでいたのに、急に「ECMAScript」と呼び始める人達がでてきたのでしょうか？

もし、何か理由があって使い分けているのであれば、それぞれどのようなコンテクストで使い分けるのでしょうか？

よろしくお願いします。

Answer 1

原因として、EcmaScript=JavaScriptの進化速度が上がっていることがあります。

EcmaScriptのバージョンの移り変わりですが、

• ES3…1999年
• ES4…制定されず破棄
• ES5…2009年
• ES5.1…2011年
• ES6…2015年

そして、ES7以降は「毎年更新する」という形となって、「ES2016」「ES2017」のように呼ばれるようにすらなっています。

ということで、ES3しかなかった2008年以前は、そもそも呼び分けるべきEcmaScriptのバージョンがなかったので呼ぶ必要が（ふつうの使い方をしていれば）なかったわけです。

さらに、今でこそローカルでbabelなどコンパイラを通す、ということが当たり前に定着していますが、そういうのがなかった頃（ブラウザ用のJavaScriptを手書きするのが一般的だった頃）にはIE8を筆頭にES5にすら未対応のブラウザが一定のシェアを持っていて、ES5は出ていたけど（閲覧者が広くいるようなWebサイトは）ES3の文法で書くしかない、という時代が長く続きました。

ということで、「ES6」のような呼び分けが必要になったのは、トランスパイラを使ってES6とES5という2つのバージョンのJavaScriptを扱うようになった、ES6時代からなのだと思います。

Answer 2

ECMAScriptはJavascriptの中核となる仕様です。
普通に使ってますが、「セミコロンを抜かして書いたら自動的にセミコロンつけるよ」とか「Math.abs ()にNaNいれたらNaNを返すよー」みたいな基本的なことが実装がされていたりします。

これはイメージとして考えてほしいのですが、
僕がJavascriptとECMAScriptの違いで言うのがECMAScriptのブラウザ版に拡張したがJavascriptであるということです。（補足1）

例えば僕達がよく使っているwindow.console.log('hogehoge')やdocument.getElementById('hugehuge')はECMAScriptではなくJavascriptの中身です。
windowもdocumentも、webブラウザの画面（windowオブジェクト）とhtmlドキュメント（documentオブジェクト）に定義されている物であって、このような実行環境（webブラウザ、サーバーサイドjs, FlashなどのActionScript）に寄らず同じような挙動を示す部分がECMAScriptの部分だと思ったらイメージしやすいかもしれません。

※補足1
実際は少し違いますというか逆ですが。。。
JavaScriptが出来た当初、webブラウザで動くスクリプトとして大変人気が出ました。そしてwebブラウザを開発するベンダーの方が独自でいろんな機能を追加して独自JavaScriptを開発していきました。
ただ、独自JavaScriptがたくさんできてしまったゆえにカオスな状態になってしまい、「一個共通の仕様をつくってしまおうぜ！」ということで出来たのがECMAScriptです。
つまり、現在のJavaScriptはWebブラウザで動きますが、そのそれぞれがECMAScriptの仕様にそって作れられているということです。
ほとんど全てのブラウザで対応されているJavaScriptの中核仕様であるECMAScriptが5年ぶりにアップデートされたとあって世の中のフロントエンドの人たちは大変大騒ぎしていました。
外の言語では当たり前であったeach系のメソッドやclassなどが実装されたことも多くの場所で取り上げられました。

ただ、ここで問題なのがブラウザの対応状況です。
WebブラウザはWebブラウザ上でJavaScriptが動くように作られています。
つまりJavaScriptの中核であるECMAScriptもしっかり動くように作られています。
そのECMAScriptがアップデートされたのですが、もちろんWebブラウザを作っている人もその使用をWebブラウザに組み込まないと動きません。
webブラウザを作っている会社も様々ですので、それらが全て対応するのを待っている暇はありません。
じゃあどうしようかというと、ECMASCriptの最新バージョン（ES6, ES2015）で作られたコードを、多くのブラウザに対応しているバージョン（ES5）に変換するツール作ればいいじゃん！と考えました。
それで作られたのが「トランスパイラ」と呼ばれるbabelなどのツールです。

すいません話がそれました。。。

ここで疑問に思うのが、何故今まで「JavaScript、JavaScript」と呼んでいたのに、急に「ECMAScript」と呼び始める人達がでてきたのでしょうか？

繰り返しになりますが、JavaScriptの中核仕様であるECMAScriptがアップデートして世の中では騒がれています。
なので「JavaScriptの最新仕様で書いたほうがいい」とかではなく「ECMAScriptの最新仕様のES6で書いたほうがいい」のほうが日本語的に正しいかもしれません！

すいません長くなりました！

わかりにくい点等あればお聞き下さい！

Answer 3

ECMAScript2015(ES6)で、新しい文法規則がたくさん盛り込まれたためです。

そのため、ECMAScript５→ECMAScript6の間で文法上の隔たりが大きく、
「ES2015で書くとこうなりますよ」と断り書きを入れないとサンプルコードの提示が難しくなりました。
で、仕様について言及するには「JavaScriptバージョン○○」のような言い方ができないために、
仕様となっているECMAScriptという言葉を使うしかありません。