---
title: "埋め込み可能なフォームフレームワーク"
slug: "embeddable-forms-framework"
abstract: "埋め込み可能なフォームフレームワークについて説明します。"
---
# 埋め込み可能なフォームフレームワーク

Embeddable Forms Framework(EFF)を使えば、Sitecoreアプリケーション上で動作していないページも含め、任意のウェブページにSitecoreフォームを表示できます。埋め込みフォームはページの機能やスタイルに影響を与えません。

## 前提条件

EFFには以下の前提条件があります:

-   レイアウトサービスと提出エンドポイントをホストするためにSitecore 10.3.0以降のものを用意します。
-   レイアウトサービスと提出エンドポイントを提供するために、Sitecore Headless Services 21.0.0以降のバージョンを用いてください。

## EFFとの協力

ウェブ [ページに埋め込み可能なフォームを追加する](https://doc.sitecore.com/xp/ja/developers/103/sitecore-experience-manager/walkthrough--adding-an-embeddable-form-to-a-webpage.html "Walkthrough: Adding an embeddable form to a webpage")には、まずEFFスクリプトへの参照を追加し、その後Sitecoreフォーム用のウェブコンポーネントタグを追加する必要があります。

[カスタムフォーム要素を埋め込み可能なフォームで表示](https://doc.sitecore.com/xp/ja/developers/103/sitecore-experience-manager/walkthrough--adding-an-embeddable-form-to-a-webpage.html#UUID-a0995988-eb08-193a-17a5-ba492285786a_section-idm449109075995843334936721547 "Display a custom form element in an embeddable form")するには、そのカスタムフォーム要素をレンダリングするクラスを作成し、その埋め込み可能なフォームを含むウェブページでそのクラスを参照する必要があります。

## ツールとフレームワーク

EFFは以下のソフトウェア開発ツールとフレームワークを使用しています。

-   Lit – 宣言型テンプレートシステム、スコープスタイル、状態管理を備えたウェブコンポーネントの迅速な開発を容易にする軽量ライブラリ。
-   Tailwind CSS – 非常に再利用可能なCSSクラスの包括的なセットを備えたCSSフレームワークです。これにより、定義すべきカスタムCSSの数を最小限に抑えられます。ソースコードをスキャンし、不要なCSSクラス定義を削減することで、本番環境で使える最小限の最終CSSスタイルシートを実現できます。

## アクセスのしやすさ

EFFは以下のARIA属性をサポートしています:

-   aria-live="polite" – は各体の根元に加算されます。
-   aria-relevant="additions text" – は各体の根元に加算されます。
-   aria-labelledby="<field-id>-<field-root-element-name>" – は各フィールドの入力要素に加算されます。

EFFはScreen Readerなどのナレーションツールと連携しています。

## 制限

EFFには以下のいくつかのxDB専用機能が提供されていません:

-   トリガー目標の提出アクション。
-   トリガーキャンペーン活動 アクションを提出。
-   トリガー:結果:アクション提出。
-   パフォーマンストラッキング。
-   ロボット検知。