ボードの追加と管理

ボードの追加と管理

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

このページの内容
Zoho Creator のボードは、データを動的に可視化するための機能です。リアルタイムの傾向を追跡し、主要な指標を分析し、パフォーマンスを効果的に順位付けできます。直感的なドラッグ＆ドロップ操作画面により、データの構造化と管理を簡単に行え、インサイトの取得と的確な意思決定に役立ちます。 ボードの詳細はこちら
提供状況

  • ボードは Creator のすべてのプランで作成できます。

  • ボードの作成と管理ができるのは、特権管理者、管理者、開発者のみです。他のユーザーは、ページ／アプリの本番モードでボードを閲覧できます。

1. 設定方法を確認する


2. ボードを追加する手順 

  1. 対象ページのページビルダーに移動し、左ペインのBoardをクリックします。ボードテンプレートの一覧が表示されます。

  2. ボードテンプレートをドラッグ＆ドロップしてPage Builder上に配置します。追加されると、右側からBoard Builderがスライド表示され、ボードの設定とカスタマイズを行えます。

  3. ボードに関連付けるフォームとグループ化に使用する項目を選択します。

Info情報: 「グループ化」項目は、選択した項目の値ごとにデータを分類し、個別のパネルとして整理します。各パネルは、選択した項目の特定の値を表します。サポートされる項目タイプは、ドロップダウン、ラジオボタン、チェックボックス、ディシジョンボックスです。

  1. 表示するデータを絞り込むための条件を設定します。デフォルトでは、選択したフォームのすべてのデータが含まれます。

  2. 次に、ランキング設定を構成します。

    • 集計方法として、Count（件数）、Sum（合計）、Min（最小）、Max（最大）、Average（平均）、Distinct Count（一意件数）などから選択します。

    • Count 以外の集計方法を選択した場合は、集計対象とする項目を選択します。

    • データを昇順または降順のどちらで順位付けするか、順序を選択します。

    • 必要に応じて、表示するパネル数を制限するためのパネル数の上限を設定します。

並べ替えが不要な場合は、ランキング機能を無効にすることもできます。

  1. Style タブと Action タブを使用して、以下の説明のとおりボードの各セクションをさらにカスタマイズします。

3. ボードをカスタマイズする   

Zoho Creator のボードは、用途に応じてカスタマイズでき、ニーズに合わせてレイアウト、スタイル、アクションを設定できます。次のことが可能です。

  • 背景、余白、レイアウトタイプ（リストまたはカルーセル）など、ボードの見た目を Style タブでカスタマイズします。

  • ヘッダーのアクションを設定し、フォーム、レポート、ページを開けるようにして、より高度な操作性を実現します。これらは Action タブで設定します。

ボードコンポーネントのカスタマイズ

ボードの各セクションには固有の役割があり、それぞれ異なるオプションでカスタマイズできます。以下のセクションで詳細を説明します。

ボードは主に次の 4 つのセクションで構成されます。

  • ボードレイアウト - すべてのボードパネルを含む全体構造です。

  • ヘッダー - 'Order Status' のようなボードタイトルが表示されるセクションです。

  • コンテンツエリア - グループ化されたデータ、ランキングの詳細、主要な指標が配置されるメインセクションです。

  • エレメント - データを表す、ボード内の個々のパネルです。

3.1 ボードレイアウト 

ボード全体の構造を定義し、データをどのようにグループ化、並べ替え、表示するかを指定します。以下のオプションで、ボード全体のデータ構成とレイアウトをカスタマイズできます。
表示タブ

ボード上でデータをどのようにグループ化・並べ替えるかを設定します。フォームを選択し、並べ替え条件を定義し、集計値を適用できます。

ボード要素

表示されるデータ

フォーム

一覧から必要なフォームを選択できます。
メモ: ここでは連携フォームを表示対象として選択することはできません。

グループ化 条件

選択したフォーム内の項目を 1 つ選び、その項目でデータをグループ化します。この項目に基づいてデータが複数のパネルに分割され、有意な比較やランキングを表示できます。サポートされる項目タイプは、ドロップダウン、ラジオボタン、チェックボックス、判定ボックス項目です。

条件

すべてのデータ
選択したデータ

ランキング

ランキングを有効にすると、選択した項目と順序に基づいてデータを並べ替えて表示できます。

ランキングを有効にした後、次の項目をカスタマイズできます。

  • 集計値

  • 順序

  • パネル数の上限

集計値:

  • Sum- フォーム項目に入力されたすべての値の合計値（対応フィールドタイプ: Number, Percent, Decimal, Currency, Prediction, OCR, Integration)

  • Minimum- フォーム項目に入力されたすべての値の最小値（Number, Percent, Decimal, Currency, Time, Date-Time, Prediction, OCR, Integration、および Added Time、Modified Time などのシステム項目）

  • Maximum- フォーム項目に入力されたすべての値の最大値（Number, Percent, Decimal, Currency, Time, Date-Time, Prediction, OCR, Integration、および Added Time や Modified Time などのシステム項目,）

  • Average- フォーム項目に入力されたすべての値の平均値（Number, Percent, Decimal, Currency, OCR, Prediction, Integration)

  • Count- フォームを使用して入力されたデータの件数です。全件数を表示することも、条件を指定して絞り込んだ件数を表示することもできます。

  • Distinct Count- フォームを使用して入力されたデータ内で、指定した項目に含まれる一意の値の件数です。たとえば、ディスティンクトカウントの設定時にドロップダウン項目の Office Location を選択したとします。合計 30 件のデータで、オフィス所在地として Boston、Texas、Phoenix、Japan（4 つの一意の値）が繰り返し入力されている場合、ボードに表示されるディスティンクトカウントの値は 4 になります。

