---
title: "可視化値とデータソースの理解"
slug: "understanding-visualization-values-and-data-sources"
abstract: "ビジュアライゼーションの数値は、リアルなコンテンツでコンポーネントをプレビューし、ライブデータを追加する前にレイアウトやスタイリングがブランドに準拠していることを保証します。"
---
# 可視化値とデータソースの理解

## 可視化値

ビジュアライゼーション値は、ライブページで使う前にデザインスタジオでコンポーネントがどのように見え、どのように振る舞うかをプレビューするために不可欠です。

コンポーネントは、テキスト、画像、日付などのフィールドを含むテンプレートから構築されることが多いです。これらのフィールドの中にはデフォルト値を持つものもありますが、多くはページビルダーで設定するまで空のままです。値がなければ、これらの空欄は空白として表示され、コンポーネントのレイアウトやスタイリングを視覚化しにくくします。

ビジュアライゼーション値は一時的なプレースホルダーとして機能します。コンポーネントと一緒に保存されず、最終ページには表示されませんが、ユーザーが以下のようにできることを可能にします。

-   Design Studioでコンポーネントのリアルなプレビューをご覧ください。
-   ライブコンテンツなしでスタイリングやレイアウトを試してみてください。
-   組織の雰囲気や雰囲気に合わせてビジュアライゼーションの値をカスタマイズし、ブランドの一貫性を確保しましょう。

管理者はビジュアライゼーション設定ペインからビ [ジュアライゼーション値を設定](https://doc.sitecore.com/sai/ja/users/sitecoreai/design-components/design-studio/visualize-components-in-the-design-studio.html#UUID-34807857-7121-7324-1379-7d455dfe1edf_section-idm235006621565102 "Customize the visualization values") でき、異なるチームやサイト向けにプレビューを簡単にカスタマイズできます。

## 可視化データソース

一部のコンポーネントは正しくレンダリングするためにデータソースが必要です。これらの可視化データソース:

-   バックエンドの専用フォルダに保存されています。
-   可視化値を修正すると更新されます。
-   コンテンツエディターを使って手動で編集できます。
-   壊れている、または不完全に見えるコンポーネントを完全に可視化できるようにしましょう。