Briksでできること
Briksは、ビジネスの普通の説明を、動くウェブサイト、ウェブアプリ、ダッシュボードに変え、そのままオンラインで運用します。このページでは、最初の一文から公開されるまでに何が起きるか、始める前に必要なもの、Briksにまだできないことを説明します。計画を立てる際の参考にしてください。
説明文から公開サイトまで
必要なことを普通の言葉で書きます。誰向けか、何を提供するか、どんな雰囲気にするか、どのページが必要かです。あとはBriksが6つの段階で進め、各段階はプロジェクトの会話で確認できます。
- 計画。 Briksが説明を読み、どのページが必要かを尋ねます。オフにしない限り、予約を受け付けるか、価格を表示するかなど、説明であいまいな点についても尋ねます。1分ほどで答えることも、Decide for me を押しておすすめを採用することもできます。
- デザイン。 あなたの業種に合わせて、色、書体、余白、写真を決めます。気に入ったサイトを見せると、レイアウト、余白、書体、動き、ヘッダーメニューを読み取って従いますが、その言葉はコピーしません。
- Build. ページとその裏のコードを書きます。ホームページにはセクション、メニュー、フォームが付きます。アプリやダッシュボードには画面が付き、情報を保存する必要があるときは専用のデータベースが付きます。ビルドに通常必要なクレジットが残高より多い場合は、計画した後で待機し、計画は保たれたまま、Resume building を選ぶまで続きません。
- チェック。 公開の前に、Briksはコード上で文字と背景のコントラストを確認します。初回の公開後は、公開中のページでもデスクトップ幅とスマートフォン幅でコントラストを再確認し、修正は最大1回までです。選んだページがすべてメニューに入っているかも確認します。アプリの場合は、ファイルに残ったキーなど、よくあるセキュリティ上のミスがないかコードも読み取ります。
- ホスティング。 サイトはBriks上で動き、ホスティングはプランに含まれています。公開中のサイトは、クレジット残高に関係なくオンラインのままです。
- 公開。 最初の公開は、
larder-lane.briks.liveのような専用アドレスのプレビューで、検索エンジンには表示されません。仕上がりに満足したら、Publish to production でローンチチェックを行い、完全な公開サイトにします。
その後は、同じ会話の中で入力するだけでサイトを変更できます。「営業時間を見つけやすくして」「卸売のお客様向けのページを追加して」といった具合です。作成も変更もすべてバージョンとして保存されるので、意図と違う変更だった場合は、元に戻す、やり直す、以前のバージョンに戻すことができます。
3種類のプロジェクト
プロジェクトを始めるときに、何を作るかを選びます。その選択によって、Briksの計画の立て方、質問の内容、画面のレイアウトが変わります。
| 種類 | 概要 | 向いている場面 |
|---|---|---|
| ウェブサイト | メニュー、画像、フォームがあり、訪問者が見て読むページです。 | ベーカリー、理学療法クリニック、レストランのメニュー、ウェディングフォトグラファーのポートフォリオ、問い合わせを受け付ける法律事務所 |
| Webアプリ | 利用者が何かを済ませるための画面です。入力された内容は、プロジェクト専用のデータベースに保存されます。 | 予約リクエスト、自分で最新に保てるディレクトリ、在庫の入荷を記録する社内ツール |
| ダッシュボード | チームが見守る数値、グラフ、表を、アプリの画面として配置します。 | 段階別の売上、再発注が必要な在庫、商品別の週間注文数 |
ホームページとウェブアプリは、ページや不明点についての質問から始まります。ダッシュボードはその質問を省き、説明からそのまま作成され、選ぶ外観やヒーローもありません。違いの詳細はウェブアプリとダッシュボードのページをご覧ください。
始めるために必要なもの
- 開けるメールアドレス。 アカウントは、届いたリンクで確認します。リンクをクリックするまでサインインはできません。
- ビジネスやアイデアの説明。 最低10文字ですが、最良の初稿は、誰のためのもので、どこで、何を提供し、どんな雰囲気にしたいか、どのページが必要かを書いた一段落から生まれます。良い指示文の書き方をご覧ください。
- 任意:気に入ったサイト。 アドレス1つと、ページ全体または一部分のスクリーンショット。詳しくは気に入ったサイトからの作成をご覧ください。
- 任意: ブランド。 アクセントカラー、ライトまたはダーク、見出しと本文のフォント(すでに決まっている場合)。それ以外はBriksにお任せください。
- 任意:ご自身の写真や動画。あとからメディアライブラリで追加することも、会話の中でメッセージに添付することもできます。
- No card. 新しいアカウントには50クレジットの無料クレジットが付いています。これは最初のビルドが実行中に確保する量です。Freeのワークスペースの最初のサイトは、それ以上必要でも最後まで作られます。
- あとで、独自ドメインを使うなら: お持ちのドメインと、Starter以上のプランが必要です。Freeを含むすべてのプランで、
briks.liveのアドレスが付きます。
最初の1時間の典型的な流れ
何もない状態から始める方の、最初の1時間は通常このように進みます。スタジオ自体が約束している時間は、最初のバージョンが数分でできることだけで、残りは読んだり決めたりする時間によって変わります。
登録してメールアドレスを確認する
場所: app.briks.dev/signup
アカウントを作成し、確認メールを開いてリンクをクリックします。サインインされ、新しいワークスペースが開きます。briks.dev の入力欄から始めた場合は、New project が開きます。
事業について説明する
場所: New project
Website、App、Dashboardのいずれかを選び、名前を付けて説明を書きます。ここはじっくり取り組む価値のあるステップです。ここで丁寧に1段落書いておくと、後の変更が何回も減ります。
質問に答える
場所: Studio
ほしいページにチェックを入れ、Briksの質問に答えます。各質問にはおすすめの答えがあらかじめ選ばれているので、この作業はすぐに終わります。
最初のビルドを見守る
場所: Studio
プレビューが待機している間、会話に各段階が表示されます。サイトが公開されると、会話の横に表示されます。
あらゆる画面サイズで確認
場所: Preview
プレビューをデスクトップ、タブレット、スマートフォンの幅で切り替え、新しいタブで開いて、お客様と同じように全ページをクリックして確認してください。
変更を1つか2つ依頼する
場所: Studio
変えたいところを、ふだんの言葉で入力してください。変更ごとに、実行中は5クレジットが確保され、実際にかかった作業分だけが課金されます。
本番環境に公開、または先に共有
場所: Top bar
問題なければ Publish を押してください。または、公開前に信頼できる人にプレビューのアドレスを送って見てもらいましょう。
Briksがまだできないこと
頼まれることの中には、まだ作れないものがあります。依頼文を書く前に知っておけば、動かないものに作成を使わずに済みます。
- すべての決済サービスでの定期購入。更新されるプランには、Settings、Payments で設定する Stripe、Paddle、Polar、Lemon Squeezy のいずれかが必要です。PayPal、Mollie、Razorpay、Creem、Dodo Payments は、今のところ都度払いのみ対応しています。詳しくはサインインと決済をご覧ください。
- フォーム送信内容の書き出し。 サイトのフォームから届いたメッセージはスタジオに保管され、最新の100件が表示されます。サイトが本番環境になると、メールでも届きます。書き出しボタンはありません。ほかの場所で使いたい場合は、webhook で新しい送信内容が届くたびに別のサービスへ送れます。
- ご自身のドメインからのメール。 サイトのメールは、オンにすると
emails.briks.liveのアドレスから送信され、ご自身のドメインからは送信されません。 - 作成前にわかる正確な価格。 ジョブは実行中、一定の量を確保し、実際にかかった作業分だけが課金されます。それは確保した量より少ないことも多いこともあります(新しいサイトなら50クレジット)。通常の作成でお手持ちより多くのクレジットがかかる場合は、開始前に、似た作成をもとにした見積もりとともにスタジオが知らせます。クレジットとプランをご覧ください。
- 無料の独自ドメイン。 独自ドメインは Starter プランから使えます。
- 公開 API や MCP サーバーはありません。 サイトの作成と管理は、ダッシュボードか Telegram で行います。ご自身のツール向けのキーは、有料プランでのプロジェクトのアナリティクスキーだけで、そのプロジェクトの訪問者数を読み取れます。アナリティクスをご覧ください。
- GitHub以外のサービスとの同期。 有料プランでは、サイトのファイルをGitHubリポジトリと同期した状態に保ち、スタジオからダウンロードできます。GitHub同期をご覧ください。
- すべてのビルドを対象にした完全チェック。 レイアウト、重なり、リンクを4つの画面サイズで確認するチェックは、ご自身でオンにする機能です。指定しない限り、すべてのビルドで実行されるわけではありません。
- Briksを自社名で再販すること。 現時点でホワイトラベルの選択肢はありません。小さな Built with Briks バッジは、Freeのサイトでは常に表示されます。有料プランでは、オンにしない限り表示されません。
- Free プランの AI エージェント。 サイトの面倒を見てくれる AIエージェントは、Starter からの有料プランに付いています。
このドキュメントの構成
ドキュメントは、最初のアカウント作成から、チームで複数のサイトを運用するまで、多くの方が進む順に並んでいます。
| セクション | 対象となる内容 | 最初のページに最適 |
|---|---|---|
| はじめに | アカウント、ダッシュボード、最初のサイト、クレジット、プラン | 最初のサイト |
| ビルド中 | プロジェクトの開始、ブリーフの作成、質問、参考資料、見た目、画像、アプリ、ダッシュボード | よいブリーフの書き方 |
| プロジェクトで作業する | プロジェクトページ、変更、Visual Editor、質問、バージョン、A/Bテスト、コード、共有、設定、Telegram | 変更を加える |
| 公開とドメイン | プレビューと本番環境、独自ドメイン、サイトのアドレス、公開バージョン、検索エンジン | 本番環境に公開 |
| サイトの機能 | アクセス解析、チャットボット、フォーム、サイトのメール、メディア、画像エディタ、ストレージ、SNS投稿 | フォーム |
| データと自動化 | データベース、バックアップ、定期タスク、Webhook、シークレット、ログ | データベース |
| AIエージェント | エージェントを雇う、チームリード、承認と予算、セキュリティエージェント | AIエージェントを雇う |
| ワークスペースとアカウント | チームと役割、クライアントへのサイトの引き渡し、請求、テンプレート、プロフィール、Made with Briks | メンバーと権限 |
| ヘルプ | よくある問題の対処法と、よくある質問への回答 | トラブルシューティング |
はじめての方は、アカウントを作成するを読み、ダッシュボードのツアーを見てから、ご自身のビジネスを思い浮かべながらはじめてのサイトに進んでください。専門用語のように聞こえる言葉は、用語集で説明しています。