ダッシュボードの見方

app.briks.dev のダッシュボードには、ワークスペースのプロジェクト、メンバー、クレジットがすべて集まっています。このツアーでは上から順に見ていくので、作り始める前に各部分の役割がわかります。

読了時間 12 分2026年10月8日にスタジオで確認済み

  1. 1現在のワークスペースです。クリックすると、ワークスペースの切り替えや新規作成ができます。
  2. 2New project で、サイト、アプリ、ダッシュボードを新しく始められます。
  3. 3最新のプロジェクトは Projects の下に表示され、それぞれに状態を示す点が付きます。緑は公開中、黄色はビルド中、赤は対応が必要、白抜きの点はまだ公開されていないことを表します。
  4. 4クレジットをレンガの壁として表示します。クリックすると Billing が開きます。
  5. 5Home: 次のプロジェクトを始めるための入力欄と、公開済みの全サイトの訪問者数です。
左にはナビゲーションがあり、ワークスペースメニュー、Jump to、各ページ、残りのクレジットが並びます。右にはHomeがあり、プロンプト欄から始まります。

まずは全体を見てみましょう

初めてのご利用なら、5分ほどかけて、次の場所を順番にクリックして見てみてください。ここではビルドは始まらず、クレジットも使いません。

  1. 今どのワークスペースにいるか確認する

    場所: Top of the navigation

    上部のボックスには、ワークスペースの名前、プラン、あなたのロールが表示されます。たとえば「Free plan · Owner」です。その下にあるものはすべて、そのワークスペースに属します。

  2. Home を読む

    場所: Home

    多くのプロジェクトは、プロンプト欄から始まります。ワークスペースにプロジェクトができると、その下に訪問者数、クレジット、プランの上限、最近の作業が表示されます。

  3. Projectsを開く

    場所: Projects

    各プロジェクトは、最新のビルドの画像と状態を載せたカードで表示されます。

  4. Jump to を試す

    場所: Jump to

    Macでは ⌘K、それ以外では Ctrl K を押し、bill のようにページ名の一部を入力して Enter を押します。

  5. クレジットとアカウントを確認する

    場所: Foot of the navigation

    レンガの列は、残りのクレジットを表します。その下の名前を押すと、Profile、ライト/ダークの設定、Sign out が開きます。

  6. ベルを開く

    場所: Top bar

    Notificationsには、ビルド、作業中のエージェント、あなたの対応を待っているものが、新しい順に並びます。

  7. 空きを作る

    場所: Beside the logo

    Collapse navigation を押すと、ナビゲーションがアイコンだけの細い列に縮みます。ロゴにカーソルを合わせると Expand navigation に変わり、もう一度開けます。

ナビゲーション

ナビゲーションは、すべてのページの左側に縦に並んでいます。上から順に次のとおりです。

  • The Briks logo はHomeに移動します。隣のボタン Collapse navigation は、すべてをアイコンに縮小します。選択はこのブラウザに記憶されます。
  • ワークスペースメニュー。ワークスペースの名前、プラン、あなたの役割が表示されます。
  • Jump to:プロジェクトとページの検索欄。
  • Home、Projects、Templates、Agents、Analytics です。Projects には、ワークスペースのプロジェクト数が表示されます。その下に、Editor 以上向けの New project と、最近作業した5件のプロジェクトが並びます。
  • Workspace グループ:Members、Skills、Billing、Settings。
  • 一番下に、ほかとは離れて Credits、そしてあなたの名前とメールアドレスがあります。

Projectsに並ぶ各プロジェクトには小さなドットがあり、状態がひと目でわかります。名前にカーソルを合わせると、状態が言葉で表示されます。

ドット状態意味
緑公開中公開され、オンラインになっています。
琥珀色、点滅ビルド中ビルド、変更、公開のいずれかが今実行中です。
赤要対応前回の作成は完了しませんでした。プロジェクトを開いて状況を確認し、次のメッセージを送ってください。
中空のリング未公開まだオンラインではないか、現在は公開されていません。

スマートフォンでは

