ビルドを見守る:進行状況、停止、チェック

#確認できる場所

プロジェクトは Studio タブで開きます。左に会話、右にプレビューが表示されます。画面が狭いときは、プレビューが会話の下に表示されます。間のバーをドラッグすると、どちらかを広くできます。

会話の上にあるラベルは、プロジェクトの状況を示します: Building、Live、Draft、Needs attention。最初の作成が待機中のときは、Preparing questions、Waiting for your answers、Waiting for your approval が表示されます。Waiting for credits は、予定された作成が一時停止していて、Resume building を選ぶまで再開しないことを示します。別のサービスをつなぐ変更では Checking which keys this needs と表示され、キーが必要な場合は Waiting for a key に変わります。その横の Total は、プロジェクトがこれまでに使ったクレジットを示します。

ビルドはブラウザではなく Briks 上で実行されます。タブを閉じても、あとで戻ってこられます。スタジオにはビルドの進み具合が表示されます。ページ上部の Notifications のベルでも各ビルドを追えます。ビルドごとに1件の通知が届き、開始、そして完了、失敗、停止、ご確認待ち、クレジット待ちのいずれかをお知らせします。Telegram を接続している場合は、Builds finished or failed のアラートでそちらにも届きます。ビルドが終わってもメールは送られません。

#ビルドカード

ビルド中は、会話の末尾にカードが表示されます。カードには次の内容が入っています。

• 待機中は Waiting to start と時計が表示され、「Waiting for a free builder. Your build starts automatically.」と案内されます。
• 開始後は Building と経過時間が表示され、その横に Stop があります。
• 最初のビルドで、ビルドに通常必要なクレジットがお持ちのクレジットより多い場合に、その旨を伝える一文です。クレジットの見積もりと一時停止で説明しています。
• 各ステップは完了するとチェックが付き、現在のステップにはスピナーが表示されます。
• 今まさに起きていることを伝える1行のライブ表示が、下部に出ます。作業が進むたびに置き換わるので、カードがログのように長くなることはありません。

変更の場合は表示されるステップが少なくなります。Applying your changes、Verifying build、Publishingが表示され、チェックを依頼した場合はChecking the published siteも表示されます。

構築中に分かったことに応じて、上にカードが表示されます。参考サイトを指定した場合はWhat your references decided、サイトの計画ではPlan for this siteで、すべてのセクションが順番に、その目的とともに並びます。計画を読むと、不要なセクションにいち早く気づけます。メモしておき、サイトの公開後に変更を依頼してください。

#作成が進むにつれてプレビューが埋まっていきます

最初の公開までは、プレビュー画面にぐるぐる回る表示ではなく、サイトが形になっていく様子が表示されます。

• 上部には各段階が並びます。Reading the reference(参考サイトがある場合のみ)、Planning、4/9のように数が出る Pictures、ここまでに書いたセクションとページを示す Writing the sections、そして Publishing です。
• 参考サイトを読み込んでいる間、その画面が「Reading your reference, top to bottom.」の下に1つずつ表示され、見つかったセクションの種類が横に並びます。
• 計画ができると、トップページの各パートがアウトラインとして表示されます。各セクションが書かれるにつれて、アウトラインにそのセクション独自の色が入り、タイトルがサイト独自の書体で表示され、画像も作られるたびに加わります。
• ページの横では、Pictures、Home sections、Other pagesが完了するごとに数えられ、Page systemには、サイトで選ばれた書体で見出しと本文が表示され、配色がカラーチップで示されます。
• ページの上には、Home のタブと、各内部ページのタブがあります。タブをクリックすると、そのページが表示されます。Follow the build をクリックするまで、プレビューはビルドを追いかけません。

公開すると、ペインに Live preview のタグと公開時刻つきで本番のサイトが表示されます。Desktop、Tablet、Phone で他の幅での表示を確認でき、Reload preview で再取得、Full screen でウィンドウ全体に表示(Esc で閉じます)、Open in new tab で新しいタブで開けます。

#かかる時間

最初のバージョンは数分でできます。カードの時計にはビルドの経過時間が表示され、完了すると会話に「Published to bakehouse.briks.live in 7 min 12 s」のように所要時間が表示されます。ビルド前の質問と承認での停止には、お答えいただく時間が加わります。公開後のサイトを確認する任意のチェックには、さらに数分かかります。

#クレジットの見積もりと一時停止

新しいプロジェクトには50クレジットが確保され、実際の作業にかかったぶんが請求されます。それより多くなることも少なくなることもあります。Briksは、過去のビルドから、お客様と似たビルドの一般的なコストを割り出し、お持ちのクレジットより多くなる場合はお知らせします。開始前に、New projectの確認画面、Homeのボックス、ビルドカードに、次のような一文が表示されます。「計画後、ビルドには通常約85クレジットかかります。お持ちのクレジットは30です。計画後にお持ちのクレジットを超える場合は、計画を保ったままクレジット待ちになります。」残高で足りる場合は、この一文は表示されません。

