VibeSDK: 自然言語を使用したフルスタックAIアプリケーションの生成とデプロイ

Cloudflare VibeSDKは、オープンソースのフルスタックAIアプリケーション生成プラットフォームです。 開発者が構築したいアプリケーションを自然言語（「バイブコーディング」）で記述すると、AIインテリジェンスがコード生成、テスト、デプロイの全プロセスを自動化する。 プラットフォーム自体はCloudflareの開発者エコシステム上に構築され、Workers、Durable Objects、D1データベース、R2ストレージなど様々なサービスを統合している。 VibeSDKのインスタンスをデプロイしたユーザは、技術者でなくても、会話型のインタラクションを通じてWebアプリケーションや社内ツール、自動化されたワークフローを作成できるプラットフォームを手に入れることができます。 生成されたアプリケーションはすべて、隔離されたサンドボックス・コンテナ内で実行・プレビューされるため、セキュリティが確保され、最終的にはワンクリックでCloudflareのグローバルネットワークにデプロイできます。

機能一覧

• 自然言語アプリケーション生成ユーザーはアプリケーションの機能を日常的な言葉で記述するだけで、AIインテリジェンスがそれを分析し、段階的にコードを生成する。
• リアルタイム・アプリケーション・プレビュー生成されたアプリはセキュアなサンドボックス・コンテナ内で即座に実行され、開発者はプレビュー・リンクを通じてアプリの外観を確認し、リアルタイムでテストすることができます。
• インタラクティブ・チャットの反復開発者と話すように、AIインテリジェンスと対話しながらアプリの変更や機能の反復を行うことができる。
• ワンクリック配備完成したアプリケーションは、ワンクリックでCloudflare Workers for Platformsにデプロイされ、グローバルなアクセスが可能になります。
• GitHubとの統合生成されたアプリケーションコードを指定したGitHubリポジトリに直接エクスポートすることができます。
• 最新技術スタック自動生成されるアプリは、React、TypeScript、Tailwind CSSといった最新のフロントエンド技術スタックを使用しています。
• 完全なプラットフォーム・アーキテクチャVibeSDK自体は、フロントエンド、バックエンド（Workers）、データベース（D1）、AIゲートウェイ、コンテナ化されたサンドボックス用のモジュールを備えた完全なリファレンス実装です。

ヘルプの使用

VibeSDKの独自のインスタンスをデプロイして使用することは、自然言語でアプリケーションを生成できるプライベートなAIプラットフォームを持つことを意味します。プロセス全体は、プラットフォームのデプロイとアプリケーションの生成という2つの主要なフェーズに分かれています。

フェーズ1：VibeSDKプラットフォームの展開

最も簡単な方法は、公式のCloudflareワンクリックデプロイボタンを使用することです。

1.準備作業
始める前に準備しておく必要があるものがいくつかある：

• Cloudflareアカウントと労働者給付制度.
• 一个Google ジェミニ API密钥，你可以从ai.google.devゲットだ。
• (必須) Cloudflareで設定したカスタムドメイン名。

2.ワンクリック配備

• VibeSDKのGitHubリポジトリホームページをご覧ください：https://github.com/cloudflare/vibesdk
• ページ上の目立つ "Deploy to Cloudflare Workers "ボタンをクリックする。
• ページはCloudflareダッシュボードにジャンプし、新しいプロジェクトを作成する手順を説明します。

3.環境変数の設定
デプロイプロセスの間、CloudflareはVibeSDKインスタンスを立ち上げて実行するための鍵となる、必要な環境変数を設定するよう求めます。

• GOOGLE_AI_STUDIO_API_KEY用意したGoogle Gemini APIキーを入力してください。
• JWT_SECRETセッション管理に使われるセキュリティ・キー。オンラインパスワードジェネレータを使用して、十分に長くランダムな文字列を作成することができます。
• WEBHOOK_SECRETWebhook 認証に使用されるキーで、やはり安全なランダム文字列が必要です。
• SECRETS_ENCRYPTION_KEYこれは安全なランダム文字列でもある。
• ALLOWED_EMAILメールアドレスを入力してください。これは、プラットフォームの使用をあなただけに制限し、不正アクセスを防止するためです。
• CUSTOM_DOMAIN用意したカスタムドメイン名を入力します。入力しないと正しく動作しません。

設定完了後、Deployボタンをクリックすると、Cloudflareが自動的にVibeSDKプラットフォーム全体を構築し、デプロイします。

フェーズ2: VibeSDKによるアプリケーションの生成

デプロイに成功すると、カスタムドメイン名から VibeSDK UI にアクセスできるようになります。

