新しいプロジェクトを始める
Briksのウェブサイト、アプリ、ダッシュボードは、すべて New project ページから始まります。7つのステップの短い設定です。必須なのは名前と説明だけで、最後のステップで Build it を押すまで、ビルドも課金も行われません。このページでは、各ステップとそこでの選択肢を順に説明します。
- 1各ステップには専用の画面があります。これは Describe it で、概要を書く画面です。
- 2作るものに合わせて選んだ、そのまま使える依頼文の例です。
- 3ReferencesやBrandなどの任意のステップは、省略できます。
- 4Nextで次へ進みます(任意のステップを空のままにした場合はSkipと表示されます)。最後のステップでBuild itを押すまで、何も作られません。
開き方
入り口は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 のプロンプト欄です。引き継がれる内容は、次のセクションで説明します。
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 まで
種類と名前を選びます
場所: What are you making?
Website、App、Dashboardのいずれかを選び、Business or project name（2〜60文字）を入力します。名前は、briks.live上のサイトのアドレスの先頭部分にもなり、あとから変更できます。
ブリーフを書く、または話す
場所: Describe it
依頼内容を入力するか、マイク（Speak your request）を押して最大2分間話してください。話した内容は入力欄に表示され、編集できます。10文字以上、25,000文字まで入力できます。入力欄の下のカウンターに使用量が表示されます。Start from an example では、選んだ種類に合わせたサンプルの依頼文が2つ表示され、A good description says には書いておくべき内容が並びます。
憧れのサイトとスクリーンショットを追加する
場所: Show what you like
任意です。A site to learn fromの下にアドレスを1つ、Screenshotsの下に画像を最大6枚まで入れられます。Briksは構成を読み取るだけで、コピーはしません。
すでに決まっているものだけを設定する
場所: 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 のままにした項目は、お客様のビジネスに合わせて選ばれます。
画像の作り方を選ぶ
場所: Pictures
Default studio model は含まれています。合う画像はスタジオのライブラリから使い、サイズに合わせて切り抜き、足りないものは新しく描きます。GPT Image 2.5 はサイトのためにすべての画像を新しく描き、1枚につき1クレジットで、ビルド完了時に請求されます。画像をご覧ください。
ビルドをどこで止めるか決める
場所: How it is built
5つのスイッチで、Briksが何を尋ねるか、どこであなたを待つか、何を確認するかが決まります。下の表で、それぞれを説明します。
確認して開始する
場所: Review and create
選んだ内容はすべて、Edit ボタン付きで一覧表示され、そのステップに戻れます。一覧の下には、保留するクレジットと残高が表示され、ビルドに通常かかる量が残高より多い場合は、その説明も表示されます。Build it を押します。
Describe it で Next を押すと、Briks は入力した言葉がプロジェクトの説明になっているか確認します。How long does a first build take? のように質問と読み取れる場合は、答えがボックスの下に表示され、入力した言葉はそのままステップに留まります。何も作られず、確保も請求もされません。ブリーフとして書き直し、もう一度 Next を押してください。
3つの種類
| 種類 | 向いている場面 | 変わること |
|---|---|---|
| Website | 人が訪れるページ:クリニック、レストラン、ポートフォリオ、ランディングページ | すべての手順とスイッチが反映されます |
| App | 読むものではなく使うもの。たとえば予約リクエストのツールや、チーム向けの社内ツールです | ホームページと同じ手順とスイッチ |
| Dashboard | チームが常に見ておきたい数字: 段階別の売上、発注が必要な在庫など | 作成前の質問も、承認するための文章も、デザインやヒーローの選択も、画像の用意も必要ありません |
How it is builtの下のスイッチ
| 切り替える | 開始 | できること |
|---|---|---|
| 作成前に、不明な点を質問する | オン | Briksは、どのページを作るかを必ず確認します。この設定をオンにすると、予約や価格など、あなたの言葉だけでは決まらない点についても確認します。ダッシュボードでは表示されません。 |
| 制作の前に文章を承認する | オフ | まず文章が、その考え方と一緒に書かれます。制作は、あなたが承認するか修正点を伝えるまで待ちます。 |
| 3つの方向性からデザインを選ぶ | オフ | 3つのボード(北欧風のすっきりしたもの、あたたかいもの、大胆なもの)から選ぶと、サイト全体がその1つで作られます。 |
| 4つのワイヤーフレームからヒーローを選ぶ | オフ | ホームページの最初の画面のレイアウトは、お客様の文章が入った4つのシンプルなグレーのスケッチから選びます。 |
| 公開されたサイトを確認する | オフ | 最初のバージョンが公開されると、Briksは4つの画面サイズで表示を確認し、崩れている部分を修復します。数分ほど長くかかり、クレジットも少し使います。 |
デザインとヒーローの切り替えは、適用できない場合は表示されず、その手順で理由が示されます。「参考サイトがデザインとヒーローを決めるため、選ぶものはありません。」または「ダッシュボードは、承認する文章もデザインやヒーローの選択もなく、そのまま作成されます。」気に入ったサイトを追加した場合は、Show what you likeにMeasure the build against the referenceも表示されます。初期状態ではオフです。詳しくは気に入ったサイトから作成するをご覧ください。文章、デザイン、ヒーローでの停止については作成中に承認するで説明しています。
始めるのにかかる費用
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を選ぶまで待機します。一時停止についてはビルドを見守るで説明しています。
プランによって、ワークスペースに置けるプロジェクト数にも上限があります。Freeは1、Starterは1、Proは3、Studioは10、Agencyは30です。全体の表はクレジットとプランをご覧ください。
Build it を押したあとの流れ
プロジェクトができました
場所: Review and create
クレジットが確保されてプロジェクトにアドレスが割り当てられる間、ボタンはしばらく Starting the build と表示されます。ブラウザに保存されていた設定は消去されます。
スタジオが開きます
場所: Studio
プロジェクトのスタジオが開きます。入力した説明文が、会話の最初のメッセージになります。
ウェブサイトとアプリに関するご質問
場所: Studio
ステータスは Preparing questions と表示され、続いて、作るページや文章で決まっていない点を尋ねるカードが出ると Waiting for your answers になります。作る前の質問をご覧ください。
ビルドが実行されます
場所: Studio
Briksは参考資料を読み、ページを計画し、文章を書き、画像を作り、サイトをビルドしてチェックします。承認ステップをオンにしている場合は、そこで止まってあなたを待ちます。必要なクレジットが残高より多いとプランに出た場合は、Resume building を待ちます。最初のバージョンは数分かかります。
プレビューが公開されました
場所: Studio
返信には、何を作成し、briks.live のどこに公開したかが書かれます。そのプレビューは検索結果に表示されません。本番公開は別の手順です: 本番環境へ公開する。
起動しない場合
プランに決まった数のプロジェクトが含まれると表示されています。
どのプランにも上限数があり、メッセージは「Upgrade to add more.」で終わります。不要なプロジェクトを削除するか、開いたアップグレードボックスまたはBillingから上位プランに移ってください。
新しいプロジェクトに50クレジットが確保されると表示されますが、私の残高はそれより少ないです。
残高が確保分に足りるまで、ビルドは開始できません。有料プランは毎月クレジットを受け取り、Free は一度だけ50クレジットを受け取ります。メッセージの最後は「クレジットの多いプランは Billing にあります。」で、開くアップグレードのボックスには、クレジットがより多い最小のプランが表示されます。
途中でタブを閉じてしまいました。
設定内容はこのブラウザに保存されるため、New project をもう一度開くと、選択を保ったまま到達したステップに戻ります。アカウントには保存されないので、別のブラウザや端末では最初からになります。
ビルドが始まったあとでも、ブリーフは変更できますか？
元のものではありません。サイトができたら、スタジオで希望を入力して変更します。変更を加えるをご覧ください。