---
title: "新しいプロジェクトを始める | Briks"
url: https://briks.dev/ja/docs/new-project
description: "新規プロジェクトページの全選択肢を順に解説：種類、依頼内容、気に入ったサイト、ブランド、画像、ビルド設定、開始時の費用。"
last_updated: 2026-10-08
---

# 新しいプロジェクトを始める

Briksのウェブサイト、アプリ、ダッシュボードは、すべて **New project** ページから始まります。7つのステップの短い設定です。必須なのは名前と説明だけで、最後のステップで **Build it** を押すまで、ビルドも課金も行われません。このページでは、各ステップとそこでの選択肢を順に説明します。

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

1. 1 各ステップには専用の画面があります。これは **Describe it** で、概要を書く画面です。
2. 2 作るものに合わせて選んだ、そのまま使える依頼文の例です。
3. 3 **References** や **Brand** などの任意のステップは、省略できます。
4. 4 **Next** で次へ進みます(任意のステップを空のままにした場合は **Skip** と表示されます)。最後のステップで **Build it** を押すまで、何も作られません。

新規プロジェクトの2番目のステップ **Describe it** です。横には7つのステップが並んでいます。

## 開き方

入り口は4つあり、どれも同じページにつながります。

- サイドバーの **Projects** にある **New project**、または Projects 一覧の上部にある **New project** ボタンです。
- **Home** にあるボックスです。最初の説明を入力し、下で **Website**、**App**、**Dashboard** のいずれかを選んで **Continue** を押します。入力した言葉は **Describe it** のステップで待っています。ボックスの下の行には、1回のビルドに必要な量と、お持ちの量が表示されます。例: 「A build holds 50 credits; you have 50.」。通常のビルドに必要な量がお持ちの量より多い場合は、先に進む前に2行目でお知らせします。
- サイドバー上部の **Jump to**（Macでは⌘K、それ以外はCtrl K）。`New project` と入力してEnterキーを押します。
- アカウントを作る前の briks.dev のプロンプト欄です。引き継がれる内容は、次のセクションで説明します。

どこで

1. Projects
2. New project

プロジェクトを始められる人

Owner、Admin、Editorはプロジェクトを開始できます。Viewerはワークスペースを見て回れますが、**New project** ボタンは表示されず、**Home** には、プロジェクトの開始はEditor以上の役割向けだと表示されます。

## briks.dev のトップページから来た場合

briks.devのボックスに説明を入力して **Start building** を押した場合、入力した言葉はそのまま引き継がれます。サインアップページの **Your brief** の下にその言葉が表示され、「Your first project starts from these words. You can change them before anything is built.」という一文が添えられます。アカウントの準備ができると、New projectが開き、その言葉がすでに **Describe it** のステップに入っています。

そのボックスにある他の選択も引き継がれます。選んだタイル(**Landing page** や **Internal tool** など)で、プロジェクトの種類が決まります。**+** メニューの **Add a site you like** で追加したサイトは、**Show what you like** のステップに表示されます。**Pick a look first** のスイッチは、すでにオンの状態で **Choose the look from three directions** として引き継がれます。説明は2,000文字まで引き継がれます。ブリーフがそれより長い場合は、25,000文字まで入力できる **Describe it** に残りを貼り付けてください。

## 7つのステップ

広い画面では、ステップが左側に **Project**、**Description**、**References**、**Brand**、**Pictures**、**How it is built**、**Review** と並び、終えたステップには選んだ内容の短いメモが表示されます。スマートフォンでは、代わりに **Step 2 of 7** と次のステップの名前が表示されます。すでに進んだステップはどれでも押して戻れます。下の **Back** でも戻れます。2つの任意のステップ、**Show what you like** と **Your brand** には **Optional** のタグが付き、空のあいだは **Next** ボタンが **Skip** になります。以下では、各ステップを上部に表示される見出しの名前で説明します。

アイデアから Build it まで

1. 種類と名前を選びます

   場所: What are you making?

   **Website**、**App**、**Dashboard** のいずれかを選び、**Business or project name**（2〜60文字）を入力します。名前は、briks.live上のサイトのアドレスの先頭部分にもなり、あとから変更できます。

