本文へスキップ
← Page-Type Lab に戻る
Adobe AEM · /etc.clientlibs/ · /content/dam/ · HTL コンポーネント

E3 Adobe AEM / CQ5 — 最相性良(clientlib 注入)

Adobe AEM の公開ブランドサイトを再現。検証ポイント: 公開 ブランドサイトは modern エンジン想定で、clientlib 機構や HTML/HTL コンポーネントで外部 JS を注入する正規ルートを持つ。si.js を clientlib として 束ねれば安定起動する、最も相性の良い層。

AEM 構成プローブ

/etc.clientlibs/ clientlib バンドル・/content/dam/ アセット参照で AEM ホストを判定。si.js は clientlib もしくは HTML コンポーネント として注入できるため、生 script でも clientlib 経由でも起動する。

ブランドヒーロー画像(AEM DAM 配信の擬似参照)

低コントラスト文(widget 起動時の比較対照)。

推奨実装(理論調査の結論)

  • si.js ローダを AEM clientlib(cq:ClientLibraryFolder)に束ね、全テンプレートで categories 読み込み。
  • または HTL コンポーネントで <sly data-sly-resource> 内に生 script を出力。
  • 公開ブランドサイトは modern Chromium 前提 → Shadow DOM / fetch / ESM 全て利用可。