Vibeコーディング実践編 - 10分でレストラン注文ミニプログラムを作成

最近、「義烏」 AI 「小規模店舗」というコンセプトは非常に人気があり、多くの一般の人々が自分自身のデジタルマイクロビジネスを運営しようと試み始めている。

以前は、小さな店を開くには、商品の選び方、店の装飾方法、写真撮影、顧客対応、コピーライティングの方法を知っている必要があり、さらにある程度の技術的な知識も必要だった。

既存の大手eコマースプラットフォームのいずれかに参加することを選択した場合、必然的に手数料を支払わなければならず、さまざまな煩雑な規則に従う必要が生じます。

しかし最近、技術的な知識が全くない多くの人々が、あるデバイスを使用していることに気づきました。コードフライこれらのツールを使えば、膠着状態を容易に打破できる。

Vibeを使えば、自然言語を使って実用的なミニプログラムを直接コーディングできます。

プロセス全体を通してコーディングは一切不要で、フロントエンドとバックエンド、決済機能、組み込み機能など、すべての機能が完全に実装されています。 AI カスタマーサービスは、申請情報に基づいて販促資料を作成することもできます。

製品発売からコンテンツマーケティング、販売前サービス、販売後サービスまで、あらゆることを網羅していると言えるでしょう。

今日は、コードを一行も書かずに直接通信する方法をご紹介します。速い構築して実行する実用的ミニプログラム。

CodeFlyの公式サイトを開きます。

公式サイト：https://www.codeflying.net

一文生成アプリケーション

入力ボックスに要件を直接入力できます。

食品や飲料のオンライン注文を行うためのミニプログラムを作成する。

CodeFlyはプロダクトマネージャーのような役割を果たし、まず以下のような詳細なビジネスシナリオとコア要件を確認します。ミニプログラムの主なサービスシナリオは何ですか？ページに表示する必要のある情報は何ですか？オンライン決済機能は必要ですか？

また、具体的なアイデアを追加できるように、空白の入力ボックスも用意されています。

情報をまとめ、ダイアログボックスに以下の詳細を追加しました。

1. 主にテイクアウト/お持ち帰り注文のお客様向けです。 2. 必須です。 3. オンライン決済に対応しています。 店名：K-Sister's Canteen メニュー詳細：[詳細メニュー]

間もなく、CodeFlyは私の意見に基づいて、ミニプログラムのビジュアルスタイル、コア機能、適用シナリオの概略を策定した。

デザインは非常に適切ですが、供給期間に関して、デフォルトのソリューションはテキストによるリマインダーのみを提供しているようです。顧客が誤って営業時間外に注文してしまうことを防ぐため、システムに厳格な制限を設けてほしいと思います。例えば、朝食は午前中のみ販売し、それ以降は注文を受け付けないようにするなどです。

そこで、右側の入力ボックスに修正案を送信しました。

供給期間を表示した上で、供給期間中に商品を掲載し、供給期間外に商品を削除するという機能をサポートしていただけますか？

CodeFlyは私の意図をすぐに理解し、調整案を提示してくれました。システムは現在の時刻に合わせて調整されるとのことです。自動料理の掲載/削除の管理：供給のない期間中は、該当するカテゴリまたは料理は...自動非表示にするか、「売り切れ」として表示するかを選択します。

それが正しいやり方です。直接「確認」をクリックすればいいのです。

CodeFlyは10分足らずでミニプログラムの開発を完了し、ページの右側にリアルタイムのプレビューを表示した。

私はすぐにクリックして試してみました。

5つの主要カテゴリーは作成されましたが、供給時間が誤っており、現在すべての料理が売り切れと表示されています。

このような状況では、従来の開発手法では、コードを探し出し、フィールドを確認し、ロジックを修正する必要があるかもしれません。

しかしCodeFlyでは、直接 AI 調整。

まず、Codeflyは私たちに時間設定を確認し、その後、私がどこで調整すればよいかを教えてくれました。

CodeFlyはミニプログラムを生成する際に、料理、注文、オプションを編集・調整できる管理バックエンドも生成します。

指示に従って、バックエンドにアクセスして供給時間を編集しました。

変更後、フロントエンドのインターフェースに戻ってページを更新してください。供給時間が正しく表示されるはずです。

食品は、通常営業時間内であればご注文いただけます。

しかし、新たな問題が発生した。すべての料理の下にサイズオプションが表示されており、注文のたびに不要なオプションを多数選択する必要があり、非常に面倒だったのだ。

例えば、麺類を注文する場合、麺の種類（米麺か）だけでなく、カップのサイズ（中か大）、砂糖の量（少なめ、普通、多め）など、他にも無関係な選択肢を選ばなければならない。

そこで私はコードベースのフライトを修正し続けました。

すべての料理で同じ選択肢があるわけではありません。特製麺シリーズでは、麺類または米麺、ネギ、パクチー、刻みニンニク、または漬物の有無を選択できます。フルーツティーシリーズでは、砂糖少なめ、普通の砂糖、または砂糖多めを選択できます。温度は、常温または氷少なめを選択できます。オプションのトッピングは、なし / ココナッツゼリー1円 / パール1円 / ボバ2円です。

