AIホームページ作成ツール

サイトの作成、チェック、サーバーまで任せられる、AIホームページ作成ツール

ビジネスを普段の言葉で説明してください。Briks が必要なことを尋ね、ページを企画し、サイトをデザインして作成し、自分で確認したうえで、サーバーとアナリティクスを備えた状態で公開します。

例を試す
  • まずは50クレジットが無料、カードは不要
  • サーバーとアクセス解析つき
  • 有料プランでは独自ドメインを利用可能
crumbandco.briks.live
ビルドで作られるもののスケッチで、スクリーンショットではありません。例を選ぶと描き直されます。

AIホームページ作成ツールの仕組み

説明文から公開済みのサイトまで、6つのステップで進みます。尋ねられるのは、あなたの言葉からBriksが判断できないことだけで、最初のステップ以降はすべてBriksにお任せできます。

  1. 入力でも音声でも構いません。何をしているか、誰向けか、どこにあるか、どんな雰囲気にしたいかを伝えてください。まずは一文でも始められ、詳しく書くほど最初のバージョンが理想に近づきます。色や書体がすでに決まっている場合は指定できます。決めずに残した部分は、お仕事に合わせて選ばれます。

  2. 何かを作り始める前に、Briksはほしいページと、ご指定の言葉だけでは決まらなかったこと(料金や連絡方法など)をたずねます。選択肢にチェックを入れるか、ご自身の答えを入力するか、Decide for me を押してください。

  3. この手順は任意です。憧れのサイトを追加し、あればスクリーンショットも付けてください。Briksがレイアウト、余白、書体、動き、ヘッダーメニューを読み取ります。

  4. Briksがすべてのページを計画し、ビジネスに合った見た目を選び、あなたの言葉でサイトを作ります。先に希望を伝えたい場合は、Pick a look をオンにして、色、書体、角、ボタンの3つのボードから選べます。

  5. 公開前に、色のコントラストがコード上で確認され、選んだすべてのページがメニューに入っている必要があります。初回の公開後は、公開中のページをデスクトップ幅とスマートフォン幅で確認し、文字が読みにくい場合は1回修正します。

  6. サイトはまず専用のbriks.liveアドレスで公開され、検索には表示されません。ご満足いただけたら、Publish to productionでリンク切れなどを確認する公開前チェックが行われ、有料プランなら独自ドメインも続けて設定できます。

好きなサイトからホームページを作る

見た目が気に入ったサイトをBriksに示すと、その雰囲気で、あなた自身の言葉を使ってサイトを作ります。

多くの人は、見れば好みがわかります。プロジェクトを始めるときにアドレスを1つ追加してください。サインインの奥にあるページの場合は、スクリーンショットも追加すると役立ちます。Briksは、デザイナーがメモを取るようにページを調べます。レイアウトの組み立て方、セクション間の余白、書体、スクロール時の動き、ヘッダーメニューの仕組みです。

サイトはそのリズムに沿って、ご説明をもとにあなたのビジネス向けに書かれます。言葉はあなたのものです。参考にしたサイトの文章や画像は一切使われません。

参考にしたいものがなければ、空欄で大丈夫です。Briksがビジネスに合うデザインを自分で考えます。Pick a look をオンにすると、作成の前に3つのデザインから選べます。

  • 参考サイト1つと、スクリーンショット
  • レイアウト、余白、書体、動き、ヘッダーメニューを読み取ります
  • Freeを含むすべてのプランで
参考サイトの仕組み

目覚める前に焼き上がるパン

木曜日までにご注文いただければ、土曜日の朝に焼きたてをお受け取りいただけます。

予約注文
northfield-journal.com の雰囲気を生かし、お客様の言葉で作ります
実際に動くデモです。サイトを選ぶと、イメージをつかめます。

AIホームページ作成ツールで作ったテンプレート

白紙ではなく、Briksで作られたサイトから始められます。テンプレートを選んでご自身のビジネスについて教えていただければ、公開前にすべてのページがそのビジネス向けに書き換えられます。

すべてのテンプレートを見る

公開前にチェック

自分の画面で問題なく見えるサイトでも、訪問者にとっては使いにくいことがあります。ここでは、最初のビルドで必ず行われるチェックと、依頼できるチェックをご紹介します。