画面が狭いと、ナビゲーションは隠れています。上部バーの左にあるメニューボタン(Open navigation)をタップすると、左からスライドして表示されます。閉じるには、バツ印、Escキー、または横の部分をタップしてください。ページを選ぶとそのページに移動し、ナビゲーションは閉じます。

ワークスペースとワークスペースメニュー

ワークスペースとは、専用のプロジェクト、メンバー、プラン、クレジットを持つ共有スペースです。カフェのオーナーなら1つ、フリーランスなら自分の仕事用に1つと、クライアントごとに1つずつ持つこともできます。

  1. メニューを開く

    場所: Workspace menu

    ナビゲーション上部のワークスペース名をクリックします。所属しているワークスペースがすべて、あなたのロールとプランとともに一覧で表示され、今いるワークスペースにはチェックマークが付きます。

  2. 切り替える

    場所: Workspace menu

    別のワークスペースを選びます。ダッシュボードがそのワークスペースで再読み込みされ、専用のプロジェクト、メンバー、クレジットが表示されます。

  3. 新しく作成する

    場所: Create workspace

    メニューの下部にある Create workspace を選び、2〜50文字の Workspace name を入力して Create workspace を押します。あなたがそのOwnerになり、ダッシュボードがそのワークスペースに切り替わります。

移動先

Jump to は、プロジェクトが増えてきたときに最も早く移動できる方法です。どのページからでも、ワークスペースメニューの下の Jump to 欄をクリックするか、Macでは ⌘K、それ以外では Ctrl K を押してください。

  • 何も入力しないと、最新のプロジェクト5件と、開けるすべてのページが一覧で表示されます。
  • 名前の一部を入力すると絞り込めます。最初に各プロジェクトが状態付きで表示され、続いて New project、Members、Billing、Profile などのページが表示されます。
  • 矢印キーで移動、Enterで開く、Escapeで閉じます。
クライアントのサイトを探す14件のプロジェクトを抱えるデザイン会社

Joは歯科医院のサイトが必要です。Ctrl Kを押して dent と入力します。

Projectsに残るのは、Liveと表示された Northgate Dental だけです。Enterキーでそのスタジオが開きます。

ホーム

ホームを開くと、大きな問いかけ「What should we build」に続いて名前(ワークスペースにプロジェクトがあるときは「What should we build next」)が表示され、その下にプロンプトボックスがあります。

  • プロンプトボックス。 プロジェクトの内容を書き、下にある Website、App、Dashboard から選んで Continue を押します。すると、書いた内容が入った状態で New project が開きます。Homeからは、作成も課金も行われません。ボックスの下の行には、1回の作成で確保される量と、お手持ちの量が表示されます。例:「A build holds 50 credits; you have 50.」その種類のプロジェクトで通常はお手持ちより多くかかる場合は、次の行に見積もりが出ます。説明ではなく質問を入力した場合は、ボックスの下に回答が表示され、入力した内容はそのまま残ります。
  • 質問の下にある Example chips(Clinic bookings や Sales dashboard など)を選ぶと、編集できるサンプルの説明文が入力欄に入ります。

プロンプトボックスの下にある Set up your business online に、サイトを本格的に動かすための手順が並びます。サイトを作る、本番環境に公開する、ドメインを接続する(独自ドメインが使えるプラン)、チャットをオンにする、チームを招待する(チームが使えるプラン)、エージェントを雇う(エージェントが使えるプラン)、の順です。各手順は完了すると自動でチェックが入り、すべて終わるとリストは消えます。Hide を押すと、その端末では非表示になります。

ワークスペースにプロジェクトができると、ホームには次のものも順番に表示されます。

  • Recent projects: 最後に作業したプロジェクトが、3列(広い画面では4列)で並びます。すべてのプロジェクトへのリンク付きです。
  • Waiting for you: 対応が必要なものがあるときに表示されます。エージェントからのリクエストと、確認が必要なプロジェクトです。
  • プロジェクト全体の訪問者:訪問者数と閲覧数を 7日間、30日間、6か月 で表示します。Cookieは使わずに集計し、Busiest projects も確認できます。
  • Credits: 正確な残高と、直近30日間の日ごとに使ったクレジットを示すバーです。Ownerには、ここに Billing ボタンも表示されます。
  • Your plan(例: Free plan): プロジェクト、カスタムドメイン、ストレージの使用量がプランに含まれる量に対して表示されます。Members は '1 of 1' のように表示されます。バーは4分の3を超えるとアンバー、10分の9を超えると赤になります。
  • Start from a template:ワークスペースに保存したテンプレートがあれば、それが表示されます。

