Replitにはアプリを操作する2つの方法があります：CanvasとPreview。最も良い点は、両方を一緒に使えることです — まず美しいデザインを作り、磨き上げ、準備ができたら完全に機能するアプリに変換できます。Documentation Index
Fetch the complete documentation index at: https://docs.replit.com/llms.txt
Use this file to discover all available pages before exploring further.
Canvasとは？
Canvasを使うと、数分で美しくインタラクティブなウェブサイトやアプリのデザインを作成できます。アイデアを説明するだけで、Replitが構築してくれます。 Canvasが最適な場面：- アイデアをすばやく試す：機能を構築する前にアプリのデザインを可視化する
- 洗練されたウェブサイトを作成する：ランディングページ、ポートフォリオ、レストランのメニュー、イベントページ
- デザインを細かく調整する：色、レイアウト、コンテンツを即座に調整
Canvasのデザインは本物のアプリのような見た目と操作感がありますが、まだデータを保存したり外部サービスに接続したりはしません。見た目が気に入ったら、ワンクリックでデザインをフルアプリに変換できます。以下のステップでその方法を説明します。
Previewとは？
Previewはデータを保存し、ユーザーのサインインを許可し、他のサービスに接続できる、リアルな動作するアプリケーションとして作成物を表示します。アプリのインタラクティブなフルサイズビューです。 Previewを使うべき場面：- ユーザーアカウント：ユーザーがアカウントを作成してログインできる
- 情報の保存：注文、メッセージ、ユーザー設定などのデータを保存する
- 他のサービスへの接続：支払いを処理し、メールを送信し、他のアプリからデータを取得する
- 複雑なタスクの処理：オンラインストアの運営、予約の管理、ダッシュボードの提供
両方のモードを組み合わせて使う
CanvasとPreviewは一緒に使えるように設計されています。どちらか一方を選ぶ必要はありません。デザインから始めて、フルアプリへと発展させることができます。改良と反復
**Reimagine（再構想）**を使って選択したデザインの新しい方向性を探索するか、ビジュアルエディターを開いて要素を直接クリックして調整します。Agentとチャットして欲しい変更を説明することもできます — 即座に反映されます。
フルアプリに変換する
デザインに満足して実際の機能を追加する準備ができたら、**Build（構築）**を選択してデザインをアプリに変換します。新しいアーティファクトを作成するか、既存のものにデザインを適用できます。Agentがデザインを保持しながら、データの保存、ユーザーアカウントの処理、サービスへの接続機能を追加します。完全なワークフローはFigmaデザインをインタラクティブなアプリにするPPガイドを参照してください。
データベースや高度な機能を追加しようとすると、Agentが変換を促します。
どちらのモードをいつ使うべきか
Canvasから始める
- アイデアをすばやく確認したい
- シンプルなウェブサイトを作成する
- 異なるデザインを試したい
- 速さを優先する
Previewに直接進む
- 必要なものが明確にわかっている
- アプリが最初からデータを保存する必要がある
- ユーザーがログインする必要がある
- 他のサービスに接続する
主な違い
| 機能 | Canvas | Preview |
|---|---|---|
| 速さ | 数分 | 完全なアプリで約10分 |
| データストレージ | ビジュアルのみ（保存なし） | リアルなデータを保存・取得 |
| ユーザーアカウント | ログインの見た目を表示 | 実際のログイン機能 |
| サービスへの接続 | 利用不可 | 支払い、メール、外部データ |
| ホスティング | シンプルな静的ホスティング | 視聴者に合わせてスケール |
次のステップ
Canvas
デザイン作成についてさらに学ぶ
ビジュアルエディター
クリックでビジュアル変更を加える
Agent
Agentが構築できるものを探る
学ぶ
完全なワークフローを学ぶ