1.アプリケーションの説明
メイン・インターフェースはチャット・ウィンドウです。ここで作成したいアプリケーションの説明を始めることができます。説明は具体的であればあるほどよいでしょう。
たとえば、次のようなプロンプトの言葉を入力してみてください：

• "ドラッグ＆ドロップで並べ替え、ダークモードをサポートしたToDoリストの作成"
• 「ブラシのサイズと色を調整できるシンプルなドローイング・アプリケーションを作る"
• "画像からカラーパレットを生成するツールを作る"

2.AI構築プロセスの観察
説明を送信すると、AIインテリジェンス（エージェント）が作業を開始します。最初に要件を分析し、次にビルドプランを作成し、段階的にコードを生成します。ファイル作成、コード生成、依存関係のインストールなどのステップを含むプロセス全体のリアルタイムログをインターフェイス上で見ることができます。

3.リアルタイムのプレビューと反復
コードが生成されると、VibeSDK は隔離されたサンドボックス コンテナ内でアプリを自動的に実行し、プレビュー リンクを提供します。このリンクをクリックすると、アプリケーションの動作を確認できます。
アプリがあなたの期待にそぐわない場合は、チャットウィンドウにコマンドを入力し、変更を続けることができます。例

• "ToDoリストに削除ボタンを追加"
• 「ページの背景色をグレーに変更
• "すべての問題をクリアする機能を追加"
  AIはあなたの新しい指示に基づいてコードを修正し、プレビューを再生成します。

4.アプリケーションの展開
VibeSDKでは、アプリケーションをCloudflare Workerとしてデプロイするオプションを提供しています。VibeSDKでは、アプリケーションをCloudflare Workerとしてデプロイするオプションが用意されています。デプロイされると、アプリケーションはグローバルにアクセス可能なパブリックURLを持つことになります。

5.輸出コード
コードをより深くカスタマイズしたい場合は、プロジェクト全体をGitHubリポジトリにエクスポートすることもできます。こうすることで、通常のフロントエンド・プロジェクトと同じように、セカンダリー開発をローカルで行うことができます。

アプリケーションシナリオ

1. 社内ツール開発
   マーケティング、セールス、オペレーションなどの非技術系チームが、エンジニアリングリソースのために行列を作ることなく、自然言語記述によって必要なデータカンバンボード、ワークフロー自動化ツール、またはシンプルな社内管理ページを迅速に構築できるようにします。
2. プロトタイピングの加速
   プロダクト・マネージャーやデザイナーは、アイデアを素早くインタラクティブなアプリケーション・プロトタイプに変換し、ユーザー・テストやフィードバックの収集に利用できるため、コンセプトからプロトタイプまでの検証サイクルが劇的に短縮されます。
3. SaaSプラットフォーム機能拡張
   SaaS製品の顧客は、複雑なAPIを学んだりコードを書いたりすることなく、自然言語を通じてカスタマイズされたプラグイン、ワークフロー、またはインターフェイスを構築することで、SaaSプラットフォームの機能を拡張することができます。
4. 教育とプログラミング入門
   学習ツールとして、プログラミング初心者が簡単な説明からステップバイステップでアプリケーションがどのように構築されるかを視覚化し、プロジェクトの構造やコードの構成を理解するのに役立ちます。

品質保証

1. VibeSDKは、AIが生成したコードの安全性をどのように確保しているのですか？
   AIによって生成されたアプリケーションはすべて、完全に隔離されたCloudflare Containersで実行され、プレビューされます。 これらのコンテナへのネットワークアクセスは厳しく制限され、生成されたコードが機密性の高い外部リソースや内部リソースにアクセスしないようにし、セキュリティリスクを効果的に防止します。
2. VibeSDKはどのようなAIモデルをサポートしていますか？
   CloudflareのAI Gatewayを介して複数のLarge Language Model（LLM）プロバイダーに接続し、現在は主にGoogleのGeminiモデルを使用するように構成されているが、OpenAIやAnthropicなどの他のモデルの切り替えや使用をサポートするように設計されている。
3. 生成されたアプリケーションは何回の訪問を処理できますか？
   最終的にデプロイされたアプリケーションはCloudflare Workerとして実行され、それ自体が高い並行性と大規模アクセス向けに設計されており、Cloudflareのグローバルネットワークを活用して自動的に拡張できるため、個人プロジェクトからエンタープライズクラスのアプリケーションまで、さまざまなトラフィックサイズに快適に対応することができます。
4. VibeSDKのインスタンスをデプロイするのにコストはかかりますか？
   コストは主に、クラウドフレアのワーカーズペイメントプラン、D1データベース、R2ストレージ、AIモデルのAPIコールのコストから発生する。cloudflareのAI Gatewayは、一般的なリクエストに対するレスポンスもキャッシュするため、AIコールのコストをさらに削減することができる。