読めない文字はお客様を逃してしまうため、コントラストは2回確認します。まずコードで、すべての文字の色を背景色と比べます。次に公開されたページを、デスクトップとスマートフォンの画面で確認します。文字が読みにくい場合、Briksは一度だけ修正します。

メニューもチェックされます。選んだページがすべてメニューに入っていないと、サイトは公開されません。また、サイト用に書かれたコードでは、ファイルに残されたキー、制限なくデータを変更するルート、文字列から組み立てられたデータベースクエリがないか確認されます。

  • 公開前にコード上でコントラストをチェック
  • 選んだページはすべてメニューに入ります
  • 公開中のページでデスクトップとスマートフォンのコントラストを確認し、修復は最大1回
  • オンにすると、レイアウト、重なり、リンクを4つの幅で調べる、より詳しいチェックを行います。
  • 本番環境へ公開するときに、リンク切れを含む公開前チェックを実施
チェックの詳細

サイトを確認しています

  • コントラスト、コード上で
  • 選んだすべてのページをメニューに表示
  • デスクトップでのコントラスト
  • スマートフォンでのコントラスト

ホームページの変更は普通の言葉で、どんな変更も元に戻せます

スタジオのチャットで変更したい内容を書くと、Briksがそれを作り、新しいバージョンとして公開します。有料プランでは、Visual Editorでページ上の文言や画像を直接変更することもできます。

人にお願いするように頼んでください。「ヘッダーを暗い色にして」「冬の営業時間を追加して」「料金をチームより前に置いて」といった具合です。Briksが変更を行い、公開します。サイトについて質問したいだけのときも、そのまま聞けます。質問への回答では、作成は始まりません。

ビルド、変更、再チェックはすべてバージョンとして保存されます。編集権限のある人なら誰でも、元に戻す、やり直す、バージョンを復元するができ、サイトはそのときの状態で再公開されます。所要時間はわずかです。

どちらのバージョンが良いか迷ったら、保存したバージョンを公開中のものと比べてテストできます。訪問者は2つのバージョンに振り分けられ、初期設定は半々で、5〜95パーセントの範囲で調整できます。コンバージョンとは、電話番号やメールアドレスのタップ、フォームの送信、メインのアクションのクリックで、訪問者1人につき1回数えられます。テストではCookieで訪問者を同じバージョンに保ち、テスト中はバージョンがロックされます。

バージョンと元に戻す機能
  1. v15予約セクションを追加しました公開中
  2. v14冬季の営業時間
  3. v13ダークヘッダー
  4. v12初めての公開
動作するデモです。元に戻す、やり直す、テストを始めるが試せます。

ウェブサイトのホスティング付き。準備ができたらご自身のドメインで公開できます

サーバーを選ぶ必要はなく、サーバー代が別にかかることもありません。ドメインを入力すると、追加するレコードが表示されます。

サイトはまず、briks.live上の専用アドレス(例:yourbusiness.briks.live)に公開されます。この最初の公開はプレビューです。検索には表示されず、フォームのエントリーは保存されますがメールでは送信されません。準備ができたら、Publish to production を実行すると、公開前チェックを行ったうえで、サイトを正式に公開します。

Starterプラン以上で、独自ドメインを接続できます。Aレコード、wwwからedge.briks.liveを指すCNAME、そしてドメインの所有を証明するTXTレコードを追加します。正確な値はスタジオに表示されます。Briksは正しく設定されるまで2分ごとに再確認し、証明書は自動で発行され、更新されます。

  • Free:briks.live のアドレス
  • Starter 以上: プランに応じて1〜30個の独自ドメイン
  • 証明書は自動で発行・更新されます
ホスティングとドメイン
種類名前リンク先
Ayourbakery.comスタジオに表示されるアドレス
CNAMEwww.yourbakery.comedge.briks.live
TXT_briks.yourbakery.combriks-verify=your token
  1. 記録を探しています
  2. 見つかったレコード
  3. 証明書を発行しました
  4. サイトの配信: https://yourbakery.com

レコードは2分ごとに再確認され、証明書は自動で更新されます。

任意のドメインを入力してください。このページからは何も確認されません。

