ページビルダーの基本理解

お知らせ：当社は、お客様により充実したサポート情報を迅速に提供するため、本ページのコンテンツは機械翻訳を用いて日本語に翻訳しています。正確かつ最新のサポート情報をご覧いただくには、本内容の英語版を参照してください。

概要

ページビルダーは、ページとその要素を自社のニーズに合わせてカスタマイズできる作業スペースです。パネル、ボード、チャート、フォーム、レポート、ウィジェット、ボタンなど、幅広いページコンポーネントを追加・配置して、インタラクティブで情報量の多いページをデザインできます。ページビルダーはページスクリプトと変数をサポートしており、Deluge スクリプトを記述できます。ページスクリプトはページの読み込み時に実行され、変数はページ内のスコープで扱われるため、ページ内の各コンポーネント間で使用できます。これらを組み合わせることで、データの取得や操作、ページの動的な挙動の実現が可能になります。

提供状況

ページは Creator のすべてのプランで作成できます。
スーパー管理者、管理者、開発者のみがページを作成および管理できます。

1. 概要

ダッシュボードやホームページを作成し、独自のアイデアを形にできる作業スペースを、ページビルダーと呼びます。これらのページでは、目標値や進捗チャートの表示、アニメーション付きのインタラクティブなウィジェットの配置、要素の埋め込みなど、さまざまな形で情報を表示できます。自社のビジョンに合致した一貫性のある機能的なページを作成するには、豊富な機能とユーザーフレンドリーなインターフェイスを備えたビルダーが必要です。

Creator には、アプリケーション向けに高度なダッシュボードを作成できるページビルダーが用意されています。主な特徴は次のとおりです。

さまざまなページ要素をビルダー上に追加するために使用できる、シンプルなドラッグ＆ドロップ方式。
利用できる要素には、パネル、チャート、ゲージ、検索、埋め込みフォーム、埋め込みレポート、スニペット、ボタン、ウィジェット、AR ビューアなどがあります。これらの設定はニーズに応じて調整できます。たとえば、営業トラッカーアプリケーションのダッシュボードでは、パネル要素を設定して、今年獲得した入札案件の件数を表示できます。
ページ内のすべての要素を整列・サイズ変更・配置し、それぞれが占めるスペースの優先度を調整できます。これにより、ダッシュボードの見栄えが大きく向上します。
ページのプロパティをカスタマイズして、ユーザーが表示中のページをダウンロードまたは印刷できるようにすることもできます。

1。1 動作イメージを見る

1。2 ページビルダーの操作ガイド

アプリケーションの編集モードでは、次のように操作します。

新しいページを作成すると、自動的にページビルダーが開きます。
既存のページを編集する場合は、ページビルダーを開くをクリックするとページビルダーが開きます。

1。3 ページビルダーの構成要素

要素を追加する前のビルダーは、次のように表示されます。

要素を追加した後は、ビルダー上部にツールバーが追加され、次のように表示されます。

セクション名	場所	説明
1. ページ要素	ページビルダーの左側に表示されます。	この左ペインには、ウィジェット、スニペット、パネルなど、ページに追加できるすべてのページ要素が一覧表示されます。リスト内の要素をクリックすると、さらに詳細な選択肢が表示されます。たとえば、グラフをクリックすると、棒グラフ、円グラフ、レーダーチャートなど、さまざまな種類のグラフが表示されます。
2. ビルディングスペース	ページビルダーの中央部分を占めます。	ページ要素をドラッグ＆ドロップしてビルディングスペースに配置し、そこで詳細を設定できます。要素を追加した後は、ビルディングスペース上部に表示されるツールバーから、その要素固有のプロパティを管理できます。ここでは次の操作が行えます: 要素名: 編集ビューで参照される、選択中の要素の名前です。ここで適切な名前を付けておくと、ページを編集するユーザーが多数の要素の中から目的の要素を見つけて管理しやすくなります。たとえば、1つのページに複数の HTML スニペットを追加する場合、それぞれのスニペットに内容に応じた名前を付けておけば、編集ビューで目的のスニペットに簡単に移動できます。設定するボタン - 選択した要素をここから設定・構成できます。タイトルを有効化するタイトルアイコン - 特定のページ要素にタイトルを設定でき、有効ビューでその要素の上部に表示されます。メモ: スニペットには、このオプションはありません。削除アイコン - 選択中のページ要素を削除できます。メモ: 上記のプロパティに加えて、次のものがあります。高さフィルアイコン（）は、埋め込みフォーム、埋め込みレポート、ウィジェット、AR ビューアに表示されます。アプリケーションの有効ビューで、そのページ要素がどの高さまで伸びるかを設定できます。自動または任意のカスタム値（ピクセル単位）を指定できます。複製アイコン（）は、パネルとボタンに表示されます。選択したパネルまたはボタンを複製でき、新しい要素は元の要素の左側に配置されます。
3. Configuration/設定ペイン	ページ要素をダブルクリックするか、ビルディングスペース上部のツールバーにある設定する（）ボタンをクリックすると、右側からスライドイン表示されます。	このペインでは、作成した要素の機能や動作を設定・カスタマイズします。背景色やフォントの選択から、スニペットやウィジェットの作成まで、このペインを使って詳細で柔軟なダッシュボードを構築できます。
4. ページ変数とスクリプト	右側のをクリックすると、右側からスライドイン表示されます。	ページスクリプトは Deluge を使用して、ページ内でカスタム処理を実行します。ページ変数は値を保持でき、これらの変数はページスクリプト内やページ要素内でパラメーターとして使用し、その値を表示できます。たとえば、ページスクリプトとページ変数を利用して、ページを開いたときにログイン中ユーザーの名前をページパネルに表示することができます。
5. ページプロパティ	右側のをクリックすると、右側からスライドイン表示されます。	ページプロパティでは、ページの色や、ユーザーがページにアクセスしたときに実行できる操作を定義できます。利用可能なプロパティは次の 3 つです。背景色 - ページ全体の背景に適用する色を選択します。 PDF - エンドユーザーが対象ページを PDF としてダウンロードできるようにします。印刷 - エンドユーザーが対象ページを印刷できるようにします。
6. その他の設定		その他アイコン（縦三点リーダー）をクリックするとメニューが表示され、次の操作を行えます。ページ名の変更: ページ名とリンク名をカスタマイズできます。ページの複製ページの削除