JavaScriptには、モジュールという仕組みがあります。ECMAScript 2015のModulesの標準仕様として策定されており、現在はすべてのブラウザで利用できます。この機能は、ES2015 Modules、ECMAScript Modules、ES Modules、ESMなどと呼ばれています(以下、ES Modulesと記載します)。 webpackやViteなどのフロントエンドのツールを通して、すでにES Modulesを使っているエンジニアも多いと思います。この記事では、ブラウザネイティブで使えるES Modulesに焦点をあて、ES Modulesの導入で解決できる課題と利点を紹介します。 HTML+JSではモジュールの仕組みがなかった JavaScript自体には他のJSファイルを取り込む標準的な仕様が昔は存在しませんでした。外部JSファイルを読み込みたい時に、HTML
![ES Modules入門 - JavaScriptのモジュールを使う方法 - ICS MEDIA](https://cdn-ak-scissors.b.st-hatena.com/image/square/dae57d495cfb7aa67e753b76f81a822cbdd4305f/height=288;version=1;width=512/https%3A%2F%2Fics.media%2Fentry%2F16511%2Fimages%2Feyecatch.jpg)