すべてのサイトでCookieなしのアクセス解析

Cookieを追加せずに、誰が訪れ、どこから来たかを確認できます。

カウントはサイトを公開したときに始まります。訪問者数、読まれたページ、流入元、紹介元のサイト、リンクに付けたキャンペーンタグを確認できます。地球儀には、直近5分間の訪問者がアクセスするたびに表示されます。

アクセス解析は初期設定でオンで、Cookieを使わずに計測します。サイトごとにオフにもできます。A/Bテストと合わせて、電話、メール、フォーム入力が多いのはどちらのバージョンかが分かります。

Cookieを使わないアクセス解析
6過去5分間
1,284今週の訪問者数、18%増
  • 検索46%
  • 直接31%
  • Instagram12%
レイアウトを示すためのサンプルの訪問者です。

ウェブサイトに必要なその他のものも、すべて内蔵

必要になったときにオンにしてください。どれも別のサービスやプラグインは不要です。

  • あなたのページをもとに答えるチャット

    公開済みのページの内容をもとに訪問者へ回答し、答えられない質問は、確認済みのアドレスにメールで送ります。初期設定ではオフで、すべてのプランで利用でき、1サイトにつき1日400チャットまでです。

    サイトチャット
  • 問い合わせをすべて残すフォーム

    送信内容はスタジオに保存され、最新の100件が表示されます。サイトが本番環境になると、メールでも届きます。Webhook で各件を別のツールに渡すこともできます。

    フォーム
  • ご自身のデータベース

    メニュー、一覧、チームメンバーは、Databaseタブで編集できるレコードとして持てます。有料プランではJSONまたはCSVでダウンロードできます。

    データベース
  • サイトからのメール

    briks のアドレスから、サイトの名前でメッセージを送れます。月に Free は300通、Starter は2,000通、Pro は5,000通で、上位のプランではさらに増えます。オンにするまではオフです。

    サイトのメール
  • メディアライブラリ

    画像や動画を一度アップロードすれば、どのプロジェクトのプロンプト欄からでも使えます。作り直しを頼まなくても、画像を差し替えられます。

    メディアライブラリ
  • 自分らしく仕上げるテンプレート

    公開されているテンプレートから始めます。お店や会社の情報を入力すると、公開前にすべてのページがその内容に合わせて書き直されます。

    テンプレート
  • ページ上での変更

    有料プランでは、Visual Editorで文言、画像、セクションをクリックして変更でき、スマートフォンとパソコンを別々に調整できます。ご自身の編集ではクレジットを使いません。

    Visual Editor
  • 初期設定で安全

    サイトのコードは公開のたびにセキュリティ確認され、キーはメッセージから除かれてSecretsに保管され、各サイトは専用のデータベースで動きます。

    初期設定で安全
  • 公開後のAIエージェント

    有料プランでは、Team leadがチームの1週間を計画し、Securityが公開中のサイトをチェックし、Support、Leads、SEOがサイトを動かし続けます。それぞれ、行動する前に確認します。

    AIエージェント

AIホームページ作成ツールはこんな方向けです

  • 小規模ビジネス

    ベーカリー、クリニック、スタジオ、お店、コンサルティング会社など、サービス、営業時間、連絡方法がわかる明快なサイトを必要とする方向けです。開発者への依頼書ではなく、説明文から作ります。

  • 創業者の方へ

    実際に公開されたサイトでアイデアを人に見てもらいましょう。学びながら普通の言葉で変更し、時期が来たらドメインを接続できます。

  • 代理店とフリーランス

    ワークスペースは最大10個まで、クライアントごとに1つずつ持てます。Proからは、クライアントとチームを権限付きで招待でき、クライアントをOwnerにすればワークスペースを引き渡せます。

  • チーム

    Owner、Admin、Editor、Viewerの権限があり、メールで招待できます。Proから使え、シート料金はありません。Proは3人、Studioは10人、Agencyは25人が含まれます。

    チームとワークスペース

クレジットと料金を、わかりやすい言葉で

ビルド、変更、チェックにはクレジットを使います。ホスティングでは一切使いません。

50新しいサイトの作成中に確保されるクレジット
5変更のために確保されたクレジット
5チェックのために確保されたクレジット