本当の確認は、サイトの計画が済んだあと、画像の作成やページの構築より前に行われます。ビルドの残りが、まだ確保されている分と残高の合計より多くかかりそうなときは、一時停止します。ここまでに支払うのは読み込みと計画の分だけで、計画した内容はすべて残ります。ピルには Waiting for credits と表示され、メッセージボックスの上のバーには「Planned and waiting for credits: about 85 to build.」と表示され、会話では次のようにお伝えします。「Your site is planned. Building it needs more credits. Building, the pictures and publishing usually take about 85 credits, and you have 30. The plan is kept: once you have the credits, choose Resume building and it carries on from here.」

• Freeプランの最初のサイトは途中で止まりません。 最後まで作られ、会話でもそのことをお伝えします。「作成には通常およそ85クレジットかかりますが、残りは30クレジットです。最初のサイトなので、このまま最後まで作成します。以降の作成は、残りより多く必要な場合、クレジットが入るまで待機します。」
• ビルドが一時停止中は、入力欄での質問にはいつもどおり答えますが、変更はまだ変えるサイトがないため受け付けられません。「Your site waits for credits before it is built, so there is nothing to change yet. Building it usually takes about 85 credits, and you have 30.」
• ページを追加する変更も、キューに入れる前に同じように確認されます。通常かかる量が残高を超える場合は開始されません:「ページの追加には通常約85クレジットかかりますが、残高は30クレジットのため、開始しませんでした。」保留も請求もありません。その他の変更は、これまでどおり5クレジットを保留します。

#最初の構築でBriksが確認すること

最初のビルドでは、お願いしなくても次のチェックが行われます。

• サイトの公開前に、コードから読み取った文字と背景のコントラストです。
• 最初の公開後、公開ページのコントラストをパソコンとスマートフォンの幅で1回チェックし、修正は最大1回です。ライブの表示は「Checking the published site's contrast on desktop and phone.」です。
• 選んだすべてのページが、サイトのメニューに入っている必要があります。
• データを保存するサイトについて、セキュリティ上の見落としがないかコードを確認します。ファイルに直接書かれたキー、上限のない保存、サインインしていない人にも読めてしまう会員のレコード、文字列をつなぎ合わせて作られたデータベースクエリなどが対象です。
• 文章を承認した場合は、承認した見出しがすべて、承認したとおりにページに載っている必要があります。

より詳しいチェックは任意です。公開されたサイトを4つの画面サイズで確認し、重なっている部分や動かないリンクなど、表示が崩れている箇所を修復します。数分と、いくらかのクレジットが追加でかかります。

より詳しいチェックが実行されると、Visual check カードに100点満点のスコアと検出内容が表示されます。たとえば「Nothing renders broken, so the design is left exactly as built.」のようなものです。プレビューの上の小さなラベルが、確認中の各幅を示します：Phone、Tablet、Laptop、Desktop。

#ビルドの停止

#作成中に追加で送信する

ビルドの実行中もメッセージ欄は開いたままです。ボタンには Queue と表示され、その下に「Runs when the current build finishes. Queued messages go together as one change.」という注記が出ます。順番待ちのリクエストは会話の最後に破線の枠と Queued のラベル付きで待機し、Remove を押せば開始前に取り消せます。待機できるのは最大10件です。

キューに入れられないのは次の2つの場合です。承認待ちで止まっている最初のビルド(公開後に変更を送ってください)と、A/Bテストが実行中のサイトです。

#完了したとき、または失敗したとき

緑の線に、サイトを公開した場所と所要時間が表示されます。続いてBriksが、作ったものを最後にアドレスを添えて返信します。返信の下には、小さな文字で請求されたクレジットと実行時間（分）が表示されます。質問の段階で Decide for me を選んだ場合は、返信に代わりに決めた内容も一覧で載るので、メッセージでどれでも変更できます。

最初の公開は、.briks.live のアドレスでのプレビューで、検索エンジンには表示されません。お客様向けに公開するのは別の手順です。本番環境に公開するをご覧ください。

作成に失敗すると、赤い通知で理由が一行で表示され、プロジェクトには Needs attention と出ます。失敗した作成には料金がかからず、使われたものはすべて戻ります。サイトは最後に公開した状態のままで、次の作成は途中までの状態ではなく、その版から始まります。同じ依頼が2回失敗した場合は、プロジェクト名を添えてhello@briks.devまでご連絡ください。