プレビューおよびインスペクトコンポーネント

日本語翻訳に関する免責事項

このページの翻訳はAIによって自動的に行われました。可能な限り正確な翻訳を心掛けていますが、原文と異なる表現や解釈が含まれる場合があります。正確で公式な情報については、必ず英語の原文をご参照ください。

コンポーネントビルダーは、コンポーネントを視覚化するためのさまざまな方法を提供します。

コンポーネントの構築が完了すると、コンポーネントを表示するための2つのモードがあります。 インスペクト モードでは、隠された要素は見えますが利用できません。 プレビュー モードでは、ウェブページ上でレンダリングされるコンポーネントを見ることができます。マッピングされたデータを持つコンポーネントがある場合は、すべてのコンポーネントのレイアウトの繰り返しを表示することもできます。

マッピングされたデータを用いたコンポーネントのプレビューレイアウト

コンポーネントを表示する方法はいくつかあります。例えば、コンポーネントにデータがマッピングされている場合、そのコンポーネントの繰り返しレイアウトをすべて見たいかもしれません。あるいは、変数を個別のデータに置き換えたコンポーネントを見たい場合もあります。

マッピングされたデータを含むコンポーネントのすべての繰り返しレイアウトを見るには:

  • プレビューまたは検査メニューで「すべてのデータ収集を表示」をオンにしてください。

繰り返しレイアウトは、斜めの灰色のストライプ背景で元のレイアウトと区別されます。繰り返しレイアウトはプレビューのみ可能で、編集はできません。ただし、元のレイアウトのすべてのスタイル変更は繰り返しレイアウトに直接反映されます。

変数の代わりにデータソースからのデータを表示するコンポーネントを表示するには:

  • プレビューまたは検査メニューで**「マッピングデータの表示**」をオンにします。

コンポーネントビルダーは プレビュー モードで、ウェブページ上でレンダリングされるすべてのコンポーネントレイアウトを確認できます。 プレビュー モードに入るには、以下の3つのスイッチがオンになっている必要があります:

  • マッピングされたデータの表示
  • すべてのデータコレクションを表示
  • 隠された要素を隠す

これらのスイッチのうち1つ以上が選択されていない場合、コンポーネントビルダーは 検査モードになります。

Screenshot of the Preview / Inspect mode menu
この記事を改善するための提案がある場合は、 お知らせください!