<aside class="msg message"><span class="msg-symbol">!</span><div class="msg-content">
<p data-line="1" class="code-line">この記事は <a href="https://adventar.org/calendars/10903" target="_blank" rel="nofollow noopener noreferrer">1人 ECMAScript Normative Changes Advent Calendar 2024</a> の 12 日目です。</p>
</div></aside>
<h1 id="ecmascript-%E3%81%AE%E3%83%A2%E3%82%B8%E3%83%A5%E3%83%BC%E3%83%AB" data-line="4" class="code-line">
<a class="header-anchor-link" href="#ecmascript-%E3%81%AE%E3%83%A2%E3%82%B8%E3%83%A5%E3%83%BC%E3%83%AB" aria-hidden="true"></a> ECMAScript のモジュール</h1>
<p data-line="6" class="code-line">ECMAScript にはもともとモジュール1つをカプセル化して表現した <a href="https://tc39.es/ecma262/multipage/ecmascript-language-scripts-and-modules.html#sec-abstract-module-records" target="_blank" rel="nofollow noopener noreferrer">Abstract Module Records</a> という抽象クラスと、それを継承した <a href="https://tc39.es/ecma262/multipage/ecmascript-language-scripts-and-modules.html#sec-source-text-module-records" target="_blank" rel="nofollow noopener noreferrer">Source Text Module Records</a> 具象クラスのみが定義されていました。</p>
<p data-line="8" class="code-line">Source Text Module Records がいわゆる JavaScript モジュールを表しており、ざっくり以下のような特徴を持ちます。</p>
<ul data-line="10" class="code-line">
<li data-line="10" class="code-line">JavaScript のソースコードを持つ</li>
<li data-line="11" class="code-line">他のモジュールと（循環可能な）依存関係を持ち、有向グラフを作る</li>
<li data-line="12" class="code-line">モジュールグラフから、それぞれのモジュールの実行順が定められる</li>
</ul>
<h1 id="cyclic-module-records-%E3%81%AE%E7%AD%96%E5%AE%9A" data-line="14" class="code-line">
<a class="header-anchor-link" href="#cyclic-module-records-%E3%81%AE%E7%AD%96%E5%AE%9A" aria-hidden="true"></a> Cyclic Module Records の策定</h1>
<p data-line="16" class="code-line">WebAssembly の登場により JavaScript のソースコードを持たないが、依存グラフに参加出来るモジュールが仕様に必要となりました。それが <a href="https://tc39.es/ecma262/multipage/ecmascript-language-scripts-and-modules.html#sec-cyclic-module-records" target="_blank" rel="nofollow noopener noreferrer">Cyclic Module Records</a> です。</p>
<p data-line="18" class="code-line">今まで Source Text Module Records で定義されていたモジュールグラフや実行順について Cyclic Module Records 抽象クラスに定義を移し、Source Text Module Records はそれを継承する形でレイヤーが作られました。</p>
<p data-line="20" class="code-line"><span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__0e797458b8f0f" src="https://embed.zenn.studio/card#zenn-embedded__0e797458b8f0f" data-content="https%3A%2F%2Fgithub.com%2Ftc39%2Fecma262%2Fpull%2F1311" frameborder="0" scrolling="no" loading="lazy"></iframe></span><a href="https://github.com/tc39/ecma262/pull/1311" style="display:none" target="_blank" rel="nofollow noopener noreferrer">https://github.com/tc39/ecma262/pull/1311</a></p>
<h2 id="webassembly-es-module-integration" data-line="22" class="code-line">
<a class="header-anchor-link" href="#webassembly-es-module-integration" aria-hidden="true"></a> WebAssembly ES Module Integration</h2>
<p data-line="24" class="code-line">現在 WebAssembly を使用する場合は JavaScript でモジュールの初期化が必要となっており、モジュールグラフに入るようになっていません。JavaScript と WebAssembly 双方でインポートできるようにする WebAssembly ES Module Integration が進行中です。</p>
<p data-line="26" class="code-line"><span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__389bae818211d" src="https://embed.zenn.studio/card#zenn-embedded__389bae818211d" data-content="https%3A%2F%2Fgithub.com%2FWebAssembly%2Fesm-integration" frameborder="0" scrolling="no" loading="lazy"></iframe></span><a href="https://github.com/WebAssembly/esm-integration" style="display:none" target="_blank" rel="nofollow noopener noreferrer">https://github.com/WebAssembly/esm-integration</a></p>
<p data-line="28" class="code-line"><span class="embed-block embed-youtube"><iframe src="https://www.youtube-nocookie.com/embed/qR_b5gajwug" allow="accelerometer; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen loading="lazy"></iframe></span><a href="https://www.youtube.com/watch?v=qR_b5gajwug" style="display:none" target="_blank" rel="nofollow noopener noreferrer">https://www.youtube.com/watch?v=qR_b5gajwug</a></p>
<p data-line="30" class="code-line">先月リリースされた Deno 2.1 にこの機能が実装されたため、ひと足早く試すことが出来ます。</p>
<p data-line="32" class="code-line"><span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__88a4ed7c8c59b" src="https://embed.zenn.studio/card#zenn-embedded__88a4ed7c8c59b" data-content="https%3A%2F%2Fdeno.com%2Fblog%2Fv2.1" frameborder="0" scrolling="no" loading="lazy"></iframe></span><a href="https://deno.com/blog/v2.1" style="display:none" target="_blank" rel="nofollow noopener noreferrer">https://deno.com/blog/v2.1</a></p>
<p data-line="34" class="code-line"><span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__8b96127752136" src="https://embed.zenn.studio/card#zenn-embedded__8b96127752136" data-content="https%3A%2F%2Fdocs.deno.com%2Fruntime%2Freference%2Fwasm%2F" frameborder="0" scrolling="no" loading="lazy"></iframe></span><a href="https://docs.deno.com/runtime/reference/wasm/" style="display:none" target="_blank" rel="nofollow noopener noreferrer">https://docs.deno.com/runtime/reference/wasm/</a></p>
<h1 id="synthetic-module-records-%E3%81%AE%E7%AD%96%E5%AE%9A" data-line="36" class="code-line">
<a class="header-anchor-link" href="#synthetic-module-records-%E3%81%AE%E7%AD%96%E5%AE%9A" aria-hidden="true"></a> Synthetic Module Records の策定</h1>
<p data-line="38" class="code-line">余談ですが2024年10月に <a href="https://github.com/tc39/proposal-json-modules" target="_blank" rel="nofollow noopener noreferrer">JSON Modules</a> が Stage 4 となり ES2025 に入ることになりそうです。JSON Modules や CSS Modules のために新たに Synthetic Module Records を入れる作業がなされています。</p>
<p data-line="40" class="code-line"><span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__c273758283166" src="https://embed.zenn.studio/card#zenn-embedded__c273758283166" data-content="https%3A%2F%2Fgithub.com%2Ftc39%2Fecma262%2Fpull%2F3391" frameborder="0" scrolling="no" loading="lazy"></iframe></span><a href="https://github.com/tc39/ecma262/pull/3391" style="display:none" target="_blank" rel="nofollow noopener noreferrer">https://github.com/tc39/ecma262/pull/3391</a></p>


ENCA 12日目: Cyclic Module Records の策定

Discussion