---
title: "コンポーネントとの作業"
slug: "work-with-components"
abstract: "コンポーネントビルダー内でコンポーネントを作成、移動、削除します。"
---
# コンポーネントとの作業

コンポーネントビルダーでは、コンポーネントをプロトタイプしてコレクションにまとめて保存できます。

![Screenshot of the Components library](https://doc.sitecore.com/api/markdown-image/sai/ja/users/sitecoreai/images/Docs_Page_6.png)

## コンポーネントを作成する

コンポーネントを作成するには:

1.  コンポーネントを格納する新しいコレクションを作成するには、「 **コレクションを追加**」をクリックしてください。必要なコレクションがすでに揃っている場合は、ステップ2に進みます。
2.  UIの右上、またはお好きなコレクションで「 **コンポーネントを追加**」をクリックします。
3.  左側のペインでコンポーネント名を付け、説明を追加してください。ドロップダウンメニューで、コンポーネントを保存したいコレクションをクリックします。
4.  **「保存**」をクリックします。

新しいコンポーネントがコレクションに追加されます。

アクション **メニュー :** mdiDotsHorizontal: を使ってコンポーネントの詳細(コレクション、名前、説明)を編集したり、コンポーネントビルダーでコンポーネントとそのバージョンを開いたりできます。

## コンポーネントを複製する

コンポーネントを複製すると、そのコンポーネントの正確なコピーを作成し、そのコンポーネントに属するすべてのバージョンやレスポンシブバンドルも含めて作成します。

コンポーネントを複製するには:

-   コンポーネントビルダーのサムネイルで **、Actions** :mdiDotsHorizontal:をクリックし、「 **複製**」をクリックします。

複製されたコンポーネントは元のコンポーネントと同じコレクションに保存されます。

## コンポーネントを別のコレクションに移動する

コンポーネントを別のコレクションに移動するには:

1.  コンポーネントビルダーのサムネイルで、 **Actions** :mdiDotsHorizontal:をクリックし、 **Edit component**をクリックします。
2.  右側のペインで、ドロップダウンメニューから既存のコレクションを選択します。
3.  **「保存**」をクリックします。

## コンポーネントを削除してください

削除されたコンポーネントは、そのすべてのバージョンがドラフト状態にある場合にのみ削除されます。少なくとも1つの段階的または公開されたバージョンを持つコンポーネントはアーカイブのみであり、復元可能です。

コンポーネントを削除するには:

-   コンポーネントビルダーのサムネイルで、 **Actions** :mdiDotsHorizontal: をクリックし、 **削除**をクリックします。

## コレクションを削除する

コレクションを削除すると、そのコレクションのすべてのコンポーネントが削除されます。

コレクションを削除するには:

-   コンポーネントビルダーで、コレクション名の右側にある **Actions** :mdiDotsHorizontal:をクリックし、「 **削除**」をクリックします。

## コレクションの名称変更

コレクションの名前を変更するには:

1.  コンポーネントビルダーで、コレクション名の右側にある **アクション** :mdiDotsHorizontal: をクリックし、「 **詳細編集**」をクリックします。
2.  **名前**欄でコレクション名を編集してください。
3.  **閉じる**ボタンをクリックしてください。