作業の実行中は、クレジットが一時的に確保されます。その後、各ジョブは実際にかかった分だけ請求され、使わなかった分は戻ります。確保した分を超えた場合は残高から引かれ、失敗したリクエストには請求されません。

  • Free

    $0開始するには

    • 登録時に一度だけ 50 クレジット
    • 1サイト
    • briks.liveのアドレス
    • 500 MBのストレージ
  • Starter

    $16月

    または年額$160、2か月分無料

    • 月175クレジット
    • 1サイト
    • 独自ドメイン
    • 5 GBのストレージ
  • Pro

    $29月

    または年額$290、2か月分無料

    • 月400クレジット
    • 3サイト
    • お持ちのドメイン 3 件
    • 10 GBのストレージ
  • Studio

    $79月

    または年額$790、2か月分無料

    • 月1,200クレジット
    • 10サイト
    • お持ちのドメイン 10 件
    • 25 GBのストレージ
  • Agency

    $199月

    または年額$1,990、2か月分無料

    • 月3,000クレジット
    • 30サイト
    • お持ちのドメイン 30 件
    • 100 GBのストレージ

Free プランの50クレジットは1回だけ付与されます。毎日の追加付与はありません。有料プランは、月払いまたは年払いで、チェックアウトでオンライン購入できます。すべてのプランを比較する

AIホームページ作成ツールについての質問

AIホームページ作成ツールとは?

事業の説明を、動くウェブサイトに変えるツールです。Briksでは、していることを普通の言葉で説明すると、ページの計画、デザイン、構築、チェック、公開までを行い、サーバーも含まれています。

コーディングの知識は必要ですか?

いいえ。サイトの内容や変更は、普通の言葉で伝えるだけです。コードを書く方は、サイト用に書かれたファイルを確認・編集でき、有料プランならダウンロードもできます。

Briksでホームページを作るといくらかかりますか?

最初は無料で、登録時に50クレジットが1回だけ付与されます。新しいサイトは作成中に50クレジットを確保し、実際にかかった作業分が差し引かれます。使わなかった分は戻り、確保した分を超えた費用は残高から引かれます。有料プランは月額$16からで、チェックアウトでオンライン購入できます。

気に入っているサイトのようなサイトを Briks で作れますか?

はい。気に入ったサイトを追加すると、Briksがレイアウト、余白、書体、動き、ヘッダーメニューを読み取り、その雰囲気で、あなた自身の言葉を使ってサイトを作ります。相手のサイトの文章や写真は一切使われません。

作成の前に質問されますか?

はい。必ず、どのページが必要かを尋ねます。初期設定では、料金や予約など、お話の中で決まっていないことについても尋ねます。ご回答いただくか、「Decide for me」を選んでください。

サイトはすぐに独自ドメインで公開されますか?

最初はしません。最初の公開先はサイトのbriks.liveアドレスで、検索には載りません。準備ができたら本番環境に公開し、有料プランでは独自ドメインも接続できます。

自分のドメインを使えますか?

はい、Starterプランからです。スタジオに表示されるレコードを追加すると、証明書が自動で発行・更新されます。Freeプランではbriks.liveアドレスに公開されます。

作ったあとでホームページを変更できますか?

はい、何度でも可能です。スタジオのチャットでふだんの言葉で、有料プランではページ上のVisual Editorでも変更できます。変更はすべてバージョンとして保存され、元に戻す、やり直す、復元することができます。

サイトはスマートフォンでもチェックされますか?

はい。最初の公開後は、公開中のページでパソコン幅とスマートフォン幅のコントラストを確認します。レイアウト、重なり、リンクを4つの幅で調べるより詳しいチェックは、プロジェクトの開始時にオンにできます。

ホームページの所有者は誰ですか?

文章も画像もレコードも、あなたのものです。有料プランでは、サイト用に書かれたコードをzipで、レコードをJSONまたはCSVでダウンロードできます。zipにはすべてのBriksサイトが動くための共通部分が含まれないため、単体では動きません。

ビジネスを説明すると、できあがる様子を見られます

50クレジットから無料でお試しいただけます。カードは不要です。

またはテンプレートから始める