--- title: "ダッシュボードの見方 | Briks" url: https://briks.dev/ja/docs/exploring-the-dashboard description: "Briksのダッシュボードを案内します。ナビゲーション、ホーム、プロジェクト、テンプレート、エージェント、Jump to、通知、クレジット、プロジェクト内のタブ。" last_updated: 2026-10-08 --- # ダッシュボードの見方 app.briks.dev のダッシュボードには、ワークスペースのプロジェクト、メンバー、クレジットがすべて集まっています。このツアーでは上から順に見ていくので、作り始める前に各部分の役割がわかります。 読了時間 12 分 2026年10月8日にスタジオで確認済み 1. 1 現在のワークスペースです。クリックすると、ワークスペースの切り替えや新規作成ができます。 2. 2 **New project** で、サイト、アプリ、ダッシュボードを新しく始められます。 3. 3 最新のプロジェクトは **Projects** の下に表示され、それぞれに状態を示す点が付きます。緑は公開中、黄色はビルド中、赤は対応が必要、白抜きの点はまだ公開されていないことを表します。 4. 4 クレジットをレンガの壁として表示します。クリックすると **Billing** が開きます。 5. 5 **Home**: 次のプロジェクトを始めるための入力欄と、公開済みの全サイトの訪問者数です。 左にはナビゲーションがあり、ワークスペースメニュー、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になり、ダッシュボードがそのワークスペースに切り替わります。 知っておくと便利なこと 1人で最大10のワークスペースを所有できます。50クレジットの無料分は、最初に所有するワークスペースにのみ付くため、新しいワークスペースは有料プランに加入するまでクレジットがありません。ご自身の別のワークスペースに属するプロジェクトを開くと、自動的にそのワークスペースに切り替わるので、表示されるクレジットとロールは常に画面上のプロジェクトと一致します。 ## 移動先 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**：ワークスペースに保存したテンプレートがあれば、それが表示されます。 Viewerの場合 Viewerにはプロンプト欄のないHomeが表示され、見て回ることはできますが、プロジェクトを始められるのはEditor以上であるという一文が添えられます。 ## プロジェクト **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を使うには、先にプロジェクトを公開しておく必要があります。 各プランには、一定数のプロジェクトが含まれます Free プランには1つ含まれます。ワークスペースがいっぱいのときに別のプロジェクトを始めようとすると、プランに含まれる数が表示され、アップグレードをご案内します。複製したプロジェクトやテンプレートから作ったプロジェクトも数に含まれます。 ## テンプレート **Templates** には3つの棚があります。ワークスペース自身のテンプレート、**By Briks Team**、**Community Templates** です。テンプレートとは、公開済みのサイトを出発点として固定したものです。1つから始めて事業の情報を入力すると、公開前にすべてのページが書き換えられます。[テンプレート](https://briks.dev/ja/docs/templates) をご覧ください。 ## エージェント **Agents** は、プロジェクトのために採用した AI エージェントが働く場所で、Starter プランから使えます。**Project** で1つのプロジェクトか **All projects** を選び、**New agent** で新しく採用します。上部のタブでページが分かれています。 - **Team**: 作業中のチームです。いる場合は [チームリード](https://briks.dev/ja/docs/team-lead) が率います。 - **Crew**:各エージェントと、その状態(**On**、**Working**、**Needs you**、**Paused** など)。 - **Waiting for you**: エージェントがやりたいことで、あなたの承認を待っているもの。横に件数が表示されます。[承認と予算](https://briks.dev/ja/docs/agent-approvals) を参照してください。 - **Chat**、**Memory**、**Activity log**: チームと話し、チームがあなたのビジネスについて覚えていることを確認し、行ったことをすべて読めます。 プロジェクトを選ぶと、クルーの下の1行に、プランで許可されている数に対するエージェント数が「2 of 3 agents on this project」のように表示されます。上限に達したら、**Get more** を押すと、より多くのエージェントを使えるプランが開きます。[AIエージェントを雇う](https://briks.dev/ja/docs/ai-agents) をご覧ください。 ## 複数サイトのアナリティクス ナビゲーションの **Analytics** には、ワークスペース内の公開済みサイトすべてが一度に表示されます。**30 days** で開き、**7 days** または **6 months** に切り替えられます。4つのタイルに **Visitors**、**Page views**、**Enquiries**、**Visitors who enquired** が表示され、それぞれ前の期間との変化も分かります。その下のグラフには全サイトを合わせた訪問者数とビュー数が描かれ、**By site** の表には各サイトがアクセスの多い順に並びます。サイト名をクリックすると、同じ期間でそのサイトの **Analytics** タブが開きます。サイトが公開されるまでは、ページに **No published sites yet** と表示されます。[アナリティクス](https://briks.dev/ja/docs/analytics) をご覧ください。 ## ワークスペースのページ - **Members**:ワークスペースのメンバーと、その役割です。席料はなく、各プランにメンバー数が含まれています。Proは3人からで、FreeとStarterはオーナー1人用です。OwnerとAdminは **Invite people** から招待でき、役割の選択欄の下に **What each role can do** があります。詳しくは [メンバーと役割](https://briks.dev/ja/docs/members-and-roles) をご覧ください。 - **Skills**: タスクに合うとき、このワークスペースのプロジェクトで Briks が従う文章のガイドです。たとえば文体や、ビジネスに関する事実などです。管理できるのは Owner と Admin です。[スキル](https://briks.dev/ja/docs/skills) をご覧ください。 - **Billing**: **Your plan** と、その後どうなるか、**Credits left**、移行できる **Plans** (Starter、Pro、Studio、Agency)を月払いまたは年払いで確認できます。Owner はここでアップグレード、ダウングレード、解約ができます。[お支払い](https://briks.dev/ja/docs/billing) をご覧ください。 - **Settings**: ワークスペース名(OwnerとAdminが変更できます)と **Danger zone** です。**Leave workspace** はあなたを外し、**Delete workspace** はOwner向けです。プロジェクトが残っているワークスペースは、それらを移すまで削除できません。また、唯一のワークスペースは退出も削除もできません。 ## クレジットとアカウント ナビゲーションの一番下の **Credits** に、残りのクレジットが整数で表示されます。10個のレンガの列が左から埋まり、プランの月間クレジットに対する残りを示します（Free では、最初にお渡しした50クレジットに対する残りです）。10%以下になると警告色に変わり「running low」と表示され、すべてのページの上のバナーに残りの数が表示されます。クリックすると **Billing** が開きます。折りたたんだレールではコインの形になり、カーソルを合わせると数が表示されます。 その下に、あなたの名前とメールアドレスがあります。クリックすると、短いメニューが開きます。 - **Profile**:お名前、メールアドレス、パスワード、ログイン中の端末、各種設定、アカウントの削除。[プロフィールとログイン](https://briks.dev/ja/docs/account) をご覧ください。 - **Appearance**: **Match the system**、**Light**、**Dark** から選びます。同じ選択はProfileの **Preferences** にも **Theme** としてあり、この端末に適用されます。 - **Sign out**。 ## 通知 上部バーの右にあるベルの **Notifications** には、あなたが作業している間にワークスペースで起きたことが、新しい順にまとまります。数字は未読の件数です。開くとすべてが既読になり、新しかったものはパネルを開いている間、点が付いたままになります。パネル上部の **Live** は新しい通知がリアルタイムで届いていることを、**Reconnecting** は接続が一時的に切れたことを示します。 - 開始、完了、失敗、停止したビルドと変更、そして、あなたやクレジットを待っているビルド。 - 作業中のエージェント：開始、完了、失敗した実行、エージェント間で渡された作業、承認待ちのもの、あなたが決めたこと。 - 新しいフォームの送信（件名とページは表示され、訪問者の文面は含まれません）と、チャットで担当者を希望した訪問者。 - クレジットが残り少なくなったとき(月に一度)と、月の上限に達してサイトのメールが止まったとき。 - 独自ドメインが公開された、または対応が必要になったとき。 各通知には、対応する場所へのリンクが付いています。届いたときにページの下にポップアップで表示されるものもあります。パネルの下にある **Pop-ups** で、表示する内容を **Everything**、**Problems and waiting**、**Off** から選べます。この設定は、このブラウザに保存されます。 ヒント スタジオの外でも同じ知らせを受け取れます。承認はメールで、ビルド、承認、アラートは [Telegram](https://briks.dev/ja/docs/telegram) で届きます。[承認と予算](https://briks.dev/ja/docs/agent-approvals) をご覧ください。 ## プロジェクトの中で プロジェクトを開くと、トップバーが変わります。1行目には今いる場所が表示されます。**Projects**、プロジェクト名、そして **Studio** タブ以外では、開いているタブとその中のセクションが続きます。例: Projects / Larder Lane / Settings / Domain。画面が広いときは、プロジェクトの公開アドレスが名前の横に表示され、クリックするとサイトが新しいタブで開きます。サイトを公開すると、バーの右端に **Preview** と **Publish** ボタン、または **In production** が表示されます。 その行の下には、**Studio**、**Analytics**、**Media**、**Database**、**Storage**、**Chatbot**、**Settings** という文字のタブが並んでいます。**Database** はプロジェクトにデータベースができると表示され、それまではOwnerとAdminにだけ表示されます。**Settings** には、ドメイン、フォーム、バージョン、バックアップなど、そのほかのすべてがあります。スマートフォンでは、1行目にプロジェクト名だけが表示され、タブの行は横にスクロールします。それぞれについては [プロジェクトページ](https://briks.dev/ja/docs/the-project-page) で説明しています。 条件に当てはまる場合は、タブがさらに2つ列に加わります。**Visual Editor** は **Studio** の後ろに表示され、ページのどの部分もクリックして手作業で変更できます。有料プランに含まれます。[ビジュアルエディター](https://briks.dev/ja/docs/visual-editor) をご覧ください。**Marketing** は **Analytics** の後ろに表示され、投稿が使えるようになると、プロジェクトのSNSアカウント向けの投稿を作成して予約できます。[マーケティングとSNS投稿](https://briks.dev/ja/docs/marketing) をご覧ください。 どこで 1. Projects 2. Your project 3. Studio ## 次に読む - [はじめに **最初のサイト** 小さなパン屋のNew projectから、briks.liveのプレビュー、チャットでの最初の変更、Publish to productionまで。全画面を順に紹介。](https://briks.dev/ja/docs/your-first-site) - [プロジェクトで作業する **プロジェクトページ** Briksスタジオでのプロジェクトの案内:会話、ライブプレビューと画面幅、上部バー下のタブ、設定、公開。](https://briks.dev/ja/docs/the-project-page) - [ワークスペースとアカウント **ワークスペース** ワークスペースには、プロジェクト、メンバー、メディア、スキル、プラン、クレジットがまとまっています。作成、切り替え、名前の変更、不要になったものの削除ができます。](https://briks.dev/ja/docs/workspaces) - [ワークスペースとアカウント **メンバーと役割** メールのリンクで人を招待し、Owner、Admin、Editor、Viewer の役割を付けられます。各役割でできることと、プランごとの人数も確認できます。](https://briks.dev/ja/docs/members-and-roles) まだ解決しませんか? プロジェクト名と、表示されると思っていた内容を添えて [hello@briks.dev](mailto:hello@briks.dev) までご連絡ください。スクリーンショットがあると助かります。