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