--- title: "構成要素の理解" slug: "understanding-components" abstract: "" --- # 構成要素の理解 利用可能な部品にはいくつかの種類があります: - *Code components* - 開発者はコンテンツエディターで [コンポーネントを作成し](https://doc.sitecore.com/xmc/en/developers/xm-cloud/en/walkthrough--building-a-simple-custom-component.html) 、コンテンツツリーのコンポーネント欄に保存して、ページビルダーのウェブページにドラッグして使えるようにできます。コンテンツツリーやメディアライブラリのコンテンツ項目を使って [、コンポーネントに静的コンテンツを追加](https://doc.sitecore.com/sai/ja/users/sitecoreai/build-pages/adding-content-to-a-page/add-content-to-a-component.html "Add content to a component") できます。さらに、ページビルダーの右側ペインにある設定を使ってコンポーネント [を設定](https://doc.sitecore.com/sai/ja/users/sitecoreai/build-pages/adding-components-to-a-page/configure-a-component.html "Configure a component") できます。 - *Forms* - デザイナーは [フォーム内でフォーム](https://doc.sitecore.com/sai/ja/users/sitecoreai/design-components/forms.html "Forms") を作成し、ユーザーデータを取得せずにサードパーティのアプリケーションに簡単にデータを送ることができます。 - *FEaaS components* - デザイナーは [コンポーネントビルダー](https://doc.sitecore.com/sai/ja/users/sitecoreai/design-components/components/get-started-with-the-component-builder.html "Get started with the Component builder") でコンポーネントをプロトタイプし、ページビルダーで使用するためにステージングできます。これらのコンポーネントはローコードコンポーネントとも呼ばれ、外部データソースからの静的または [動的なコンテンツを](https://doc.sitecore.com/sai/ja/users/sitecoreai/design-components/components/adding-dynamic-content-to-a-component/manage-dynamic-content.html "Manage dynamic content") 表示できます。右側のペインにある設定を使って [ローコードコンポーネントを設定](https://doc.sitecore.com/sai/ja/users/sitecoreai/design-components/components/styling-components.html "Styling components") でき、コンポーネントビルダースタイルで作成された [テーマでスタイル](https://doc.sitecore.com/sai/ja/users/sitecoreai/design-components/components/styling-components/style-a-component-with-a-theme.html "Style a component with a theme") を付けることができます。ウェブページにそのようなコンポーネントプロトタイプを挿入する際、特定のバージョンのコンポーネントを使うかレスポンシブバンドルを使うかを選べます。ウェブサイト上でレンダリングされるバージョンは、コンポーネントが表示される画面サイズに依存します。 - *BYOC components* - 開発者は外部のコードベースを参照して、コンポーネントを含む独自のコード(BYOC) [を導入](https://doc.sitecore.com/xmc/en/developers/xm-cloud/en/walkthrough--registering-an-external-react-component.html) できます。 すべてのコンポーネントはPage Builderで利用可能で、簡単にエディターのキャンバスにドラッグしてウェブページレイアウトに追加できます。