ワークスペースで何ができるのか?

ワークスペースは、HappySeeds が会話を実用的なプロジェクトに変える場所です。 AI チャット、プレビュー、アセット、コード、分析、クラウド サービス、アプリ設定、認証、支払い設定を 1 か所にまとめます。

仕組み

左側はAIと会話する場所です。右側はプロジェクトを検査する場所です。

変更を要求すると、AI がプロジェクトを更新します。次に、ワークスペース ツールを使用して、結果の確認、生成されたファイルの検査、コードのレビュー、サービスの構成、アプリの公開の準備を行います。

良いリズムとは次のようなものです。

  1. チャットにおける 1 つの変更について説明します。
  2. 結果をプレビューで確認します。
  3. PC、タブレット、またはモバイルのビューポートを使用してレイアウトを確認します。
  4. ファイルまたは実装の詳細を検査する必要がある場合にのみ、アセットまたはコードを開きます。
  5. プロジェクトでこれらの設定の準備ができたら、アプリ、クラウド、認証、または支払いを構成します。
  6. プロジェクトを公開し、ライブ URL をテストします。

主な機能

  • プレビュー: 反復中に現在のアプリを視覚的に確認します。 PC、タブレット、モバイルのビューポートを使用して、応答性の動作を確認します。
  • プロンプトベースの編集: 自然言語で変更を要求し、小さなパスで結果を調整します。
  • アセット: アップロードまたは生成されたファイル、画像、およびその他のプロジェクト リソースを検査します。
  • コード: 変更内容を理解したり、技術的な問題を診断したりする必要がある場合は、生成された実装を確認します。
  • 分析: プロジェクトがデプロイされ、分析が利用可能になった後、トラフィックと使用状況のシグナルを確認します。
  • クラウド: データベース、カスタム ドメイン、シークレット、ログなどのバックエンド サービスを管理します。
  • アプリ設定: 共有する前に、プロジェクトのアイコン、タイトル、SEO メタデータ、プレビュー画像を更新します。
  • 認証: アプリにユーザー アカウントが必要な場合は、Google や Brevo などのサインイン プロバイダーを設定します。
  • 支払い: アプリで有料フローが必要な場合は、チェックアウト、サブスクリプション、Webhook、またはカスタマー ポータルを接続します。

最初に何を使うか

プレビュー から始めて、ビジュアルやコピーの変更についてチャットしてください。タスクで必要な場合にのみ他のツールを開きます。

  • プレビュー を使用して画面、ルート、応答動作を確認してください
  • 問題にファイル、画像、アップロードされたリソースが関係している場合は 資産 を使用してください
  • 実装の詳細が必要な場合は コード を使用してください
  • デプロイ後に 分析 を使用して、訪問数とページのアクティビティを確認してください
  • アプリがデータ、ドメイン、シークレット、またはログを必要とする場合は 雲 を使用してください
  • 公開または共有する前に アプリ を使用してください
  • プロジェクトが外部アカウントまたは認証情報に依存する場合は、認証 と 支払い を使用します。

各機能の目的

プレビューは、ユーザーに何が表示されるかを確認するためのものです。 AI に別の視覚的な変更を要求する前、および公開する前に使用してください。

Assets はプロジェクト ファイル用です。画像が見つからない場合、ファイルをアップロードする必要がある場合、またはプロジェクトにどのリソースが存在するかを確認したい場合に使用します。

コードは技術検査用です。生成されたファイルを理解する必要がある場合、機能が特定の動作をする理由を調査する必要がある場合、または開発者と詳細を共有する必要がある場合に使用します。

分析はライブ使用状況データ用です。これは、プロジェクトが公開され、実際のユーザーがサイトにアクセスした後が最も役立ちます。

クラウドは実稼働サービス用です。アプリがデータベース、カスタム ドメイン、環境変数、認証プロバイダー、支払いプロバイダー、またはログを必要とする場合に使用します。

制限とユーザー制御

ワークスペースは、アプリの多くの部分の構築と接続に役立ちますが、外部サービスの制御に代わるものではありません。

あなたは引き続き以下をコントロールできます:

  • サードパーティアカウント
  • APIキーとシークレット
  • ドメインDNSレコード
  • 決済プロバイダーの設定
  • 公に公開されるもの

AI はセットアップをガイドし、アプリを接続できますが、起動前に機密性の高い設定を確認する必要があります。

プレビュー URL は一時的なもので、30 分後に期限切れになります。安定したものを共有する必要がある場合は、プロジェクトを公開し、公開された URL を送信します。

分析は、公開されたプロジェクトと実際のトラフィックにも依存します。新しいプロジェクトまたは未公開のプロジェクトにはデータが表示されない場合があります。

関連するよくある FAQ

  • プレビューが正しくない場合はどのタブを開けばよいですか?
  • 公開ページの外観がプレビューと異なるのはなぜですか?
  • すべてのプロジェクトにクラウドが必要ですか?
  • API キーをどこに配置すればよいですか?
  • プレビューまたは公開された URL から認証と支払いをテストする必要がありますか?

関連ガイド