プロジェクト

Projects には、ワークスペース内のすべてのホームページ、アプリ、ダッシュボードが、変更の新しい順に表示されます。1ページにつきカードは12枚で、画面の大きさに合わせて3列または4列で並びます。List に切り替えると、1ページ25件の行表示になり、検索ボックスと State で絞り込めます。右上の New project で新しいプロジェクトを始められます。表示されるのは、Editor、Admin、Owner の方です。各カードには次の内容が表示されます。

  • 公開のたびに撮影される、最新ビルドの画像です。初回の公開前は「Not published yet.」、または作成中であることが表示されます。
  • 名前です。クリックするとプロジェクトのスタジオが開きます。
  • 状態: Live、Building、Needs attention、Draftのいずれかです。
  • 種類(Website、Web app、Dashboard)と、最後に変更された日時。
  • アドレス、または「No address yet」と、これまでの作業で使ったクレジット。

カードの ••• ボタンには、さらに操作があります。Duplicate は、公開中のバージョンを編集できるコピーとして、このワークスペースか、作業権限のある別のワークスペースに作ります。Save as template は公開中のバージョンを固定し、ワークスペースで新しいプロジェクトの出発点にできるようにします。Move to another workspace はOwnerとAdminが使え、Editor以上の権限があるワークスペースにプロジェクトを移します。移動中も公開中のサイトは動き続けます。DuplicateとSave as templateを使うには、先にプロジェクトを公開しておく必要があります。

テンプレート

Templates には3つの棚があります。ワークスペース自身のテンプレート、By Briks Team、Community Templates です。テンプレートとは、公開済みのサイトを出発点として固定したものです。1つから始めて事業の情報を入力すると、公開前にすべてのページが書き換えられます。テンプレートをご覧ください。

エージェント

Agents は、プロジェクトのために採用した AI エージェントが働く場所で、Starter プランから使えます。Project で1つのプロジェクトか All projects を選び、New agent で新しく採用します。上部のタブでページが分かれています。

  • Team: 作業中のチームです。いる場合はチームリードが率います。
  • Crew:各エージェントと、その状態(On、Working、Needs you、Paused など)。
  • Waiting for you: エージェントがやりたいことで、あなたの承認を待っているもの。横に件数が表示されます。承認と予算を参照してください。
  • Chat、Memory、Activity log: チームと話し、チームがあなたのビジネスについて覚えていることを確認し、行ったことをすべて読めます。

プロジェクトを選ぶと、クルーの下の1行に、プランで許可されている数に対するエージェント数が「2 of 3 agents on this project」のように表示されます。上限に達したら、Get more を押すと、より多くのエージェントを使えるプランが開きます。AIエージェントを雇うをご覧ください。

複数サイトのアナリティクス

ナビゲーションの Analytics には、ワークスペース内の公開済みサイトすべてが一度に表示されます。30 days で開き、7 days または 6 months に切り替えられます。4つのタイルに Visitors、Page views、Enquiries、Visitors who enquired が表示され、それぞれ前の期間との変化も分かります。その下のグラフには全サイトを合わせた訪問者数とビュー数が描かれ、By site の表には各サイトがアクセスの多い順に並びます。サイト名をクリックすると、同じ期間でそのサイトの Analytics タブが開きます。サイトが公開されるまでは、ページに No published sites yet と表示されます。アナリティクスをご覧ください。

