Webアプリとダッシュボード:現在作れるもの

#3つの種類

#アプリやダッシュボードを作り始める

#現在アプリでできること

アプリもホームページと同じように計画され、作られます。作る前の質問、承認ステップ、イメージボードも同じです。説明の中で何かを保存したいと伝えた場合は、さらに次のものも作られます。

• 専用のデータベース。 予約、商品、イベント、お問い合わせ、投稿など、ビルドが初めて何かを保存するときに、EU内にあなたのために作られます。
• 保存されるフォーム。 標準のフォームは、各送信内容を Settings、Forms に保存し、サイトが本番環境になるとメールでもお届けします。フォームは、各送信内容をレコードとして保存することもでき、後から探したり、編集したり、詳細を変更したりできます。ご希望の場合は、説明に書いてください。
• レコードから作るページ。 一覧ページと各レコードのページが作られるので、イベントや商品ごとに検索エンジンが見つけられる本物のページになります。レコードを変更すると、公開済みのサイトも数分以内に追いつきます。
• ご希望のときに、保存されている内容を検索できます。
• アカウントと決済は、ご依頼いただいたときに作成します。作成するのは、サイト独自のユーザー向けの新規登録とサインイン、ご自身の決済サービスを使った都度払いと定期購入、そしてご自身の決済アカウントで構築する配送や在庫管理です。詳しくはサインインと決済をご覧ください。
• ご自身のキーで使う外部サービス。メーリングリスト、CRM、スプレッドシートなどです。サイトの公開後に変更として依頼してください。Briksが最初にキーを尋ね、キーをそのままSecretsに保存する入力欄が表示されます。サイト自身のサーバーコードが、そのキーでサービスを呼び出します。訪問者のブラウザ上のページが、ほかのアドレスを呼び出すことはありません。ビルド前の質問もご覧ください。

このような動作するコードを含むサイトを公開する前に、Briks はコードを読み、セキュリティ上の見落としがないか確認します。対象は、ファイルに直接書かれたキー、制限のない保存、サインインなしで読めるメンバーの記録、テキストをつなぎ合わせて作られたデータベースクエリです。

#ダッシュボードとは

ダッシュボードは、スクロールして見るページではなく、人が毎日作業する画面として作られます。次のような内容です。

• ナビゲーションを、細いアイコンのレールとして横に、または上部に置き、さらにトップバーを備えたフレームです。
• 各画面の上部にあるヘッダーで、タイトル、説明の1行、主な操作を表示します。
• 3〜5つの主要な数値、単位とラベル付きのグラフ、そして検索・絞り込み・並べ替え・ページ分けができる表を用意します。
• ご説明に必要な場合は、レコードの詳細、フォーム、設定画面も作成します。
• スマートフォンでは、サイドのナビゲーションがメニューになり、数値は1行に2つ、さらに1つずつ並びます。

ヒーロー、マーケティング向けの見出し、スクロールアニメーションはなく、画像も作られません。ダッシュボードでは、作成前の質問や承認の停止もなく、説明からそのまま作成します。

数字の出どころ

ダッシュボードは、画面に表示する記録の種類ごとに1つのテーブルを作り、プロジェクトのデータベースに記録を保存します。最初のバージョンでは、互いに矛盾しない、もっともらしいサンプルの記録が入ります。ご説明にある商品、価格、人物はそのまま記録になり、それ以外の人物には架空の名前が付きます。表、グラフ、主要な数値はこれらの記録を読み込み、合計はすべて各行から計算されます。記録を追加または変更するフォームは、その内容を保存します。ログインページも動作します。プレビューの間は、アドレスを知っている人なら誰でも開けますが、本番環境に公開すると、ログイン済みの Staff と Admin のアカウントだけがデータを見られます。スタジオで使っているメールアドレスで登録すると、そのダッシュボードの Admin になります。

レコードの形を決めるには、説明の中で、何を保存するか、各レコードに何が入るか、誰が更新するかを書いてください。レコードは Database タブで編集でき、画面もそれに合わせて変わります。

#Database タブにあるあなたのレコード

プロジェクトにデータベースができると、Databaseタブには5つの表示があります。Data、Accounts、Orders、Subscriptions、Settingsです。OwnerとAdminには、その前の段階でもこのタブが表示され、Create databaseが出ます。

• Data には各コレクションと、その中のレコード数が一覧で表示されます。Owner、Admin、Editor はレコードを開いて編集し、削除できます。「変更は数分以内に公開サイトへ反映されます。」
• Accountsには、サイトでアカウントを作った人が一覧表示され、それぞれの役割をMember、Staff、Adminに設定できます。Ordersには、お客様ご自身の決済サービスを通じてサイトで販売した内容が、Subscriptionsには、更新されるプランに支払っているメンバーが表示されます。最初の1件が届くまでは、AccountsとOrdersにNo accounts yetまたはNo orders yetと表示されます。
• Settings には、ダウンロード（1コレクションあたり最大50,000レコード、スプレッドシートまたはJSON形式）、復元ポイント、毎晩のコピーがあります。ダウンロードと毎晩のコピーは有料プランでご利用いただけます。

Database ではレコードについて詳しく、Backups ではコピーと復元について説明しています。

#定期タスクとウェブフック

プロジェクトの Settings にある Developer グループの2つのセクションで、アプリを決めた時刻に動かしたり、起きたことを他のソフトウェアに知らせたりできます。

• Scheduled tasks は、Every day at 09:00 や Mondays at 09:00 のようにお選びいただくスケジュールで、アドレスを呼び出します。呼び出すのは、/api/ で始まるアプリ自身のアドレスでも、ほかのアドレスでもかまいません。まずアプリにそのアドレスが必要なので、変更として依頼してください。定期タスクをご覧ください。
• Webhooks は、Published、Form received、Record changed のいずれかが起きたときに、別のアドレスへメッセージを送ります。Webhooks を参照してください。

#まだご利用いただけない機能

• PayPal、Mollie、Razorpay、Creem、Dodo Payments では、更新されるプランは利用できません。これらは今のところ都度払いのみ対応です。定期購入は Stripe、Paddle、Polar、Lemon Squeezy で行います。
• Forms からフォームの回答をエクスポートできます。データベースのレコードは、有料プランでダウンロードできます。
• ご自身のドメインからのメールです。サイトメールは、emails.briks.live にあるプロジェクト専用のアドレスから送信します。
• Briks自体の公開API、MCPサーバー、コマンドラインです。

ほかのソフトウェアとは、今でも3つの方法でつなげられます。Webhook でイベントを外へ送る方法、スケジュールされたタスクで決まった時間にアドレスを呼び出す方法、そして上で説明したように、ご自身のキーを使うサービスを変更でつなげる方法です。

#3つの実例