はじめに

デプロイメントの理解

FloopFloop がプロジェクトをビルドしてデプロイする際に裏で何が起こるか。

最終更新:

「Build It」をクリックすると何が起こるか

プロジェクトを作成すると、FloopFloop は自動化されたパイプラインを開始し、 あなたのプロンプトをテキストからライブのデプロイ済みアプリケーションへと変換します。 通常、このプロセス全体には 2〜5 分かかります。

プロジェクトページでリアルタイムに進捗を確認できます。各ステップには アニメーション付きのステータスメッセージが表示されるため、 常に何が起きているかを把握できます。

デプロイメントのステップ

FloopFloop's のデプロイメントパイプラインには 6 つのステップがあり、 それぞれ自動的に処理されます:

ステップ 1: ビジョンの理解

AI がプロンプトを読み込んで分析します。どのようなプロジェクトを望んでいるか、 説明した機能は何か、そしてコードを書く前にアーキテクチャを計画します。

ステップ 2: コードの作成

これが最も時間のかかるステップです。AI がプロジェクト用のプロダクション対応コードを生成します。 コンポーネント、ページ、レイアウト、スタイル、データロジックを含みます。 現在のベストプラクティスを用いた、クリーンでモダンなコードを記述します。

ステップ 3: リポジトリのセットアップ

FloopFloop はプロジェクト用のコードリポジトリを作成し、すべての生成ファイルを コミットしてプッシュします。このリポジトリがプロジェクトの唯一の信頼できる情報源となります。

ステップ 4: ビルドとデプロイ

プラットフォームが依存関係をインストールし、コードをコンパイルして、 ビルドされたアプリケーションをクラウドにデプロイします。 このステップは通常 CI/CD パイプラインが必要とする作業をすべて処理します。

ステップ 5: ドメインの接続

選択したサブドメインに DNS レコードが設定され、デプロイ済みアプリケーションに接続されます。 このステップの後、プロジェクトは yourname.floop.tech でアクセス可能になります。

ステップ 6: データベースの準備

プロジェクトにデータストレージが必要な場合、FloopFloop はデータベーススキーマを セットアップし、テーブルを作成して、すべてを設定します。 これがプロジェクトがライブとしてマークされる前の最終ステップです。

進捗の監視

プロジェクトがビルド中の間、プロジェクトページには現在のステップ、 プログレスバー、および各瞬間に何が起きているかを説明するアニメーション付きの ステータスメッセージを含む進捗インジケーターが表示されます。

ページを開いたままにしておく必要はありません。デプロイメントはバックグラウンドで 継続されます。戻ってきたとき、ページは現在の状態を表示します。

問題が発生した場合

まれに、デプロイメントが失敗することがあります。この場合、プロジェクトページに 明確なエラーステータスが表示されます。プロジェクトページからデプロイメントを 再試行するか、プロンプトを修正して再度試みることができます。