ワークスペースのページ

  • Members:ワークスペースのメンバーと、その役割です。席料はなく、各プランにメンバー数が含まれています。Proは3人からで、FreeとStarterはオーナー1人用です。OwnerとAdminは Invite people から招待でき、役割の選択欄の下に What each role can do があります。詳しくはメンバーと役割をご覧ください。
  • Skills: タスクに合うとき、このワークスペースのプロジェクトで Briks が従う文章のガイドです。たとえば文体や、ビジネスに関する事実などです。管理できるのは Owner と Admin です。スキルをご覧ください。
  • Billing: Your plan と、その後どうなるか、Credits left、移行できる Plans(Starter、Pro、Studio、Agency)を月払いまたは年払いで確認できます。Owner はここでアップグレード、ダウングレード、解約ができます。お支払いをご覧ください。
  • Settings: ワークスペース名(OwnerとAdminが変更できます)とDanger zoneです。Leave workspaceはあなたを外し、Delete workspaceはOwner向けです。プロジェクトが残っているワークスペースは、それらを移すまで削除できません。また、唯一のワークスペースは退出も削除もできません。

クレジットとアカウント

ナビゲーションの一番下の Credits に、残りのクレジットが整数で表示されます。10個のレンガの列が左から埋まり、プランの月間クレジットに対する残りを示します(Free では、最初にお渡しした50クレジットに対する残りです)。10%以下になると警告色に変わり「running low」と表示され、すべてのページの上のバナーに残りの数が表示されます。クリックすると Billing が開きます。折りたたんだレールではコインの形になり、カーソルを合わせると数が表示されます。

その下に、あなたの名前とメールアドレスがあります。クリックすると、短いメニューが開きます。

  • Profile:お名前、メールアドレス、パスワード、ログイン中の端末、各種設定、アカウントの削除。プロフィールとログインをご覧ください。
  • Appearance: Match the system、Light、Darkから選びます。同じ選択はProfileのPreferencesにもThemeとしてあり、この端末に適用されます。
  • Sign out。

通知

上部バーの右にあるベルの Notifications には、あなたが作業している間にワークスペースで起きたことが、新しい順にまとまります。数字は未読の件数です。開くとすべてが既読になり、新しかったものはパネルを開いている間、点が付いたままになります。パネル上部の Live は新しい通知がリアルタイムで届いていることを、Reconnecting は接続が一時的に切れたことを示します。

  • 開始、完了、失敗、停止したビルドと変更、そして、あなたやクレジットを待っているビルド。
  • 作業中のエージェント:開始、完了、失敗した実行、エージェント間で渡された作業、承認待ちのもの、あなたが決めたこと。
  • 新しいフォームの送信(件名とページは表示され、訪問者の文面は含まれません)と、チャットで担当者を希望した訪問者。
  • クレジットが残り少なくなったとき(月に一度)と、月の上限に達してサイトのメールが止まったとき。
  • 独自ドメインが公開された、または対応が必要になったとき。

各通知には、対応する場所へのリンクが付いています。届いたときにページの下にポップアップで表示されるものもあります。パネルの下にある Pop-ups で、表示する内容を Everything、Problems and waiting、Off から選べます。この設定は、このブラウザに保存されます。

プロジェクトの中で

プロジェクトを開くと、トップバーが変わります。1行目には今いる場所が表示されます。Projects、プロジェクト名、そして Studio タブ以外では、開いているタブとその中のセクションが続きます。例: Projects / Larder Lane / Settings / Domain。画面が広いときは、プロジェクトの公開アドレスが名前の横に表示され、クリックするとサイトが新しいタブで開きます。サイトを公開すると、バーの右端に Preview と Publish ボタン、または In production が表示されます。

その行の下には、Studio、Analytics、Media、Database、Storage、Chatbot、Settings という文字のタブが並んでいます。Database はプロジェクトにデータベースができると表示され、それまではOwnerとAdminにだけ表示されます。Settings には、ドメイン、フォーム、バージョン、バックアップなど、そのほかのすべてがあります。スマートフォンでは、1行目にプロジェクト名だけが表示され、タブの行は横にスクロールします。それぞれについてはプロジェクトページで説明しています。

条件に当てはまる場合は、タブがさらに2つ列に加わります。Visual Editor は Studio の後ろに表示され、ページのどの部分もクリックして手作業で変更できます。有料プランに含まれます。ビジュアルエディターをご覧ください。Marketing は Analytics の後ろに表示され、投稿が使えるようになると、プロジェクトのSNSアカウント向けの投稿を作成して予約できます。マーケティングとSNS投稿をご覧ください。