アプリが公開されるまで
最初のメッセージからサイトが動くまで、コーディングエージェントがFrank's Kitchenをオンラインにする様子を動画で見られます。
コーディングエージェントでの1回のセッションを早送りにしたデモです。レストラン「Frank’s Kitchen」のオーナーが、短い依頼を1つずつ入力していきます。オーナーがレストランのアプリをデータベース付きで公開するよう頼むと、エージェントはまず、ブラウザに表示されたコードをオーナーに承認してもらいます。その後Tofuにサインインし、アプリをアップロードしてNext.jsのアプリとして確定します。データベースを作る前に、オーナーに確認を取ります。Tofuがデータベースを作成し、6つの接続設定(シークレット)を書き込み専用の値として保存します。保存した値は、あとから読み出せません。データベースの公開証明書も、あわせて保存されます。続いてTofuがアプリをビルドし、公開URLが開くことを確認します。ここまで終わって初めて、予約ページが表示されます。予約がどこに保存されているかを聞かれると、エージェントはデータベースのテーブルを数えます。7:30に4人用の席を押さえたお客様の予約が、Tofuのテーブルエディタでreservationsテーブルに新しい行として表示されます。frankskitchen.comを接続するよう頼まれると、エージェントはオーナーに、DNSプロバイダの画面で一度だけ承認してもらいます。Tofuが使えるのは、そのゾーン1つだけです。アドレスは、HTTPS付きのfrankskitchen.comに変わります。スタッフがGoogleでサインインできるようにしてほしいとオーナーが頼むと、エージェントはGoogleサインインをオンにし、ボタンを表示する1行のコードを追加して、もう一度デプロイします。オーナーがGoogleでスタッフ用の管理画面にサインインすると、今夜の来客42人、予約とそれぞれの席、仕込みリスト、売り切れの料理が表示されます。先ほどのお客様の予約には「新規」の印が付いています。新規登録の確認メールを自分のドメインから送りたいとオーナーが頼むと、Tofuがsend.frankskitchen.comを設定します。新しいスタッフのFrankがレストランのサインインページでアカウントを作ると、確認メールはそのドメインから届きます。アクセス解析と予約ページの閲覧状況を知りたいとオーナーが言うと、エージェントは1行のコードを追加してデプロイします。閲覧数はCookieを使わずに計測されます。エージェントは「今日の閲覧は6回、うち5回が予約ページです」と答えます。デモの時計は9:41で止まります。使ったTofuのアカウントは1つだけです。
アプリを公開しませんか?無料で始める
アプリを、オンラインに。
どのコーディングエージェントでも使えます
© 2026 Tofu
trytofu.ai
英語版からの翻訳です。内容に違いがある場合は、英語の原文が優先されます。