プレビュー

プレビューでは、プロジェクトを公開する前に、プロジェクトの現在のバージョンを検査します。

AI に変更を依頼した後のレイアウト、コピー、インタラクション、ルート、または応答動作を確認したい場合に使用します。

仕組み

ワークスペースには、チャットとプレビューが並べて表示されます。チャットで変更を依頼し、結果をプレビューで確認します。

プロジェクトに複数のページまたはルートがある場合は、プレビューパスフィールドを使用して特定のページを開きます。ビューが古いように見える場合は、AI に別の変更を依頼する前にプレビューを更新してください。

主な機能

ライブビジュアルレビュー: ワークスペース内で最新に生成されたプロジェクトを確認します。
デバイスビューポート: PC、タブレット、モバイルビューを切り替えて、レスポンシブなレイアウトの問題を検出します。
ルートテスト: プロジェクトに複数のページが含まれる場合、特定のパスを開きます。
新しいタブで開く: 大きなブラウザウィンドウが必要な場合は、外部プレビュー URL を使用します。
プレビューを更新: 生成、ルート変更、またはアセットの更新後に、現在のプロジェクトビューを再読み込みします。
公開前チェック: プロジェクトを公開または共有する前にレビューします。

変更を確認する方法

AI に明確な変更を 1 つ要求してください。
生成が完了するまで待ちます。
プレビューを開きます。
変更された画面をPCビューで確認してください。
モバイルおよびタブレットのビューに切り替えます。
重要なルートを開きます。
結果が間違っている場合は、目に見える問題をチャットで説明し、重点的な修正を依頼してください。

通常、小規模で具体的なフォローアップリクエストは、AI に一度に多くのものの再設計を依頼するよりも効果的です。

プレビュー URL

プレビュー URL は一時的なもので、30 分後に期限切れになります。

構築中の内部レビューにはプレビューを使用します。安定したリンクをチームメイト、顧客、またはテスターに送信する必要がある場合は、代わりにプロジェクトを公開し、公開された URL を共有します。

プレビューだけでは物足りない場合

公開された URL は、以下に関する最終チェックに使用します。

カスタムドメイン
本番用 SEO メタデータ
決済プロバイダーのコールバック
認証プロバイダーのリダイレクト
分析トラフィック
パブリックシェアリング

プレビューは高速な反復に適しています。公開された URL は、運用環境の動作を確認するのに最適な場所です。

関連ガイド