---
title: "デザインスタジオでコンポーネントを見つけてください"
slug: "find-a-component-in-the-design-studio"
abstract: "Design Studio内の任意のコンポーネントを見つけて、Studio内のコンポーネントを開きます。"
---
# デザインスタジオでコンポーネントを見つけてください

Design Studioでは、コンポーネントは左側のパネルに一覧表示され、コンテンツエディターに保存されるフォルダに対応するセクションに整理されています。Design Studioでは、特定のサイトに保存されたコンポーネントと、同じ環境内のすべてのサイトに保存されたコンポーネントの両方が表示されます。後者の場合、コンポーネントが異なるサイト全体でどのように見えるかを確認でき、比較に役立ちます。

Design Studioでコンポーネントを見つけて開くには:

1.  ナビゲーションメニューで **「デザイン**」をクリックします。そして左側のサイドバーで**「コンポーネント**」を選択します。
    
2.  左上のドロップダウンメニューで:
    
    -   すべてのサイトでレンダリングされるコンポーネントのリストを見るには、「 **すべて**」をクリックしてください。
    -   特定のサイトでレンダリングされるコンポーネントのリストを見るには、サイト名をクリックしてください。
    
    ![Finding components in a specific site instead of all sites](https://doc.sitecore.com/api/markdown-image/sai/ja/users/sitecoreai/images/Screenshot_2025-10-22_at_16_17_48.png)
    
3.  検索フィールドに少なくとも2文字を入力してください。コンポーネントのリストは、検索語が名前に含まれているコンポーネントのみを表示するように更新されます。
    
4.  関連するコンポーネントの名前をクリックすると、メインウィンドウで開きます。コンポーネントの名前と説明、そしてすべてのバリエーションを見ることができます:
    
    -   **「すべてのサイト**」を選択すると、コンポーネントが異なるサイト間でどのように見えるかを見ることができます。また、**Search**フィールドを使って特定のサイトでのみコンポーネントがどのようにレンダリングされているかを見ることもできます。
    -   特定のサイトを選択した場合、このコンポーネントの概要はこのサイトでのみご覧いただけます。
5.  コンポーネントをタイルとして見るには、**Tile view** :mdiCardBulletedOutline:をクリックしてください。または、コンポーネントをリストとして表示するには、**List view** :mdiFormatListBulletedSquare:をクリックしてください。
    
6.  さまざまな設計構成や内容をテストするには、「 **検査**」をクリックしてください。これにより「検査モード」でバリアントが開き、[さまざまなデザインを試](https://doc.sitecore.com/sai/ja/users/sitecoreai/design-components/design-studio/experiment-with-components-in-inspect-mode.html "Experiment with components in Inspect mode")すことができます。
    
    または、コンポーネントを修正したりAIでバリアントを生成するには、「 **Studioで開く**」をクリックしてください。
    

> !注Design Studioは各サイトのレンダリングホストに基づいてコンポーネントを取得します。コンポーネント名の横に「Component not set up(コンポーネント未設定)」と表示された警告アイコンが ![image.png](https://doc.sitecore.com/api/markdown-image/sai/ja/users/sitecoreai/images/image.png) た場合、それはそのサイトのレンダリングホストにコンポーネントが含まれていないか、コードの一部が欠けていることを意味します。