メインコンテンツへスキップ

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.

Replit で別の方法でビルドを始めたいですか?リミックスを使えば、コミュニティが作成した既存のアプリから始められます。スクラッチからビルドするより速く、動作するコードから学ぶ優れた方法です。
Replit が初めてですか?Agent がスクラッチからどのように動作するかを学ぶために、最初のアプリをビルドする を試してみてください。

リミックスを作成する

所要時間: 約5分 このガイドの手順に従って、インタラクティブなデジタルピアノアプリのリミックスを作成します:
鍵盤付きのインタラクティブなデジタルピアノ
公開済みのアプリは Digital Piano Keys でお試しください。
1

アプリをリミックスする

以下の Remix this app ボタンを選択して、Digital Piano アプリの独自バージョンの作成を開始します。
2

アプリの詳細を入力する

ボタンを選択すると、Remix App ダイアログが表示されます。Remix App を選択して続行します。これらの詳細は後で編集できます。
アプリ名、説明、プライバシー設定が表示された Remix App ダイアログ
3

ピアノを演奏する

アプリが自動的に起動します。Preview タブに移動してピアノのインターフェースを確認します。
これで、インタラクティブに操作して改良できる完全に機能するリミックスが完成しました。ピアノの鍵盤をクリックしてメモを演奏し、サウンドを聴いてみてください。アプリをテストするために簡単なメロディを演奏してみてください。

リミックスを改良する

動作するアプリが完成したら、Agent を使って変更・拡張します。以下のセクションでは、リミックスを改良する実践的な例を紹介します。

Agent を使って機能を追加する

Agent を使ってリミックスに複雑な機能を追加します:
1

プロンプトを作成する

Agent タブに移動します。テキストエリアに以下のプロンプトを入力します:プロンプトを送信すると、Agent が確認や説明を求めて一時停止することがあります。テキストエリアで返答してください。
2

機能をテストする

Preview タブに移動して、Agent によるピアノの更新を確認します。チュートリアルモードを開始して、鍵盤がハイライトされる通りに演奏してみてください。
最初のプロンプトにビジュアルデザインの具体的な詳細が含まれていなかったため、結果が期待通りでない場合があります。
3

機能を改良する

機能が期待と異なる場合は、Agent テキストエリアにフォローアッププロンプトを入力して会話を続けます。例えば:これらの変更を元に戻すには、Agent タブで変更のプランを開始した直後に作成されたチェックポイントの Rollback to here を選択してください。チェックポイントとロールバック について詳しく学びましょう。

Lite モードを使って機能を追加する

以下の手順で Lite モード を使ってリミックスに素早い改良を加えます:
1

プロンプトを作成する

Lite モード に切り替えて、以下のプロンプトを入力します:プロンプトを送信すると、Agent が加えたい変更を説明し、処理を続ける前にコードの変更を確認できるようにします。 現在のコードと更新の比較を表示するには Preview code changes を選択してください。
2

機能をテストする

Apply all を選択して、その後の確認を承認して続行します。Preview タブに移動して結果を確認します。演奏した内容をキャプチャして再生できるレコードボタンと再生ボタンが表示されているはずです。これらの変更を元に戻すには、Agent タブのロールバック機能を使ってください。

旅を続ける

このチュートリアルを完了したので、次のリミックス固有のステップをご紹介します:
  • もっとリミックスを探索する: コミュニティ を閲覧して、リミックスして学べるアプリを見つけましょう
  • スクラッチからビルドする: Agent で自分のアプリを作成するを試して、体験を比較しましょう
  • リミックス用に公開する: 他の人があなたの作業の上に構築できるよう、改良したバージョンを共有しましょう。