--- title: "チーム向けAIダッシュボード作成ツール | Briks" url: https://briks.dev/ja/ai-dashboard-builder description: "AIダッシュボード作成ツール。見たい数字を書くと、主要指標・グラフ・検索できる表を作り、専用アドレスで公開。無料で開始。" --- AIダッシュボード作成ツール # チームが見守る数字のためのAIダッシュボード作成ツール チームに必要な数字、リスト、画面を書いてください。Briksが全体の枠組みと各画面を設計し、ダッシュボード向けのキットで作り上げ、専用のアドレスで公開します。 例を試す - サイドバー、アイコンレール、またはトップナビゲーション - 主要な数値、グラフ、検索できる表 - 専用のデータベース。最初からサンプルレコード付き **Fenwick** - 概要 - お得な情報 *12* - アカウント - レポート - チーム - 設定 **Fenwick** - 概要 - お得な情報 - アカウント - レポート 検索`Ctrl K` **概要** 営業チーム向けのパイプラインと案件 パイプライン金額 **$412k** *先月比 8%* 成約数 **14** *目標20のうち* 成約率 **31%** *先月より3ポイント増* サンプルデータ ステージ別のパイプライン 42 リード 28 見込みあり 17 提案 9 交渉 14 成約 サンプルデータ 未完了の大口アカウント | | 段階 | | | --- | --- | --- | | Fieldway Logistics | 交渉 | $61,500 | | Linden Hotels | 交渉 | $54,100 | | Harbour Foods | 提案 | $48,200 | | Ostara Health | 提案 | $37,400 | サンプルデータ 4 / 6 サンプルデータで動くデモです。ぜひお試しください。 ## AIダッシュボード作成ツールの仕組み ダッシュボードのビルドは、説明からすべての画面の計画へ直接進みます。ビルド前の質問とルックボードは、ホームページとアプリ向けです。 1. **数字を説明する** ダッシュボードを使う人と、その人が見たいもの(数値、一覧、画面)を書いてください。挙げた商品、価格、人物が、サンプルレコードになります。 2. **気に入ったダッシュボードを見せる** この手順は任意です。レイアウトが気に入っているダッシュボードを追加すると、Briksはそのフレーム、密度、パネル、ブロックの配置を踏まえます。文章、ロゴ、数値は一切使われません。 3. **すべての画面を計画します** プランでは、枠組み、グループ分けされたナビゲーション、そして各画面を読む順に並べたブロックを決めます。主要な数値、グラフ、表、アクティビティ、フォームがあり、それぞれ12列のグリッド上の幅が指定されます。 4. **ダッシュボードキットから構築します** どの表も完全なデータテーブル、どのグラフも本物のグラフです。落ち着いたパネルに、数字は等幅数字で表示されます。動きも装飾もありません。 5. **公開されます** ダッシュボードは専用のbriks.liveアドレスで公開され、検索には表示されず、ホスティングも含まれます。公開前に、コードでコントラストがチェックされます。 6. **変更は言葉で行えます** 新しい列、別のグラフ、違う期間などは、スタジオのチャットで頼めます。変更はすべてバージョンとして保存され、元に戻せます。 ## すべてのダッシュボードプランで選ぶ3つのこと ブロックを1つも置く前に、プランが枠組み、ライトかダークか、行の詰まり具合を決めます。このページ上部のデモで、3つすべてを試せます。 - フレーム **サイドバー、アイコンレール、またはトップナビゲーション** サイドバーは、機能の領域が多いプロダクトに向いていて、ラベル付きのグループに並べて表示します。アイコンレールは、領域が少ないプロダクトに向いています。上部ナビゲーションは、並べて使ういくつかの画面に向いています。 - モード **ライトまたはダーク** ご説明の内容、またはお見せいただいたダッシュボードから選ばれ、どちらも指定できます。ステータスの色は、どちらでも意味が変わりません。 - 行 **コンパクトか、ゆったりか** コンパクトな行は、長い表や運用の作業向きで、画面に多く表示できるぶんスクロールが減ります。ゆったりした行は、ひと目で読む画面向きです。 ## ダッシュボード制作に含まれるもの ダッシュボードは、ウェブサイトのセクションではなく、専用のキットで作られます。プランナーはここにある部品から選びます。 - **動かないフレーム** すべての画面の周りに、サイドバー、アイコンのレール、または上部ナビゲーションを置きます。現在のエリアには印が付き、件数を指定した場所にはバッジで表示されます。 - **トップバー** 検索、通知、ご説明から取り込んだユーザー名と役割が入るメニュー、さらにプロダクトに複数ある場合はワークスペースの切り替えも備えます。 - **コマンドパレット** CtrlまたはCmdとKを押して名前を入力すると、どの画面や操作にもすぐ移動できます。 - **主な数値** 画面が最初に答える3〜5個の数字です。それぞれにラベル、値、変化、期間が付き、役に立つ場合は小さな推移ラインも付きます。 - **グラフ** 折れ線、面、棒、積み上げ棒、ドーナツのグラフを、1つの問いにつき1つずつ作れます。単位、ラベル、凡例も付きます。 - **データテーブル** どの表も、上位5件の短い一覧であっても、検索、フィルター、並べ替え、ページサイズ、一括操作ができる行の選択、各行へのアクションを備えた完全なデータテーブルです。 - **空の状態** すべてのリスト、表、フィードは、中身がないときに何を表示する場所かを示し、それを埋めるための操作を案内します。 - **スマートフォン** スマートフォンでは、サイドバーはメニューボタンの奥にあるドロワーになり、テーブルはパネルの中でスクロールするか、各行がカードとして縦に並びます。 ## ダッシュボードの計画のもとになる画面 最初にホーム画面を作ります。プランナーは、説明に出てくるすべての画面と、よく使われるナビゲーション項目の行き先となる画面を少なくとも2つ追加するので、ダッシュボードが1ページだけになることはありません。 各画面は、概要、一覧、詳細、レポート、フォーム、設定、チーム、請求、受信箱の9種類のうちのどれかとして設計されます。種類によって、入るブロックとその順番が決まります。各ブロックは12カラムのグリッド上で幅を取るので、グラフとアクティビティフィードを同じ行に並べることもできます。 ナビゲーションの項目はすべて、いずれかの画面につながるように計画されています。サインインやパスワードを忘れた場合などのアカウントページは、フレームなしで単独で表示され、きちんと動作します。ダッシュボードが本番環境に公開されると、サインイン済みのスタッフと Admin のアカウントだけがそのデータを見られます。 概要: 12カラムのグリッド上に6個のブロック 動作するデモです。画面を選ぶと、そのブロックが表示されます。 ## 独自のレコードと、最初に入るサンプルデータ ダッシュボードは、レコードをプロジェクト専用のデータベースに保存します。注文、チケット、在庫など、画面に表示するレコードの種類ごとにテーブルが作られます。最初のバージョンには、互いに矛盾のない、本物らしいサンプルレコードが入り、日付は今日より前の数か月にわたって設定されます。あなたが挙げた商品、価格、人物はレコードになり、それ以外の人には架空の名前が付きます。 表、グラフ、主要な数字は、ダッシュボード自身のルートを通してそれらのレコードを読み込み、合計や件数はすべて行から計算されるので、カードの合計は表と一致します。レコードを追加したり変更したりするフォームは、それを保存します。 レコードはプロジェクトのDatabaseタブで確認・編集でき、変更はダッシュボードに反映されます。 まだです ### 自分のデータのみ ダッシュボードは専用のデータベースを読み込みます。ほかのデータベース、スプレッドシート、別のツールにはまだ接続しません。 ## 毎日読まれることを前提に作っています ダッシュボードは実際に使う道具なので、ウェブサイトとは作り方が違います。 ダッシュボードは、情報が密で、静かで、正確です。ページの背景は1色、すべてのブロックはパネルの上に置き、数字は等幅数字にして桁が揃うようにし、アクセントカラーは現在の項目、主な操作、データの1色だけです。ステータスの色はステータスのためだけに使います。 ヒーロー、スクロール時のアニメーション、ぼかし、コンテンツの背後の装飾はありません。書体は数字を読みやすいよう選んだ控えめなもので、角、面、余白は、あなたの説明や見せたダッシュボードに沿います。 ## 公開して、変更して、守る - **専用のアドレス** すべてのダッシュボードは、ホスティング込みで独自のbriks.liveアドレスに公開されます。検索には表示されません。 - **チーム専用** プレビューは、アドレスを知っている人なら誰でも開けます。本番環境に公開すると、サインイン済みのStaffとAdminのアカウントだけがデータを見られます。各ユーザーのロールは Database タブで設定します。 - **ふだんの言葉で変更** 新しい列、別のグラフ、違う期間は、スタジオのチャットで頼めます。変更では5クレジットが確保され、作業にかかった分が請求されます。 - **バージョン** ビルドや変更はすべてバージョンとして残ります。編集権限のある方なら、元に戻す、やり直す、復元することができます。 [バージョンと元に戻す機能](https://briks.dev/ja/features/versions-and-undo) - **コード** ダッシュボード用に書かれたファイルを確認・編集でき、有料プランならダウンロードもできます。 [あなたのコード](https://briks.dev/ja/features/your-code) ## ダッシュボードで今はできないこと - まだです **ほかのツールと連携する** ダッシュボードは自身のデータベースを読み込みます。他のデータベース、スプレッドシート、別のツールはまだ読み込めません。 ## ダッシュボードを作るのにかかる費用 ダッシュボードも、ホームページやアプリと同じクレジットとプランを使います。 **50** 新しいダッシュボードのビルド中に確保されるクレジット **5** 変更のために確保されたクレジット **5** チェックのために確保されたクレジット 作業の実行中は、クレジットが一時的に確保されます。その後、各ジョブは実際にかかった分だけ請求され、使わなかった分は戻ります。確保した分を超えた場合は残高から引かれ、失敗したリクエストには請求されません。 - **Free** **$0** 開始するには - 登録時に一度だけ 50 クレジット - 1サイト - briks.liveのアドレス - 500 MBのストレージ - **Starter** **$16** 月 または年額$160、2か月分無料 - 月175クレジット - 1サイト - 独自ドメイン - 5 GBのストレージ - **Pro** **$29** 月 または年額$290、2か月分無料 - 月400クレジット - 3サイト - お持ちのドメイン 3 件 - 10 GBのストレージ - **Studio** **$79** 月 または年額$790、2か月分無料 - 月1,200クレジット - 10サイト - お持ちのドメイン 10 件 - 25 GBのストレージ - **Agency** **$199** 月 または年額$1,990、2か月分無料 - 月3,000クレジット - 30サイト - お持ちのドメイン 30 件 - 100 GBのストレージ Free プランの50クレジットは1回だけ付与されます。毎日の追加付与はありません。有料プランは、月払いまたは年払いで、チェックアウトでオンライン購入できます。[すべてのプランを比較する](https://briks.dev/ja/pricing) ## AIダッシュボード作成ツールについてのよくある質問 ### AIダッシュボード作成ツールとは? チームが見ている数字の説明を、動くダッシュボード画面に変えるツールです。Briksでは、数値、一覧、画面を言葉で伝えるだけで、計画から構築まで進み、ダッシュボードを専用のアドレスで公開します。 ### ダッシュボードの数字はどこから来ていますか？ ダッシュボード自身のデータベースからです。最初のバージョンには、お使いの製品に合わせたそれらしいサンプルレコードが入り、すべての数値はそのレコードから計算されます。プロジェクトのDatabaseタブでレコードを変更すると、ダッシュボードにも反映されます。 ### ダッシュボードはデータベースやスプレッドシートに接続できますか? 専用のデータベースがあります。レコードはプロジェクトのデータベースに保存され、Databaseタブで編集でき、フォームもそこに保存されます。ほかのデータベースやスプレッドシートには、まだ接続できません。 ### チームもダッシュボードにサインインできますか? はい。登録、サインイン、パスワード再設定のページが使えます。プレビューの間は、アドレスを知っている人なら誰でも開けます。本番環境に公開すると、サインイン済みのStaffとAdminのアカウントだけがデータを見られます。スタジオで使っているメールアドレスで登録するとAdminになり、チームのロールは Database タブで付与します。 ### 気に入ったダッシュボードをもとに作れますか？ はい。参考サイトを追加すると、Briksはそのフレーム、密度、パネル、ブロックの配置に沿って作成します。文章、ロゴ、数字は一切使いません。 ### ダッシュボードを作る前に、Briksは質問しますか? いいえ。構築前の質問とルックボードは、ウェブサイトとアプリ向けです。ダッシュボードは、説明からすべての画面の計画へ直接進みます。 ### ダッシュボードはスマートフォンで使えますか？ スマートフォンにも対応しています。サイドバーはメニューボタンの奥にあるドロワーになり、表はパネル内でスクロールするか、各行がカードとして縦に並びます。 ### ダッシュボードにアニメーションは付きますか？ いいえ。ダッシュボードは動きや装飾、ぼかしを使わずに作られるので、まず数字が目に入ります。 ### 作ったあとで変更できますか? はい。スタジオのチャットで普段の言葉で、何度でも頼めます。変更はすべてバージョンとして保存され、元に戻す、やり直す、復元するができます。 ### ダッシュボードを作るにはいくらかかりますか? 新しいダッシュボードは作成中に50クレジットを確保し、変更では5クレジットを確保します。それぞれ実際に行った作業の分だけ消費されます。最初は50クレジットを1回だけ無料で使え、有料プランは月額$16からで、チェックアウトでオンライン購入できます。 ## Briks でつくる、その他の方法 - [**AIホームページ作成ツール** ビジネスを普段の言葉で説明してください。](https://briks.dev/ja/ai-website-builder) - [**AIアプリ作成ツール** アプリに保存して表示したい内容を伝えてください。](https://briks.dev/ja/ai-app-builder) - [**すべての機能** すべての機能について、必要なものを示しています。プラン、スイッチ、または何も要らないかのいずれかです。](https://briks.dev/ja/features) - [**テンプレート** すでに動いているサイトから始めて、あなたのビジネス向けに書き換えます。](https://briks.dev/ja/templates) ## チームにはどの数値が必要ですか? ひとことで説明してください。50クレジットを無料で、カード不要で始められます。 [またはテンプレートから始める](https://briks.dev/ja/templates)