SHOP

コードが分からない僕が、AIでモバイルオーダーを作っている話

みなさんこんにちは!
アプリ作りに熱中している激うまバインミーの島田大輝です!
ハマってしまった。

というわけで今回は、コードが分からない僕が、AIでモバイルオーダーを作っている話というお話をさせて頂ければと思います!

前にも一度アプリづくりに挑戦しようとしたことがありまして、その時はキッチンカーの販売可能な場所を誰もが自由に登録したり、借りられたりできるアプリを作りたいなと思っていました。

その時はAIもここまで使えなかったので、外注して何とかできないかと色々聞いていたのですが、どうしても費用が50万円~100万円ぐらいかかるとのお話だったのです。

ちょっと自分でも作れるようにできないかと考えていたのですが、HTMLとかのコードを覚えるのが大変すぎて、途中であきらめてしまいました。

そんな中!

chatGPTがコードを書くのが凄いという情報を聞きつけまして、さらに良いタイミングでchatGPTの課金を僕の会社員の仕事の方でやってくれることになったので、挑戦してみることにしたのです。

chatGPTには一例ではありますが、こんな感じで依頼をしています。

右上が僕で、左下がchatGPTです。

画像

僕のやりたいことを全部書きなぐって、それをAIが整えてくれて、さらにコードにまで落とし込んでくれるのです。

画像

コードはこんな感じのもので、全部合わせると数千行ぐらいあります。笑

ひとつひとつに意味があるようで、WEBページの画像など以外のほぼすべてをこのコードで表現しているというのです。

しかもすごいのが、コードを作るだけでなく、これをどこに貼り付けて、他に必要な設定や、作るべきファイルなども全て指示してくれるので、僕はその指示通りに動けばどんどん出来上がっていくという仕組みになっているのです。

なので、作り始めてから僕は何一つ自分で勉強したり覚えたりしたことはありません。

ちなみにコードを投稿する画面はこんな感じです。

画像

左側にタイトルが並んでいて、右側に選んだタイトルのコードが記入されているという感じです。

指示された通りにタイトルを追加して、指示されたコードを右側に貼って、それが問題なく動いているかのチェック方法まで教えてもらって次に進めるというのを繰り返した感じです。笑

もちろん何一つ意味は分かっていませんが、それでもちゃんと動いているのが凄いのです。

まだ途中ですが、こんな感じの画面になりそうなのをお見せしたいと思います。

画像
画像

そしてこの先でオンラインでのお支払いもできるようにしており、クレジットカードやPayPayなども使えるようになる予定です。

また可能であれば店頭でのお支払いもできるようにしたいなとも思っています。

こうすることで、今までだとお店に来て注文して、お店の前にあるスーパーに寄って買い物してから、またお店に商品を取りに来るというお客様の手間を大幅に減らすことができるのです。

その他にも、自分の行きたいタイミングで注文しておけば、お店に来て受け取るだけにできるという、とても優れたシステムになりそうな予感でございます。

画像

あとはこんな感じで、メニュー表を眺めながら注文を決めることができる画面も用意しようと思っております。

ざっくり言うと、何度もご来店されている方向けの、文字だけでスピーディーに注文ができる用と、メニュー表を見ながら注文したいという方向けの2パターンご用意しようという感じでございます。

またご注文も最短で15分~30分後ぐらいの受け取り予約を可能にしようと思っており、さらに翌日や翌週でも対応できるようにもしようと思っております。

他にも、ご注文後に当店で調理開始や、完成したことをお知らせする通知を公式ラインからお送りできるようにしたり、現在のお店の込み具合なんかも見れるような仕組みも作ろうと思っており、よりお客様に使いやすいものを作ろうと思っております。

とにかく使いやすく、見やすく、シンプルを意識して、お客様のためになるようなものを作れたらいいなと思っております。

大枠は既に完成しているので、あとは細かな調整ができれば皆さまに公開できると思いますので、楽しみにしていただけると嬉しいなと思います!

でもこんなのが個人店でできるなら、”大革命”もあり得るなと思うぐらいワクワクしますね。

というわけで今回も読んでいただきありがとうございました!
また明日もどうぞよろしくお願いいたします!

では!

画像