Dashboards
チームと共有または Notion に埋め込み可能なライブビュー。ウィジェットをドラッグするのではなく、聞いて構築。
Dashboard はライブパネルのページ。複数の答えが 1 ページに属し、連続的に更新され、複数の人に見せるときに構築するもの。
Tablize の Dashboard は以前使った BI ツールとは異なります。キャンバスを開いてウィジェットをドラッグするのではありません。欲しいものを説明すれば、Agent がパネルを構築。聞いて磨きます。
Dashboard の作成
3 つのエントリーポイント:
- 答えから。 Keep バーで + Dashboard を構築をクリック。Agent が答えをシードパネルとして使用。
- スクラッチから。 サイドバー → Dashboards → + New。Dashboard を説明: 「コールドチェーン用 Ops ダッシュボード — 現在の温度、アラート、カメラフィード」。Agent が下書きを構築。
- テンプレートから。 サイドバー → Templates → 1 つ選択 → ワークスペースにフォーク。共通パターンに良い: サインアップファネル、売上分解、サポートトリアージ。
最初の下書きは Split ビューに表示。聞いて編集:
- 「直近 30 日の日別返金率を見せるパネルを追加して」。
- 「KPI を上に移動」。
- 「棒チャートを線チャートに置き換え」。
- 「synthwave テーマを使う」。
各変更は単一の Agent ターン。Dashboard はライブ更新。
Dashboard の解剖
- パネル — 個別の可視化(KPI、チャート、テーブル、マップ、埋め込み)。
- レイアウト — パネルのグリッド、ドラッグ&ドロップで並べ替えやリサイズ(または Agent に頼む)。
- Data Contract — 各パネルに宣言されたクエリ。バックエンドがクエリの結果を Postgres から直接提供 — ミリ秒応答、Agent はループに入らない。
- リフレッシュ — パネルごとのリフレッシュレート。デフォルトはデータソースで変動(IoT 5s、DB 1m、統合 5m)。
- テーマ — 11 テーマの 1 つ(下記参照)。
パネルは合成可能。単一の Dashboard が Postgres KPI、Shopify 統合テーブル、MQTT ライブゲージ、埋め込み Watch 履歴を混在できます — すべて 1 ページに。
テーマ
Dashboard(および App)は 11 テーマをサポート。すべて CSS 変数駆動。切り替えは即時で、すべてのパネルに影響。
| テーマ | 性格 |
|---|---|
monochrome(デフォルト) | 黒 / 白 / 金 — Tablize ブランドに合致。 |
arctic | 淡いブルー、高コントラスト。 |
glass | グラスモーフィズム — 凍ったカード、ソフトグラデーション。 |
brutal | 生の境界線、影なし、高密度。 |
aurora | 紫緑グラデーション、アンビエントグロー。 |
synthwave | 黒上のネオン — 暗室 Ops に良い。 |
terminal | 黒上の緑モノスペース。ノスタルジック。 |
corporate | やむを得なければ従来の青 SaaS。 |
midnight | 非常に暗い、最小色。夜勤の目に優しい。 |
gradient | 大胆なカラフルグラデーション。 |
neonmint | 黒に近い色上のミント。 |
Agent に聞く: 「synthwave テーマを使う」。または Dashboard ツールバーのテーマドロップダウンから選択。
データ鮮度
Dashboard はプルベース。各パネルに refresh_every: 5s / 1m / 5m / 1h / 1d 設定。各リフレッシュで:
- パネルのクエリが実行。
- 結果が前のレンダーと差分。
- 変わった部分だけアニメーション。
IoT パネルでは Tablize はプッシュも可能(MQTT トピックをパネルに直接ライブストリーム)。サブ秒更新にはプッシュが推奨。
経験則:
- KPI — 1 分で通常十分。
- DB データ上のチャート — 5 分。
- 統合バックエンドパネル — 統合の同期頻度に合わせる(Shopify 5 分、Ads 1 時間)。
- IoT ゲージ — 5 秒またはプッシュ。
- カメラフレーム — アセットのフレームサンプルレート。
速いリフレッシュ = より多くの計算。重いリフレッシュ下の Dashboard は Plus でトークン予算に影響可能。Pro や Max では影響なし(計算が含まれる)。
共有と埋め込み
3 つのモード:
- Private — ワークスペースメンバーのみ。
- Team リンク — メンバー + Viewer シート。
- Public — URL を持つ誰でも。ログインなし。
公開 Dashboard は oEmbed をサポート:
https://app.tablize.com/d/<id>
その URL を Notion、Confluence、または Slack に貼ればライブ埋め込みが得られます。ほとんどの Markdown ベースツールがレンダリング。そうでないツールには iframe を使用:
<iframe src="https://app.tablize.com/d/<id>/embed" width="100%" height="600"></iframe>
埋め込みは現在のテーマを尊重。Notion に埋め込まれた Dashboard は auto テーマを選ぶと親のライト/ダークモードを採用。
Viewer シート
Dashboard を読む非 Creator ユーザーは Viewer シート($5/月)を使用。Viewer は:
- 共有された任意の Dashboard を開ける。
- パネルのドリルダウン(下記参照)をクリック。
- パネルデータを CSV にエクスポート。
- Dashboard を購読(日次スクリーンショットをメールで受信)。
Viewer は:
- Agent とチャットできない。
- Dashboard を編集できない。
- Creator が公開しない限りパネルの基底クエリを見られない。
シート管理は ワークスペースとロール を参照。
ドリルダウン
Dashboard の任意の KPI またはデータポイントをクリックして基底の行を表示。Creator はさらに:
- 「これを説明」 — パネルをコンテキストにしたチャットセッションを開く。
- 「クエリを編集」 — そのパネルの Data Contract に入る。
Viewer はドリルダウンテーブルのみ、クエリは見ません。
Dashboard vs App
| Dashboard | App | |
|---|---|---|
| 目的 | データを表示 | データで何かをする |
| ユーザーアクション | 読む、ドリル、エクスポート | CRUD — 追加/編集/削除 |
| レイテンシ | ミリ秒クエリ | ミリ秒クエリ |
| Data Contract | 読み取り専用クエリ | 読み書きエンドポイント |
| 典型的な作成者 | Ops リード、創業者 | 創業者、運用リード |
経験則: チームメイトが読むなら Dashboard。チームメイトがデータに書き戻すなら App。
よくある落とし穴
- スキーマ変更後にパネルが「No data」。 Data Contract がもう存在しないカラムを参照。パネルをクリック → Repair — Agent が修正を提案。
- 公開リンクが遅い。 リフレッシュレートが攻撃的。1 段下げると通常解消。
- Notion 埋め込みがレンダリングしない。 Notion ページタイプによって iframe をブロック — 代わりに
oembedURL を使用。 - デスクトップで素晴らしいがスマホで詰まる。 Agent に聞く: 「これをモバイル対応にして」。パネルを 1 カラムに再配置。