JavaScript, TypeScriptを利用していると様々なモジュールシステムに関するワードが出てきます。 AMD, CommonJS, ES6, ES5, Webpack, Babel, RequireJS, UMD, SystemJS, System.register, module target etc... これらの用語の関係は複雑で混乱しがちな部分です。

この記事では、JavaScriptの**モジュール（ES Modules）**について、 モジュールとは、処理をファイル単位で分割し、再利用・管理をしやすくする仕組みです。 モジュールを使うことで、 ファイルごとに役割を分けられる 同じ名前の変数や関数があっても衝突し ...

主にフロントエンド（クライアント）で用いられるファイルの読み込み方法である ES Modules について解説する。ES Modules は ES6 で追加された機能であり、古いブラウザでは動作しない場合がある。 importは、ほかの .js や .ts ファイルを読み込むための機能で ...

実務でアプリケーションを作る場合、複数のJavaScriptファイルを組み合わせて、ひとつのアプリケーションを成すことが多いです。いわゆるモジュール指向の開発です。ここではJavaScriptとTypeScriptでのモジュールと、モジュール同士を組み合わせるためのimport ...

// ECMAScriptモジュール（ESモジュール、ES2015で導入）は、保守性・名前空間・再利用性の為に使われる // ・「保守性」... 依存性の高いコードの集合を一カ所にまとめ、それ以外のモジュールへの依存性を減らす事が出来る // ・「名前空間」... モジュール ...