Notesメモ: ディスティンクトカウントでは、次のフィールドは使用できません: Multiselect、Checkbox、Subform またはサブフォーム内のフィールド、Add メモ、Section、Lookup（表示形式に Multiselect または Checkbox が選択されている場合のみ）です。 

スタイルタブ

表示タイプ、背景設定、1 行あたりのパネル数など、ボードの見た目を変更できます。

ボード要素

表示内容

レイアウトタイプ

ボードの表示方法を選択します。

  • リスト - ボードが縦方向に順番に一覧表示されます。

  • カルーセル - ボードが横方向のスライダー形式で表示されます。

1 行あたりのパネル数

各行に表示するパネル数を指定します。


Notesメモ: これはリストレイアウトの場合にのみ適用されます。指定した数が 2 以上の場合、データはグリッド形式で表示されます。

背景

背景の色または画像（拡大縮小と配置オプション付き）を設定します。

  • 色

  • 画像ソース - 画像の取得元を選択します:

    • マイライブラリ - ローカルストレージ内の画像（jpeg、jpg、png）

    • Web リンク - 公開 URL から取得した画像

    • なし - 背景画像を使用しません。

  • 拡大縮小

  • 配置

3.2  ヘッダー

ヘッダーセクションはボードのタイトルとして機能し、フォームやレポート、外部 URL を開くなどの操作を設定できます。

アクションタブ

ヘッダーをクリックしたときに実行するアクションを定義します。次のいずれかへリンクできます：フォーム、レポート、ページ、または関数です。

  • URL を開く - 公開されている任意のWebサイトのURLを、同じウィンドウ、新しいウィンドウ、またはポップアップで開くことができます。

  • フォームを開く - Creatorアカウント内の任意のアプリケーションにあるフォームを、同じウィンドウ、新しいウィンドウ、またはポップアップで開くことができます。

  • レポートを開く - Creatorアカウント内の任意のアプリケーションにあるレポートを、同じウィンドウ、新しいウィンドウ、またはポップアップで開くことができます。

  • ページを開く - Creatorアカウント内の任意のアプリケーションにあるページを、同じウィンドウ、新しいウィンドウ、またはポップアップで開くことができます。

  • 関数を実行 - アプリケーションのワークフロータブで作成した関数を関連付けて実行できます。
スタイルタブ

ヘッダーの配置、高さ、背景、枠線のスタイルをカスタマイズします。

ボード要素

表示内容

列の配置

ヘッダーテキストの配置（上、中央、右、左）を設定します。

背景

背景色または画像を設定します。

ストローク

枠線の太さと色をカスタマイズします。

角丸半径

ヘッダーの角の丸み（半径）をカスタマイズします。

パディング

ヘッダータイトルと枠線の間の余白の長さを設定します。

 

3.3  コンテンツエリア

このセクションには、ボードに表示される主要なデータが含まれます。背景、余白、枠線の設定を構成できます。

スタイルタブ

ボード要素

表示内容

背景

カラーピッカーから色または画像を選択します。

パディング

コンテンツエリアとその枠線の間の余白の幅を設定します。

パネル間隔

パネル同士の間隔を定義します。

3.4 要素 

エレメントは、データ、ランキング、主要指標を表す個別のデータブロックです。これらのエレメント内に表示されるアイコンや値はカスタマイズできます。

アイコンの［表示］タブ

エレメント内で使用するアイコンのソースと種類を設定します。

ボードエレメント

表示内容

画像ソース

デスクトップからアップロードするか、アイコンを選択します

アイコンタイプ

アウトラインまたは塗りつぶしのアイコンスタイルを選択します

アイコンの［スタイル］タブ

アイコンの形状、サイズ、背景、枠線をカスタマイズします。

ボードエレメント

表示内容

角丸半径

ヘッダーの角の丸み（カーブ）を調整します

シェイプサイズ

アイコンの形状を調整します

アイコンサイズ

アイコンのサイズを調整します

カラー

エレメントの背景色を設定します

ストローク

枠線の太さと色をカスタマイズします

マージン

パネルの枠線とエレメントの間の余白の長さを設定します
値の表示タブ

[表示] タブでは、各ボードエントリに表示するデータの種類を設定できます。[表示データ] ドロップダウンには、テキスト、プリセット、集計が用意されています。

表示データのオプション

説明

テキスト

すべてのエントリに同じ固定テキストを表示します。

プリセット

あらかじめ定義された表示タイプのセットです。次が含まれます：

  • インデックス：適用された並び順に基づいて、各パネルに番号を付与します。

  • グループ化フィールド：ボード上でデータのグループ化に使用されているフィールドを表示します。フォームとフィールドは、ボードの設定に基づいて自動的に選択されます。[件数] 以外のすべての集計タイプでは、フィールドの選択が必須です。

  • 順位付き集計：データのランキングに使用される集計値を表示します。集計の種類、フォーム、フィールドは、ボードの設定に基づいて自動的に選択されます。

集計

選択したフォームに対して、次のいずれかの関数を使用して算出された値を表示します。

  • 件数：事前に選択されたフォーム内のデータ件数を表示します。

  • 合計、最小、最大、平均、重複なし件数：対応する値を計算するために、事前に選択されたフォームからフィールドを選択する必要があります。

Notesメモ：[件数] 以外のすべての集計タイプでは、フィールドの選択が必須です。

4. 注意点  

  • 1つのボードに追加できるパネルは最大15個です。

  • 編集できるのは最初のパネルのみです。残りのパネルは個別にカスタマイズできず、最初のパネルのカスタマイズ内容が自動的に適用されます。