おうちカフェのオーダー取るやつを作って遊んでる
やっほー。
今年のはじめClaude CodeでまるごとAIで何かを作ろうと思って、はじめにつくったのがおうちカフェのオーダーシステムでした。コードの内容はさておき、全然動くじゃん…ってなった記憶です。特に自分はCSS触らなくて良いのがたいへんありがたかった。
それから来客のたびに細かく改善などをして楽しんでいる。
そんなおうちカフェのご紹介をしておこうと思ったので、ご紹介をやっていきます。
サマリ
家に来客があったときにスマホとかタブレットでオーダー取れたら楽しいよねというやつです。 人が4人ぐらい来ると誰がなんのコーヒーだったかわからなくなるので、そのへんも助かるというやつです。
画面
遊びなのでそういうふうに見てもらえたらなのですが
オーダー画面
飲み物、食べ物を選択してボタンを押すと注文完了です。 一応オプションが準備できて選べるようになっています。
管理画面
オーダーの管理ができます。 管理と言っても内容を確認することと、準備がおわったら提供完了するぐらいです。
あと、メニューは カテゴリー→品目→オプションと言う感じです
この構成なんですけど、コーヒー3つとか一回のオーダーで頼めないんですよね。本当はテーブル単位でオーダーを取るのが良いのだろうなというふうに思う日々なんですが、おうちカフェに関しては「誰が何を」というのが知りたい情報だったので、人単位でデータができると良いのかなということでこういう事になっています。
通知
簡単にスマホで確認できるように、discordの通知も用意しました。
その他の物理
これも楽しいのかなと思って、ロゴとシールを用意してコーヒーカップにはりつけてそれっぽさを出しました。 笑ってもらえて好評です。
あとテーブルオーダーといえばQRコードかなと思って、テーブルにおけるこういうのも用意しました。 (別に良いんだけどね一応QRをQRで隠す)
こんなことをして遊んでいます。
実際のコーヒー
一応その日家にあるコーヒー豆を引いてドリップして出しています。 イルガチェフェが好きなので、それのシングルオリジンであることがほとんどです。
ケーキも焼き始めた
本日のケーキというメニューがあるんですが、それを成立させるために自分でチーズケーキも初めて作ったりしました。
楽しい
そんな感じで、なんか楽しいかもなっていうことを一つ一つやって楽しんでいます。 おうちに来ていただいた際はぜひコーヒーのオーダーをしていってください。