--- title: "変更を加える | Briks" url: https://briks.dev/ja/docs/making-changes description: "Briksに書いてサイトを変更する方法です。伝え方、画像の追加、変更の内容と費用、内側のページ、順番待ちのリクエスト、うまくいかなかったときの直し方を説明します。" last_updated: 2026-10-08 --- # 変更を加える サイトを公開したあとは、デザイナーにメールで依頼するように、プロジェクトの会話でBriksに書いて変更します。このページでは、一度で思いどおりに反映される書き方、かかる費用、結果が意図と違ったときの対処法を説明します。 読了時間 9 分 2026年10月8日にスタジオで確認済み ## 変更を依頼します 1. プロジェクトを開く 場所: Projects **Projects** をクリックし、続けてご自身のプロジェクトをクリックします。**Studio** タブが開きます。 2. 何を、どこでを伝える 場所: Studio 変更内容をボックスに入力します。ページと該当の部分を示し、必要なら今の状態も書いて、どう変えたいかを伝えてください。1回のメッセージは6,000文字までです。ページを離れても、送信していない文章はこのブラウザに残ります。 3. 必要なら画像を追加します 場所: Studio **Attach pictures** または **Add from your media** を使うか、会話に画像をドロップします。画像ごとに **Reference** か **On the site** を選んでください。 4. チェックの要否を決める 場所: Studio 新しいセクションの追加など、レイアウトを変更する場合は、**Check the site after this change** をオンにしてください。Briksが公開済みのサイトを4つの画面サイズで確認し、表示が崩れている箇所を修復します。数分ほど長くかかります。 5. 送信する 場所: Studio Enterキーか矢印ボタンを押します。パネルに、**Applying your changes**、**Verifying build**、**Publishing** の各ステップが表示され、依頼した場合は続いて **Checking the published site** も表示されます。 6. 返信を読む 場所: Studio 完了すると、緑の行に「Published to」とアドレス、かかった時間が表示され、Briksが変更した内容を返信します。プレビューは自動で再読み込みされます。 どこで 1. Projects 2. Your project 3. Studio 4. Send 変更は、サイトが現在ある場所に公開されます。プレビューのアドレス、すでに本番環境に公開している場合は本番環境です。 ## 変更にかかるコスト 各変更は実行中に5クレジットを保留し、その後、実際にかかった作業分が請求されます。小さな変更は通常、保留額くらいかかります。ただし5は保留にすぎず、大きな変更はそれ以上かかることがあります。請求はBriksの返信の下に表示されます。 ページを追加する変更は、費用が大きく増えることがある唯一の種類なので、Briksが先に確認します。ページの追加に通常かかる量と残高を比べ、残高のほうが少ない場合は変更を開始せず、何も確保しません。会話ではその旨を数字つきでお知らせし、たとえば「ページの追加には通常約25クレジットかかりますが、残高は12のため開始しませんでした。」と表示して、クレジットを増やす方法をご案内します。 | 何が起きるか | 請求される内容 | | --- | --- | | 変更ではなく質問を入力すると、たとえば「フォームがあるページはどれ?」のような場合、作成は行われず、クレジットも保留されないまま、会話の中で答えが返ります。[質問する](https://briks.dev/ja/docs/asking-questions) と [変更を加える](https://briks.dev/ja/docs/making-changes) をご覧ください。 | 実際に行った作業の分です。確保されたまま使われなかったクレジットは戻ります。 | | 5クレジットを超える作業が必要です | 追加分は残高から差し引かれます。 | | 失敗します | 何もありません。 | | 始まる前に止められます | 何もありません。 | | 作成中でも止められます | それまでの作業です。何も公開されず、サイトはそのままです。 | | 元に戻す、やり直す、またはバージョンを戻したとき | 何も保留されません。[バージョン](https://briks.dev/ja/docs/versions) をご覧ください。 | 残高が少なくなったら クレジットが5未満では変更を始められず、スタジオがそのことをお知らせします。クレジットを増やすには、Ownerが **Billing** を開きます。[クレジットとプラン](https://briks.dev/ja/docs/credits-and-plans) をご覧ください。 **Preferences** で、新しく描き下ろす画像を1枚ごとの料金で設定している場合、画像を作る変更ではその分も請求されます。返信の下に「新規画像3枚を含む」のように表示されます。 ## 画像、動画、メディア 1つのメッセージに画像を最大6枚まで追加できます。**Attach pictures** を使うか、貼り付けるか、会話の上のどこにでもドロップしてください。形式は JPEG、PNG、WebP で、1枚12 MB未満です。この欄で扱えるのは画像だけなので、動画は先にメディアライブラリから追加してください。 添付した画像には、それぞれ2つのボタンがあります。 - **Reference** は、取り入れたいデザイン、レイアウト、ディテールをBriksに見せるためのものです。サイトには載りません。これが初期設定です。 - **On the site** は、画像そのものを、文章で指定した場所のページに載せます。 **Add from your media** を押すと、ワークスペースのメディアライブラリが開きます。項目を選ぶとそのリンクがメッセージに入り、その画像や動画がサイトに載ります。添付とリンクを合わせて最大6件までです。**Speak your request** は、最長2分の音声を入力欄に文字として起こすので、送信前に直せます。 画像を別の画像に差し替える 画像をライブラリの別の画像に差し替えるには、**Media** タブの **Replace** を使います。ビルドもクレジットも不要で、ほかの変更と同じように元に戻せます。[メディアライブラリ](https://briks.dev/ja/docs/media-library) をご覧ください。 ## 変更する部分をBriksがどう読み取るか セクションのレイアウト、画像、パーツを作り直す前に、Briks はそのセクションが本来どういう役割で作られたかを確認します。参考にしたサイトがあればその対応する部分、なければサイトの構成計画の中でのセクションの位置を見ます。判断の基準は次の順番です。 1. ご依頼の内容そのままです。レイアウトの変更、項目数の増減、グリッドの代わりにカルーセルにするなど、あなたの言葉が最優先されます。 2. セクション本来のデザインです。カードの表示数や画像の形など、お客様の指示で決まらない部分すべてに使われます。 3. サイト全体の見た目です。色、書体、余白を含みます。 あなたの指示は、Briks自身のチェックよりも優先されます。変更後の修正が、お願いした内容を元に戻すことはなく、戻そうとした修正は取り消されます。透明なヘッダーに明るい文字を指定すれば、どのチェックもこっそり不透明に戻すことはありません。 ### 直前のリクエストが次のリクエストに付いていきます 変更はそれぞれ、直前の依頼と合わせて読み取られます。言葉、Briksの返答、そして新しい依頼に画像がないときは、直前の依頼に付いていた画像です。そのため、`そのモックアップをもっと大きくして` のような続きの依頼でも、直前の依頼が指していた部分に伝わります。**Reference** と付けた画像は、ご自身のサイトのスクリーンショットでもかまいません。その場合、Briksはスタイルをまねるのではなく、写っている部分を見つけて、ご依頼どおりに変更します。 ## 内側のページを変更する ページは、メニューの名前かアドレスで指定してください:`On the Prices page…` や `On /treatments…`。似たセクションを持つページが2つある場合は、どちらか、または両方を伝えてください。 ページを追加するには、そのように伝えてください。例：`Add a page for our group classes`。Briksは最初のページと同じように、新しいページをセクションごとに計画し、計画で必要な場所には新しい写真を描き起こします。メニューの特定の位置に入れたい場合は、その場所を伝えてください。ブログやショップなど、追加し続けていく一覧は、固定ページではなく編集できるレコードとして作られます。[Database](https://briks.dev/ja/docs/database) をご覧ください。 下層ページ 理学療法クリニック > `施術ページの腰痛セクションの後に、スポーツマッサージのセクションを追加してください。短い段落を3つ：対象となる方、1回の内容、そして45分で£55であること。腰痛セクションと同じレイアウトにしてください。` セクションは指定した場所に追加され、隣のセクションと同じレイアウトになり、ページのほかの部分には手を加えていません。 ## メッセージは1つにまとめるべきですか、分けるべきですか? 1通のメッセージに複数の変更をまとめると、まとめて構築されます。確保は1回、構築は1回、新しいバージョンも1つで、より速く、たいていは費用も抑えられます。ただし、元に戻す操作はバージョン単位なので、そのメッセージを元に戻すと中の変更がすべて取り消されます。変更を1つずつ送れば、それぞれが別のバージョンになるため、元に戻す範囲を正確に選べます。 ヒント 関連する小さな変更はまとめましょう。たとえば、フッターへの3つの修正などです。新しいヒーローのレイアウトのような大きな変更や、リスクのある変更は単独で送ってください。そうすれば、ほかの変更を失わずに元に戻せます。 ビルドの完了を待つ必要はありません。ビルド中は、ボックス下のボタンが **Queue** になり、ボックスには「Queue your next change…」と表示されます。キューに入れたメッセージは順番に待機し、1つの変更としてまとめて、1つの保留枠を共有して送られます。互いに反対の内容を求める場合は、後のものが優先されます。1つのサイトで最大10件まで待機でき、**Remove** でビルドが始まるまで取り下げられます。 ## キーが必要な変更と、公開の依頼 - **別のサービスをつなぐ変更**、たとえばご自身のアカウントで予約サービスやメール配信サービスをつなぐ場合は、キーが必要になることがあります。サイトにまだその値がないときは、会話の中のカードが先に尋ね、キーごとに入力欄が表示されます。**Save and build** は値をそのままサイトのSecretsに入れて変更を始め、**Add it later** は値なしでビルドします。[Secrets](https://briks.dev/ja/docs/secrets) をご覧ください。 - **メッセージに貼り付けたキー** は、保存される前に取り除かれます。代わりに **Settings** の **Secrets** で追加するよう、Briksがご案内します。 - **公開だけを頼むメッセージ**、たとえば `Publish the site to production` は、**Publish** ボタンと同じ働きをします。まず公開前チェックが走り、ビルドは行われません。言葉で頼むと、最初の下書きが仮に作った詳細も確定されるため、先にお読みください。[本番環境に公開する](https://briks.dev/ja/docs/publish-to-production) をご覧ください。 ## 作業中に表示されるもの - タイマーが時間をカウントアップし、作業が始まるまでは **Waiting to start**、始まってからは **Building** と表示されます。 - ステップが1つずつチェックされ、その下の1行に今の状況が表示されます。 - チェックをオンにした場合、**Visual check** カードに100点満点のスコアと、修復中の表示上の問題が表示されます。気づいただけで手を加えなかったものは「Noted, left as built」に一覧されます。 変更を止めるには、タイマーの横の **Stop** を押して確定します。まだ始まっていなければ、料金はかかりません。ビルド中なら、何も公開されないうちに止まり、それまでの作業分だけお支払いいただきます。すでに公開されている場合は変更が残り、残りのチェックだけがスキップされます。 ## よい依頼とあいまいな依頼 Briksはご依頼どおりに作り、足りない部分はサイトのデザインから補います。指定の抜けが少ないほど、最初の仕上がりが理想に近づきます。 あいまい 配管工 > `電話番号を更新してください。` Briks はどの数字かを推測する必要があり、フッターにあるコピーを見逃すこともあります。 クリア 配管工 > `電話番号を、表示されているすべての場所(ヘッダー、お問い合わせセクション、フッター)で 0117 496 0000 から 0117 496 0123 に変更してください。スマートフォンでは、ヘッダーの番号をタップすると発信できるようにしてください。` 番号のコピーがすべて変わり、ヘッダーの番号はスマートフォンで通話リンクになりました。バージョンは1つ、料金も1回だけです。 クリア ヨガスタジオ > `トップページで、タイムテーブルをお客様の声の上に移し、ヒーローの下の紹介文を1文に短くしてください:Small classes in Hove, for every body.` 時間割が上に移り、導入文がその一文になりました。ほかは何も変わっていません。 画像あり ウェディングフォトグラファー > 人物写真2枚を **On the site** として、スクリーンショット1枚を **Reference** として添付します：`Put the two portraits in the About section, and lay the gallery out like the screenshot: wide pictures in a single column with plenty of space between them.` ポートレートは About セクションに入り、ギャラリーは1列になりました。スクリーンショット自体は、サイトのどこにも表示されませんでした。 ## 変更が依頼どおりにならなかったとき 1. すべての画面幅で確認する 場所: Preview **Desktop**、**Tablet**、**Phone** を確認し、**Reload preview** を押してください。変更は反映されていても、特定のサイズだけに出ている場合があります。 2. 悪くなったら元に戻す 場所: Preview toolbar 元に戻す矢印を押してください。変更前のバージョンがそのままの状態で再び公開され、元に戻す操作に料金はかかりません。[バージョン](https://briks.dev/ja/docs/versions) をご覧ください。 3. もっと具体的に、もう一度聞く 場所: Studio 今の状態と、変えたい内容を伝えてください。ページとセクションを示し、その文言を引用し、できれば数値も添えます。サイズ、数、`#1F6FEB` のようなコードで表した色などです。**Reference** と印を付けたスクリーンショットも役立ちます。 4. 1回のメッセージで直すのは1つだけにする 場所: Studio 修正は1つずつ送りましょう。どれが効いたかが分かり、効かなかった場合もその修正だけを元に戻せます。 もう一度尋ねる フラワーショップ > 最初のメッセージ: `Make the header smaller.` 結果を見たあとの2通目: `The header is still too tall on phones. At phone width only, make it about half its current height, and keep the logo and the menu button on one line.` 今回は、ヘッダーがスマートフォンでのみ変わりました。 変更が失敗したとき 何がうまくいかなかったかは、会話の中の赤いボックスに表示されます。失敗したリクエストには料金がかかりません。公開前に失敗した場合、サイトはそのままです。変更をもう一度送信してください。メッセージに理由のヒントがあるときは、もっと具体的に書いてみてください。 ### なぜBriksは変更せずに回答したのですか? メッセージが質問として読み取られました。`お問い合わせページに地図を置く余地はありますか？`ではなく、`お問い合わせページに地図を追加して`のように指示として書いてください。 ### サイト全体の色や書体をまとめて変えられますか? はい、変更として依頼してください。その後のすべてのビルドで選択を保つには、**Settings**, **Preferences**, **Design rules** で設定します。[プロジェクト設定](https://briks.dev/ja/docs/project-settings) をご覧ください。 ## 次に読む - [プロジェクトで作業する **質問する** 変更に使うチャットで、サイトや訪問数、Briksについて質問できます。ビルドなしですぐ回答。わかることと答えないことも解説。](https://briks.dev/ja/docs/asking-questions) - [プロジェクトで作業する **バージョン、元に戻す、やり直し** ビルドや変更はすべて、サイトのバージョンとして保存されます。変更を元に戻す、やり直す、以前のバージョンをそのままの状態で本番環境に戻す、といった操作ができ、クレジットは保留されません。](https://briks.dev/ja/docs/versions) - [プロジェクトで作業する **プロジェクトページ** Briksスタジオでのプロジェクトの案内:会話、ライブプレビューと画面幅、上部バー下のタブ、設定、公開。](https://briks.dev/ja/docs/the-project-page) - [はじめに **クレジットとプラン** Briksのクレジットの仕組み:50と5の確保、作業分の請求、見積もりと待機するビルド、残高ゼロのとき、各プランの内容。](https://briks.dev/ja/docs/credits-and-plans) まだ解決しませんか? プロジェクト名と、表示されると思っていた内容を添えて [hello@briks.dev](mailto:hello@briks.dev) までご連絡ください。スクリーンショットがあると助かります。