JavaScript は 1995年、Netscape Communications のブレンダン・アイクによって作られました。開発期間は10日間だったと本人が語っています。当時注目されていた Java にあやかって名前が付けられたもので、言語としては別物です。

ECMAScript という名前

Netscape と Microsoft が別々の実装を進めたため、仕様を標準化する必要が生まれました。その標準規格の名前が ECMAScript です。JavaScript は、その規格に沿った実装の呼び名と考えると分かりやすくなります。ES2015、ES2020 といった表記はこの規格の版を指します。

ブラウザごとに書き分けていた時代

2000年代前半は、同じことをするのにブラウザごとに違う書き方が必要でした。要素を取得する方法も、イベントを登録する方法も揃っておらず、分岐だらけのコードになります。

この差を吸収したのが 2006年に登場した jQuery です。1行で書ける、どのブラウザでも同じように動く、という点で一気に広まりました。アニメーション、Ajax、DOM操作が短く書けたことも理由です。

いま改修でお預かりするサイトの多くに、まだ jQuery が入っています。古いから危険というわけではありませんが、プラグインが放置されている場合は更新が止まっているので、そこは確認が要ります。

ES2015 が転換点

2015年の ES2015（ES6）で、言語自体が大きく変わりました。let と const、アロー関数、クラス構文、モジュール、Promise などが入り、jQuery が担っていた役割の多くが標準の機能で書けるようになります。

• querySelector で要素を取る（jQuery のセレクタに相当）
• addEventListener でイベントを登録する
• fetch で通信する（Ajax に相当）
• classList でクラスを付け外しする

この年以降、仕様は毎年更新される形になりました。ES2016 以降は「大きな変更をまとめて出す」のではなく、固まった機能から順に入っていきます。

ブラウザの外へ

2009年の Node.js によって、JavaScript はサーバー側でも動くようになりました。これによってビルドツールやパッケージ管理（npm）が整い、フロントエンドの開発環境そのものが JavaScript で組まれるようになります。React や Next.js のような仕組みも、この延長線上にあります。

実務での意味

既存サイトの改修では、jQuery に依存したコードと、素の JavaScript で書かれたコードが混在していることがあります。片方だけ書き換えると、読み込み順やイベントの競合で動かなくなることがあるため、まずどちらに揃えるかを決めてから着手します。

当社では、新規のコーディングでは jQuery を前提にしません。既存サイトの改修では、入っている jQuery をそのまま活かす形と、外して書き直す形の両方をお見積りに出し、工数を比べていただけるようにしています。