--- title: "構成要素" slug: "components" abstract: "コンポーネントビルダーを使えば、ブランドの視覚的な一貫性を保証するスタイルガイドを作成し、ウェブページの構成要素となるコンポーネントを作成できます。" --- # 構成要素 コンポーネントビルダーは、ブランドのスタイルガイドやビジュアルコンポーネントをWYSIWYG(見たままのもの)エディターで作成できるフロントエンド・アズ・ア・サービスアプリケーションです。 *Styles library*は、コンポーネントビルダーでプロトタイプされたすべてのコンポーネントで視覚的な一貫性を保証するデザインシステムです。ライブラリには標準の[基本スタイル](https://doc.sitecore.com/sai/ja/users/sitecoreai/design-components/components/creating-your-styles-library/define-style-basics.html "Define style basics")が用意されており、それらを基にブランドを定義する[テーマを作成する](https://doc.sitecore.com/sai/ja/users/sitecoreai/design-components/components/creating-your-styles-library/compose-a-theme.html "Compose a theme")ことが期待されています。 コンポーネントビルダーは、自分でスタイルを作成したり、同じ組織の同僚と [ライブラリを共有し](https://doc.sitecore.com/sai/ja/users/sitecoreai/design-components/components/get-started-with-the-component-builder/shared-libraries.html "Shared libraries") たりできます。テーマに満足したら、それらを [ステージングして公開](https://doc.sitecore.com/sai/ja/users/sitecoreai/design-components/components/styling-components/stage-and-publish-styles.html "Stage and publish styles") し、ページビルダーやライブサイトで利用できるようにできます。これにより、数クリックでウェブサイト全体の [スタイルを変更](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") できます。 この*Component builder*は、直感的なWYSIWYGビルダーを使って新しいコンポーネントのプロトタイプ作成やインポートしたコンポーネントの修正を可能にする強力なツールです。 [コンポーネントを一から作成](https://doc.sitecore.com/sai/ja/users/sitecoreai/design-components/components/prototyping-components/use-elements-to-build-components.html "Use elements to build components") したり、[既存のコンポーネントをビル](https://doc.sitecore.com/sai/ja/users/sitecoreai/design-components/components/wrapping-code-in-a-component/add-an-external-component-to-the-component-builder.html "Add an external component to 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") したり、デバイスタイプごとに異なるレンダリングを行うレスポンシブコンポーネントを作成したりできます。すべてのコンポーネントとそのバージョンはコレクションに整理されています。 コンポーネントビルダーを使えば、コンテンツ作成者、UXデザイナー、マーケターが並行して、顧客のためにブランドに合ったデジタル体験の創出プロセスを加速させることができます。 コンポーネントビルダーとREST API統合を構築したい場合は、[Swaggerのドキュメント](https://components.sitecorecloud.io/api/docs/static/index.html#/)に従うことができます。