アプリが公開されるまで

最初のメッセージからサイトが動くまで、コーディングエージェントが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⁠つだけです。

最初のメッセージからサイトが動くまで、コーディングエージェントがFrank's Kitchenをオンラインにする様子を動画で見られます。

アプリを公開しませんか?無料で始める