2. ブリーフを書く、または話す

   場所: Describe it

   依頼内容を入力するか、マイク（**Speak your request**）を押して最大2分間話してください。話した内容は入力欄に表示され、編集できます。10文字以上、25,000文字まで入力できます。入力欄の下のカウンターに使用量が表示されます。**Start from an example** では、選んだ種類に合わせたサンプルの依頼文が2つ表示され、**A good description says** には書いておくべき内容が並びます。

3. 憧れのサイトとスクリーンショットを追加する

   場所: Show what you like

   任意です。**A site to learn from** の下にアドレスを1つ、**Screenshots** の下に画像を最大6枚まで入れられます。Briksは構成を読み取るだけで、コピーはしません。

4. すでに決まっているものだけを設定する

   場所: Your brand

   任意です。**Brand rules** の中にある **Accent colour**、**Light or dark**、**Headline face**、**Text face**、**Content width**、**Spacing**、**No gradients anywhere**、**Anything else that is fixed** です。**Designer's call** または **Auto** のままにした項目は、お客様のビジネスに合わせて選ばれます。

5. 画像の作り方を選ぶ

   場所: Pictures

   **Default studio model** は含まれています。合う画像はスタジオのライブラリから使い、サイズに合わせて切り抜き、足りないものは新しく描きます。**GPT Image 2.5** はサイトのためにすべての画像を新しく描き、1枚につき1クレジットで、ビルド完了時に請求されます。[画像](https://briks.dev/ja/docs/pictures) をご覧ください。

6. ビルドをどこで止めるか決める

   場所: How it is built

   5つのスイッチで、Briksが何を尋ねるか、どこであなたを待つか、何を確認するかが決まります。下の表で、それぞれを説明します。

7. 確認して開始する

   場所: Review and create

   選んだ内容はすべて、**Edit** ボタン付きで一覧表示され、そのステップに戻れます。一覧の下には、保留するクレジットと残高が表示され、ビルドに通常かかる量が残高より多い場合は、その説明も表示されます。**Build it** を押します。

**Describe it** で **Next** を押すと、Briks は入力した言葉がプロジェクトの説明になっているか確認します。`How long does a first build take?` のように質問と読み取れる場合は、答えがボックスの下に表示され、入力した言葉はそのままステップに留まります。何も作られず、確保も請求もされません。ブリーフとして書き直し、もう一度 **Next** を押してください。

キーとパスワードはブリーフに書かない

説明文に貼り付けたキーは、保存や読み取りの前に削除されます。その後、プロジェクトの会話に「A key was removed from your message so it isn't stored. Add it in Project Settings → Secrets.」と表示され、**Open Secrets** ボタンが付きます。サイトのキーは [シークレット](https://briks.dev/ja/docs/secrets) で管理し、サイトの公開後に一度だけ追加します。プロジェクトに別のサービスのキーが必要な場合は、依頼文にサービス名を書いてください。作成前にBriksがそのことを確認します。

## 3つの種類

| 種類 | 向いている場面 | 変わること |
| --- | --- | --- |
| **Website** | 人が訪れるページ:クリニック、レストラン、ポートフォリオ、ランディングページ | すべての手順とスイッチが反映されます |
| **App** | 読むものではなく使うもの。たとえば予約リクエストのツールや、チーム向けの社内ツールです | ホームページと同じ手順とスイッチ |
| **Dashboard** | チームが常に見ておきたい数字: 段階別の売上、発注が必要な在庫など | 作成前の質問も、承認するための文章も、デザインやヒーローの選択も、画像の用意も必要ありません |

サインインと支払い

アカウントを依頼すると、訪問者はメールアドレスとパスワードで登録とログインができます。**Settings** の **Payments** にキーを保存すると、お手持ちの決済サービスを通じて単発の支払いを受け付けられ、定期購入はStripe、Paddle、Polar、Lemon Squeezyを通じて受け付けられます。配送が必要な場合は、依頼内容にそう書いてください。Briksがお客様ご自身の決済アカウントでサイトに組み込みます。詳しくは [ログインと決済](https://briks.dev/ja/docs/sign-in-and-payments) を、アプリが現在できることは [ウェブアプリとダッシュボード](https://briks.dev/ja/docs/web-apps-and-dashboards) をご覧ください。

## How it is builtの下のスイッチ

| 切り替える | 開始 | できること |
| --- | --- | --- |
| **作成前に、不明な点を質問する** | オン | Briksは、どのページを作るかを必ず確認します。この設定をオンにすると、予約や価格など、あなたの言葉だけでは決まらない点についても確認します。ダッシュボードでは表示されません。 |
| **制作の前に文章を承認する** | オフ | まず文章が、その考え方と一緒に書かれます。制作は、あなたが承認するか修正点を伝えるまで待ちます。 |
| **3つの方向性からデザインを選ぶ** | オフ | 3つのボード(北欧風のすっきりしたもの、あたたかいもの、大胆なもの)から選ぶと、サイト全体がその1つで作られます。 |
| **4つのワイヤーフレームからヒーローを選ぶ** | オフ | ホームページの最初の画面のレイアウトは、お客様の文章が入った4つのシンプルなグレーのスケッチから選びます。 |
| **公開されたサイトを確認する** | オフ | 最初のバージョンが公開されると、Briksは4つの画面サイズで表示を確認し、崩れている部分を修復します。数分ほど長くかかり、クレジットも少し使います。 |

デザインとヒーローの切り替えは、適用できない場合は表示されず、その手順で理由が示されます。「参考サイトがデザインとヒーローを決めるため、選ぶものはありません。」または「ダッシュボードは、承認する文章もデザインやヒーローの選択もなく、そのまま作成されます。」気に入ったサイトを追加した場合は、**Show what you like** に **Measure the build against the reference** も表示されます。初期状態ではオフです。詳しくは [気に入ったサイトから作成する](https://briks.dev/ja/docs/build-from-sites-you-like) をご覧ください。文章、デザイン、ヒーローでの停止については [作成中に承認する](https://briks.dev/ja/docs/approval-steps) で説明しています。

## 始めるのにかかる費用

Build it を押すと 50 クレジットが確保されます

確認画面には、スタジオの言葉でこう表示されます。「A new project holds 50 credits while it builds and is charged for the work it takes」。その下に残高が表示されます。制作が終わると、使わなかった分は戻ります。50を超えた場合は、その差額が残高から引かれます。

2つの選択肢で料金が加算されます。**GPT Image 2.5** は、描いた画像1枚ごとにその料金が加算されます。料金は選択肢の横に表示され(執筆時点では1枚につき1クレジット)、確認の行にも記載されます。**Check the published site** は、その説明によると「a few minutes more and some credits」かかります。作成前の質問に料金はかからず、失敗した作成にも料金はかかりません。

### 通常のビルドに必要な量が残高を超えるとき

Briksは、これまでのビルドから、あなたと同じようなビルドに通常どれくらいかかるかを把握しています。それが残高を超える場合、レビュー、**Home** のボックス、スタジオのビルドカードに、たとえば次のような1行が加わります。「計画後、ビルドには通常およそ85クレジットかかります。現在の残高は30です。計画後にそれ以上必要になった場合は、計画を保ったまま、クレジットが入るのをそこで待ちます。」残高で足りる場合は、この行は表示されません。

判定が行われるのは、計画の後、ページが決まってからです。そのとき、残りのビルドに通常必要なクレジットが、ビルドが確保しているぶんと残高の合計を上回る場合、計画を保ったまま一時停止し、**Resume building** を選ぶまで待機します。一時停止については [ビルドを見守る](https://briks.dev/ja/docs/watching-a-build#credits-and-pauses) で説明しています。

Freeプランの最初のサイトは、すべて構築されます

Freeワークスペースの最初のサイトは、クレジット不足で止まることはありません。残りより多く必要でも、そのまま作り続け、会話でもそうお伝えします。「Building it usually takes about 85 credits, and you have 30. As your first site, it is built in full all the same; later builds wait for credits when they need more than you have.」

プランによって、ワークスペースに置けるプロジェクト数にも上限があります。Freeは1、Starterは1、Proは3、Studioは10、Agencyは30です。全体の表は [クレジットとプラン](https://briks.dev/ja/docs/credits-and-plans) をご覧ください。

## Build it を押したあとの流れ

1. プロジェクトができました

   場所: Review and create

   クレジットが確保されてプロジェクトにアドレスが割り当てられる間、ボタンはしばらく **Starting the build** と表示されます。ブラウザに保存されていた設定は消去されます。

2. スタジオが開きます

   場所: Studio

   プロジェクトのスタジオが開きます。入力した説明文が、会話の最初のメッセージになります。

3. ウェブサイトとアプリに関するご質問

   場所: Studio

   ステータスは **Preparing questions** と表示され、続いて、作るページや文章で決まっていない点を尋ねるカードが出ると **Waiting for your answers** になります。[作る前の質問](https://briks.dev/ja/docs/questions-before-building) をご覧ください。

4. ビルドが実行されます

   場所: Studio

   Briksは参考資料を読み、ページを計画し、文章を書き、画像を作り、サイトをビルドしてチェックします。承認ステップをオンにしている場合は、そこで止まってあなたを待ちます。必要なクレジットが残高より多いとプランに出た場合は、**Resume building** を待ちます。最初のバージョンは数分かかります。

5. プレビューが公開されました

   場所: Studio

   返信には、何を作成し、briks.live のどこに公開したかが書かれます。そのプレビューは検索結果に表示されません。本番公開は別の手順です: [本番環境へ公開する](https://briks.dev/ja/docs/publish-to-production)。

## 起動しない場合

### プランに決まった数のプロジェクトが含まれると表示されています。

どのプランにも上限数があり、メッセージは「Upgrade to add more.」で終わります。不要なプロジェクトを削除するか、開いたアップグレードボックスまたは **Billing** から上位プランに移ってください。

### 新しいプロジェクトに50クレジットが確保されると表示されますが、私の残高はそれより少ないです。

残高が確保分に足りるまで、ビルドは開始できません。有料プランは毎月クレジットを受け取り、Free は一度だけ50クレジットを受け取ります。メッセージの最後は「クレジットの多いプランは Billing にあります。」で、開くアップグレードのボックスには、クレジットがより多い最小のプランが表示されます。

### 途中でタブを閉じてしまいました。

設定内容はこのブラウザに保存されるため、**New project** をもう一度開くと、選択を保ったまま到達したステップに戻ります。アカウントには保存されないので、別のブラウザや端末では最初からになります。

### ビルドが始まったあとでも、ブリーフは変更できますか？

元のものではありません。サイトができたら、スタジオで希望を入力して変更します。[変更を加える](https://briks.dev/ja/docs/making-changes) をご覧ください。

## 次に読む

- [ビルド中 **良い依頼文の書き方** 最初のビルドを成功させるために指示文へ書く内容:ビジネス、対象となる人、ページ、主なアクション、事実、トーン。ビフォーとアフターの例が6つあります。](https://briks.dev/ja/docs/writing-a-brief)
- [ビルド中 **作成前の質問** 最初の構築を計画する前に、Briksは作成するページと、要望書で未定の点を尋ねます。答え方は、Decide for meを使うか、追加の質問をオフにするかです。](https://briks.dev/ja/docs/questions-before-building)
- [ビルド中 **好きなサイトからホームページ作成** 気に入ったサイト1つとスクリーンショット最大6枚を追加。Briksがレイアウトや余白、書体、動き、メニューを読み取り、真似せず雰囲気を活かして作ります。](https://briks.dev/ja/docs/build-from-sites-you-like)
- [ビルド中 **ビルドの様子を見る** ビルドが計画、作成、公開へと進む様子を追い、ページが埋まっていくのを見守り、ビルドを安全に停止する方法と、何が確認されるのか、失敗したビルドにいくらかかるのかを説明します。](https://briks.dev/ja/docs/watching-a-build)
- [はじめに **クレジットとプラン** Briksのクレジットの仕組み:50と5の確保、作業分の請求、見積もりと待機するビルド、残高ゼロのとき、各プランの内容。](https://briks.dev/ja/docs/credits-and-plans)

まだ解決しませんか?

プロジェクト名と、表示されると思っていた内容を添えて [hello@briks.dev](mailto:hello@briks.dev) までご連絡ください。スクリーンショットがあると助かります。