概要
本記事では、ダッシュボードの基本的な操作方法をご紹介します。
ダッシュボードでは、Markdown記法のテキストやアプリで作成したグラフ、iframeタグを使って埋め込んだ動画などを、カスタマイズしたレイアウトで表示することができます。
※この記事は2026年11月にリリースされた新ダッシュボードに関する記事です。新ダッシュボードのリリースに伴うカスタムコードへの影響に関してはこちらの記事をご参照ください。また、新ダッシュボードに関わる名称の変更点についてはこちらの記事をご参照ください。
利用条件
- ダッシュボードは、すべてのプランでご利用いただけます。
※複数のダッシュボードを作成するグループ機能はBusinessプラン以上のお客様のみご利用いただけます。 - ダッシュボードを利用するには、アプリの管理画面からダッシュボード機能を有効にする必要があります。
2026年11月以前からダッシュボードをご利用いただいていたアプリについて
- 適用画面が「ダッシュボード」となっているカスタムコード(JavaScriptまたはCSS)をご利用中のアプリは、旧版のダッシュボードが初期表示され、ダッシュボード上部に表示される案内バーから「新版に切り替え」「旧版に戻す」で表示を切り替えることができます。
- 切り替えができるのは、アプリの作成者、またはアプリの設定権限を持つ開発者アカウントです。
- 切り替えはアプリ単位で行われ、そのアプリを利用する全員の表示が変わります。
- ここで表示される旧版は閲覧のみ可能です。パネルの追加・修正・レイアウト変更・表示の切り替えなどの操作はできません。
- 「新しいダッシュボードで確定する」をクリックするまでは、新版のグループの追加・切り替え・管理画面での操作ができません。グループに関する操作は確定後にご利用いただけます。
- 適用画面が「ダッシュボード」となっているカスタムコードが無いアプリは、自動的に新版に切り替わります(旧版への切り替えはできません)。
- モバイル版では旧版の表示はされず、新版のみ表示されます。
注意
「新しいダッシュボードで確定する」をクリックすると、旧版に戻すことができません。
必ず新版への移行が完了してからクリックするよう、ご注意ください。
新ダッシュボードのリリースに伴うカスタムコードへの影響に関してはこちらの記事をご参照ください。
機能概要
【1】ダッシュボード内に複数のグループを作成して切り替える
ダッシュボード画面内に複数のグループを作成し、画面上部のタブで切り替えて表示することができます。
チームごと・用途ごとにパネルをまとめたい時などにご利用いただけます。
■ グループの追加方法
- 画面上部の「追加」ボタンをクリックします。
- 設定を入力します。
- グループ名(必須):ダッシュボード画面上部に表示される名称です。
- 共有設定:このグループを他のユーザーに共有するかを設定します。共有設定の変更はグループの作成者のみ行うことができます。
- 編集ロック:共有先のユーザーに対して、グループ内の各パネルの編集権限を制御することができます(共有設定で「全体共有」もしくは「権限グループで設定」を選んだ場合のみ選択できます)。
【2】パネルの種類と設定
ダッシュボードに表示する内容は「パネル」として追加します。ダッシュボード右下の「+」ボタン、または「ダッシュボードの設定」画面の「新規登録」から追加することができます。
■ 共通設定
- タイトル(必須):パネルの見出しとして表示する名前です。
- グループ:パネルを表示するダッシュボードを選択します(ダッシュボードを複数作成している場合のみ表示されます)。また、既存のパネルを移動したい場合は表示するダッシュボードを変更することで移動させることができます。
- アイコン:タイトルの横に表示するアイコンを選択します。
- パネルカラー:パネルの背景色を設定します。この設定はユーザーごとに保存され、変更した本人の画面にのみ反映されます(他のユーザーの画面には影響しません)。
- 種別:パネルの種類を選択します(詳しくは下記にて)。
- 共有設定:パネルを他のユーザーに共有するかを設定します。共有設定の変更はパネルの作成者のみ行えます。
■ パネル別設定
パネルの種別は以下から選ぶことができます。
パネルの種別によって入力する内容が異なります。
| 種別 | 説明 |
|---|---|
| テキストパネル | Markdown記法で文章を入力できます。 |
| チャートパネル |
「集計グラフの作成」から作成したグラフを表示できます。 ※ログインしているユーザーが閲覧できるグラフの内、他のパネルで使用していないグラフがある場合のみ選択できます。 |
| データパネル |
作成済みのカスタムリストを使って、レコード一覧を表示できます。表示項目・表示件数・並び順を設定できます。 ※ログインしているユーザーが閲覧できる保存済みのカスタムリストがある場合のみ選択できます。 |
| 埋め込みパネル | iframeタグを使って、外部サイトのコンテンツを表示できます。 |
| 数値パネル |
レコードの件数や、項目の合計・平均・最大・最小を1つの数値で表示します。 ※項目の合計・平均・最大・最小は、数値項目・数値型の計算式項目及びその項目を参照する参照項目がアプリにある場合のみ選択できます。 |
※種別は、パネルの作成後に変更することはできません。
<テキストパネル>
- フリーテキスト:Markdown記法で文章を入力します。
<チャートパネル>
- グラフ選択:保存済みのグラフを選択します。
※ログインしているユーザーが閲覧できるグラフの内、他のパネルで使用していないグラフのみ選択できます。
チャートパネルでは「グラフを修正」からグラフ自体の設定を開くこともできます。
<データパネル>
- カスタムリスト:保存済みのカスタムリストを選択します
※ログインしているユーザーが閲覧できるカスタムリストのみ選択できます。 - 表示項目:パネルに表示する項目の追加・削除・並び替えをします。
- 表示件数と並び順:
- 表示件数:1ページあたりのレコード表示件数を選択します。
- 並び順:レコード基本情報やレコード項目を基準にレコードの並び順を設定します。
<埋め込みパネル>
- iframeタグ:
<iframe>タグを入力します。
<数値パネル>
- 対象データ:集計の対象(メインレコード or サブレコード)を選択します。
- 対象レコード:集計するレコードの範囲を設定します。作成済みのカスタムリストか、「条件を定義」から検索条件を設定します。
-
レイアウト:表示する数値の計算方法を設定できます。
-
上段:「件数」「合計」「平均」「最大」「最小」から計算方法を選びます。
- 件数 → レコードの件数を表示します。
- 「合計」「平均」「最大」「最小」 → 「対象項目」で選択した項目の各値を表示します。
※「合計」「平均」「最大」「最小」は数値項目・数値型の計算式項目及びその項目を参照する参照項目がアプリにある場合のみ選択できます。
-
下段(計算式):集計した数値(X)に対して四則演算を定義できます。「X」を含めた計算式を入力してください。(省略可)
(例)100 - X(X + 50) / 10
-
上段:「件数」「合計」「平均」「最大」「最小」から計算方法を選びます。
-
補足文字
- プレフィックス・サフィックス:数値の前後に表示する文字を設定します。
- 数値に対する補足説明:数値に関する補足情報を入力します。パネルの数値の下部に表示されます。
追加したパネルは、パネル右上のメニューから「修正する」で設定を変更できます。
【3】ドラッグ&ドロップでレイアウトを変更する
ダッシュボード画面右上の「レイアウト変更」をONにすると、パネルの位置と大きさを画面上で自由に変更できます。
「レイアウト変更」をOFFにすることで変更内容を保存することができ、パネル自体の編集ができる状態に戻ります。
レイアウト(パネルの位置・大きさ)はユーザーごとに保存され、他のユーザーの表示には影響しません。初めて表示するときは、そのパネルの作成者が設定した位置・大きさで表示されます。その後にパネルの作成者がレイアウトを変更しても、すでに表示したユーザーの画面には反映されません。
グループの編集ロックの設定が「全パネル読み取り専用」の場合、グループ作成者以外のユーザーはパネルの位置や大きさを変更することができないため、新しいパネルを追加する際は他のユーザーが開く前に配置を変更することをおすすめします。
【4】ダッシュボードの管理画面の操作方法
アプリの設定画面の左メニュー「ダッシュボードの管理」画面から各パネル及び各グループの編集・削除などを行うことができます。
■ パネルの編集・削除
- 新規登録:パネルを新規登録することができます。
- 公開:自分のダッシュボードでのパネルの表示・非表示を切り替えることができます(他のユーザーには影響しません)。
- グラフの修正:パネルで使用しているグラフの修正を行うことができます。
- 修正:パネルの修正を行うことができます。
- 削除:パネルを削除することができます。
共有しているパネルを修正・削除できる人は、共有設定によって以下のように異なります。
| 操作 | パネルの作成者 | 作成者以外 (全体共有) |
作成者以外 (権限グループで設定) |
|---|---|---|---|
|
タイトル・内容の変更 (グラフ/カスタムリスト/テキスト/iframeタグ/数値パネルの設定) |
○ | × | × |
| アイコン・パネルカラー・グループの変更 | ○ | ○ | 権限グループで「修正」が許可されていれば ○ |
| 削除 | ○ | × | 権限グループで「削除」が許可されていれば ○ |
| 共有設定の変更 | ○ | × | × |
■ グループの編集・削除
- 新規登録:グループを新規登録することができます。
- 修正:グループの設定を修正することができます。
- 削除:グループを削除することができます。なお、パネルが登録されているグループは削除することができません。先にパネルを削除するか、パネルの設定画面の「グループ」で他のグループを選択・保存し、別のグループへ移動してください。
- 順序:ダッシュボード画面上部に表示されるグループの並び順を変更することができます。
※ 「メイン」はグループ名や共有設定、編集ロックなどの設定を編集したり、削除したりすることができません。
※ グループの修正・削除ができるのは、グループの作成者、または共有設定が「権限グループで設定」のときに権限グループで「修正」「削除」が許可されたユーザーのみです。
注意事項
- モバイル版ではPCで設定したレイアウトは適用されず、パネルは1列に並びます。
- 数値パネルの「対象レコード」は、モバイル版からは修正できません。PCから設定してください。