---
title: "サーバー付きホームページ作成ツール | 解析対応 | Briks"
url: https://briks.dev/ja/ai-website-builder
description: "ビジネスの内容を伝えるだけで、Briks が本格的なホームページの計画、デザイン、構築、チェックを行い、サーバーとアクセス解析付きで公開します。今すぐ無料で始めましょう。"
---

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

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

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

例を試す

- まずは50クレジットが無料、カードは不要
- サーバーとアクセス解析つき
- 有料プランでは独自ドメインを利用可能

crumbandco.briks.live

**Crumb and Co** パン ケーキ 訪問 予約注文

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

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

予約注文

**サワードウ** 長時間発酵、毎日焼き上げ

**ペイストリー** 夜明けに手作業でラミネート加工

**お祝いのケーキ** 1週間前までのご注文

**Crumb and Co** お問い合わせ · プライバシー · 利用規約

ビルドで作られるもののスケッチで、スクリーンショットではありません。例を選ぶと描き直されます。

## 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を含むすべてのプランで

[参考サイトの仕組み](https://briks.dev/ja/features/build-from-sites-you-like)

Crumb and Co

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

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

予約注文

northfield-journal.com の雰囲気を生かし、お客様の言葉で作ります

実際に動くデモです。サイトを選ぶと、イメージをつかめます。

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

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

### [Design Studio](https://briks.dev/ja/templates/design-studio)

デザイン事務所向けホームページのテンプレート。サービス、実績、読み物、FAQを載せ、連絡先で締めくくります。

ウェブサイト デザインスタジオ

[プレビュー Design Studio（新しいタブで開きます）](https://design-studio.template.briks.live/)

### [SEO Agency](https://briks.dev/ja/templates/seo-agency)

料金表と事例を備えたSEO会社のサイトテンプレート。EC、SaaS、地域ビジネス向け検索マーケティング会社に最適です。

ウェブサイト SEO会社

[プレビュー SEO Agency（新しいタブで開きます）](https://seo-agency.template.briks.live/)

### [Influencer](https://briks.dev/ja/templates/influencer)

小規模ブランド向けの、一人のクリエイターによるマーケティングスタジオ用テンプレート。実績、サービス、メディアキット、ジャーナル、FAQ、全件を保存する問い合わせフォーム付き。

ウェブサイト インフルエンサーマーケティング

[プレビュー Influencer（新しいタブで開きます）](https://influencer.template.briks.live/)

### [SaaS Landing](https://briks.dev/ja/templates/saas-landing)

ネットショップや定期購入向けのAIカスタマーサポート用テンプレート。12セクションのホームと404ページ付き。5〜200人のチーム向け。

ウェブサイト SaaS

[プレビュー SaaS Landing（新しいタブで開きます）](https://saas-landing.template.briks.live/)

### [Creative Design Studio](https://briks.dev/ja/templates/creative-design-studio)

作品、サービス、チームを見せる独立系デザインスタジオ向けの1ページテンプレート。ブランドやパッケージの問い合わせフォーム付き。

ウェブサイト クリエイティブデザインスタジオ

[プレビュー Creative Design Studio（新しいタブで開きます）](https://creative-design-studio.template.briks.live/)

### [Travel Companion Service](https://briks.dev/ja/templates/travel-companion-service)

旅行プランナーとトリップアプリを組み合わせた旅行手配サービス向けテンプレート。一人旅、カップル、家族、少人数グループの世界各地の旅に対応します。

ウェブサイト 旅行プランニング

[プレビュー Travel Companion Service（新しいタブで開きます）](https://travel-companion-service.template.briks.live/)

[すべてのテンプレートを見る](https://briks.dev/ja/templates)

## 公開前にチェック

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

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

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

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

[チェックの詳細](https://briks.dev/ja/features/contrast-checks)

サイトを確認しています

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

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

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

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

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

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

[バージョンと元に戻す機能](https://briks.dev/ja/features/versions-and-undo)

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個の独自ドメイン
- 証明書は自動で発行・更新されます

[ホスティングとドメイン](https://briks.dev/ja/features/hosting-and-domains)

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

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

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

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

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

[Cookieを使わないアクセス解析](https://briks.dev/ja/features/analytics)

**6** 過去5分間

**1,284** 今週の訪問者数、18%増

- 検索 **46%**
- 直接 **31%**
- Instagram **12%**

レイアウトを示すためのサンプルの訪問者です。

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

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

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

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

  [サイトチャット](https://briks.dev/ja/features/site-chat)

- **問い合わせをすべて残すフォーム**

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

  [フォーム](https://briks.dev/ja/features/forms)

- **ご自身のデータベース**

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

  [データベース](https://briks.dev/ja/features/database)

- **サイトからのメール**

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

  [サイトのメール](https://briks.dev/ja/features/site-email)

- **メディアライブラリ**

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

  [メディアライブラリ](https://briks.dev/ja/features/media-library)

- **自分らしく仕上げるテンプレート**

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

  [テンプレート](https://briks.dev/ja/templates)

- **ページ上での変更**

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

  [Visual Editor](https://briks.dev/ja/features/visual-editor)

- **初期設定で安全**

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

  [初期設定で安全](https://briks.dev/ja/features/safe-by-default)

- **公開後のAIエージェント**

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

  [AIエージェント](https://briks.dev/ja/features/ai-agents)

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

- **小規模ビジネス**

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

- **創業者の方へ**

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

- **代理店とフリーランス**

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

- **チーム**

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

  [チームとワークスペース](https://briks.dev/ja/features/team-roles)

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

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

**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回だけ付与されます。毎日の追加付与はありません。有料プランは、月払いまたは年払いで、チェックアウトでオンライン購入できます。[すべてのプランを比較する](https://briks.dev/ja/pricing)

## 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サイトが動くための共通部分が含まれないため、単体では動きません。

## Briks でつくる、その他の方法

- [**AIアプリ作成ツール** アプリに保存して表示したい内容を伝えてください。](https://briks.dev/ja/ai-app-builder)
- [**AIダッシュボード作成ツール** チームに必要な数字、リスト、画面を書いてください。](https://briks.dev/ja/ai-dashboard-builder)
- [**すべての機能** すべての機能について、必要なものを示しています。プラン、スイッチ、または何も要らないかのいずれかです。](https://briks.dev/ja/features)
- [**テンプレート** すでに動いているサイトから始めて、あなたのビジネス向けに書き換えます。](https://briks.dev/ja/templates)

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

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

[またはテンプレートから始める](https://briks.dev/ja/templates)