CodeFlyの動作方法がとても気に入っています。実行前に、まず全体のアプローチについて私に確認してくれます。それから、修正が必要な部分、既に実装されている機能、追加または修正が必要な機能を整理してくれます。

私が確認した後にのみ実行されます。編集効果は正確です。

変更後の効果を見てみましょう。

注文用ミニプログラムは、仕様選択を正しく表示しました。驚いたのは、MaShangFeiが業務ロジックに基づいて、どの仕様が単一選択可能で、どの仕様が複数選択可能かを判別できたことです。

さて、ヌードルシリーズでは、麺類か米麺を選べるだけでなく、パクチー抜きやネギ抜きなど、複数のオプションにも対応しています。フルーツティーシリーズも同様で、甘さや温度を選べるだけでなく、複数のトッピングを選ぶことができ、価格は同時に計算されます！

コードにはもう一つあります。部分的な変更有効化すると、このボタンを使ってページ上の特定の領域を直接選択できるようになります。 AI ローカルでの変更について。

例えば、ボタンが大きすぎる、情報が不明瞭、商品カードの配置が良くないといった場合でも、アプリケーション全体を書き直す必要はありません。

変更したいページをクリックして、どのように変更したいかを説明するだけです。

普通の小さな店主にとって、これは本当に...実用的CodeFlyはビジネスロジックを理解します。どんなことを言っても、それに応じて調整する方法を理解してくれます。

また、注文、製品、運用データがすべて明確に表示される管理バックエンドも生成します。

管理アシスタント

さらに興味深いのは、Codeflyにはビジネスアシスタント機能も搭載されている点です。

試してみたところ、プロモーションアシスタントにプロモーションコピーを作成してもらうことができました。

プロモーションアシスタントは、ミニプログラムの内容に基づいて、複数のバージョンのプロモーションコピーを直接作成できます。

WeChatモーメンツで使われているような会話スタイルへの変更は簡単です。

また、アプリケーション内のコンテンツに基づいて、プロモーション用のポスター素材やポスターを作成することもできます。

ただし、ポスターの画像と実際のQRコードはご自身で差し替える必要があります。

ビジネスアシスタントに今日の注文数を尋ねると、既存のアプリケーション情報に基づいて即座に計算してくれます。

CodeFlyはミニプログラムの作成を支援するだけでなく、その後の運用業務も処理してくれます。

CodeFlyビジネスアシスタントはWeChat Workに直接統合でき、顧客対応をサポートしてくれるミニカスタマーサービス担当者へと変身します。：

「設定」をクリックし、画面の指示に従って設定を完了してください。

ミニプログラム内で顧客から質問が出た場合、カスタマーサービス担当者はオンラインでよくある質問に回答できるため、日々のコミュニケーション業務の負担を軽減できます。

すべての詳細を調整したら、ページ右上の「公開」をクリックして、WeChatミニプログラムを正式に公開しましょう！

私たちが過去に遭遇した多くのこと AI ほとんどのプログラミング関連製品は、開発者の効率性を向上させる段階にとどまっている。AI このツールは多くのコードスニペットを生成してくれますが、一般のユーザーはサーバーの設定方法、デプロイしてオンラインにする方法、データベースへの接続方法など、多くの技術的な障壁に依然として直面します。

CodeFlyは、いわばワンストップのビジネス運営プラットフォームです。フロントエンドインターフェースの生成を支援するだけでなく、バックエンドの管理インターフェースやビジネスアシスタントの設定も同時に行ってくれます。

CodeFlyは開発上の課題を解決するだけでなく、運用ダッシュボードなども提供します。 AI 顧客サービスのおかげで、業務、マーケティング、販売前・販売後の負担が軽減され、技術研究開発と日常業務がシームレスに統合されたことで、一般の人々がゼロコストで小規模ビジネスを運営することが現実的に可能になった。

AI それは、「一人会社」を、ごく一部の人々のための最先端の理想から、誰もが低コストで探求できる現実へと変えつつある。

従来のビジネス環境では、デジタルアイデアの実現には、プロダクトマネージャー、フロントエンド開発者、バックエンド開発者、運用担当者など、複数の役割を担う人々の協力が必要となることが多く、結果として試行錯誤によるコストが高くなる。

現在、ツールの進化によって技術的な障壁は徐々に解消されつつあります。明確な論理的思考力とユーザーニーズに対する鋭い洞察力を持つ個人は、こうしたプラットフォームを活用することで、大きな自己成長を遂げることができるでしょう。速い業務運営を支援するためにデジタルシステムが構築された。

テクノロジーだけが競争優位性ではなくなったとき、私たちの身近で、より興味深く心温まる小規模ビジネスが生まれるようになるかもしれない。

元のリンク:コードを一行も書かずに、私は AI 食品注文用のミニプログラムを作成しました