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

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

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

概要

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

1. 概要

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

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

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


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

アプリケーションの編集モードでは、次のように操作します。
  1. 新しいページを作成すると、デフォルトでページビルダーが開きます。
  2. 既存のページを編集する場合は、ページビルダーを開くをクリックするとページビルダーが開きます。

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

いずれの要素も追加していない状態のビルダーは、次のように表示されます。

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


セクション名
場所
説明
1. ページ要素
ページビルダーの左側に表示されます。
左ペインには、ウィジェット、スニペット、パネルなど、ページに追加できるすべてのページ要素が一覧表示されます。この一覧から要素をクリックすると、さらに詳細な選択肢が表示されます。たとえば、グラフをクリックすると、棒グラフ、円グラフ、レーダーチャートなど、さまざまな種類のグラフが表示されます。
2. ビルディングスペース
ページビルダーの中央部分を占めます。
ページ要素はドラッグ＆ドロップでビルディングスペースに配置し、そこで詳細を設定できます。
要素を追加すると、ビルディングスペース上部に表示されるツールバーから、その要素固有のプロパティを管理できます。

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

2. 注意点

  1. ウィジェットとAR ビューアは、Creator の有料プランでのみ利用できます。
  1. ページについて
  2. ページの作成と管理
  3. ページプロパティの管理

次のステップ
前へ
次のステップ
アプリケーション向けにページを作成してみましょう。
前へ
Creator におけるページの基本を理解します。