モジュール
ES Modules（ESM）は、JavaScript の公式なモジュールシステムです。ES2015（ES6）で導入され、現在で...
export キーワードを使うと、モジュール内の変数、関数、クラスなどを外部に公開できます。エクスポートされた値は、他のモジュー...
import キーワードを使うと、他のモジュールからエクスポートされた値を読み込むことができます。読み込んだ値は、そのモジュール...
ES Modules には、default export（デフォルトエクスポート）と named export（名前付きエクスポ...
as キーワードを使うと、エクスポートやインポート時に名前を変更できます。名前の衝突を避けたり、より分かりやすい名前に変えたりす...
`export ... from` 構文を使うと、他のモジュールからインポートした値をそのまま再エクスポートできます。複数のモジ...
`import * as` 構文を使うと、モジュールのすべてのエクスポートを1つのオブジェクト（名前空間）としてインポートできま...
`import()` 関数を使うと、モジュールを動的に（実行時に）読み込むことができます。通常の import 文と異なり、条件...
`import.meta` は、現在のモジュールに関するメタ情報を提供するオブジェクトです。モジュールの URL や環境固有の情...
モジュールをインポートするだけで、その中のコードを実行させることができます。これを「サイドエフェクトのみのインポート」と呼びます...
通常の import 文は静的で、条件分岐の中では使用できません。しかし、動的インポート `import()` を活用することで...
ES Modules では、各モジュールファイルが独自のスコープを持ちます。これを「モジュールスコープ」と呼びます。従来のスクリ...
ES Modules では、同じモジュールが複数の場所からインポートされても、そのコードは一度だけ実行されます。これは「モジュー...
トップレベル await は、ES2022 で導入された機能で、モジュールの最上位で直接 await を使用できます。async...
モジュール A がモジュール B をインポートし、モジュール B もモジュール A をインポートしている状態を「循環参照」と呼び...
ES Modules では、すべてのコードが自動的に厳格モード（strict mode）で実行されます。明示的に `"use s...
ブラウザで ES Modules を使用するには、script タグに `type="module"` 属性を追加します。これに...
アプリケーションの初期読み込みを高速化するために、すべてのモジュールを最初から読み込むのではなく、必要になったタイミングで読み込...
`nomodule` 属性を使うと、ES Modules をサポートしないブラウザ向けのフォールバックスクリプトを提供できます。...
ES Modules をブラウザで使用する際、異なるオリジン（ドメイン）からモジュールを読み込む場合は CORS（Cross-O...
Import Maps（インポートマップ）は、ブラウザでモジュール指定子をどの URL に解決するかを定義する機能です。これによ...
CommonJS は Node.js で長年使われてきたモジュールシステムです。`require()` と `module.ex...
CommonJS では、`require()` でモジュールを読み込み、`module.exports` で値をエクスポートしま...
ES Modules（ESM）と CommonJS（CJS）は、JavaScript の2つの主要なモジュールシステムです。両者...
Node.js では ES Modules と CommonJS の両方をサポートしています。どちらのモジュールシステムとして扱...
多くの Node.js プロジェクトが CommonJS から ES Modules への移行を進めています。この記事では、移行...
モジュールバンドラーは、複数の JavaScript ファイル（モジュール）を1つまたは少数のファイルにまとめるツールです。ブラ...
Tree Shaking は、使用されていないコード（デッドコード）をバンドルから除外する最適化技術です。これにより、最終的なバ...
package.json の `exports` フィールドは、パッケージのエントリーポイントを細かく制御できる機能です。Nod...
ES Modules（ESM）は、JavaScript の公式なモジュールシステムです。コードを複数のファイルに分割し、必要な部...
npm パッケージを公開する際、ES Modules（ESM）と CommonJS（CJS）の両方に対応させることで、より多くの...
188
views
