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

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で開く

​
リンクの作成

リンクを作成するには、以下の形式を使用します。 
https://replit.com/?stack=Build&prompt=A4Jw9gtsAuQ&referrer=replit-docs

​
URLパラメータ

URLには以下のパラメータを含めてください。
パラメータ型説明必須/任意
stackstring使用するビルドモード。DesignまたはBuildのいずれか。Designはビジュアルプロトタイピング用のCanvasを開きます。Buildはフルアプリ開発用のAgentを開きます。必須
promptstringビルドするアプリを説明するテキスト。LZ-stringを使って圧縮します。非圧縮のプロンプトは最大50,000文字まで使用できます。必須
referrerstringこのリンクを含むページの名前またはURL。アトリビューション用。任意
promptパラメータはURLに追加する前にLZ-string圧縮を使って圧縮する必要があります。これによりURLがブラウザの長さ制限内に収まり、正しく解析されます。

​
インタラクティブなリンクビルダー

以下のツールを使ってReplitで開くリンクを生成します。プロンプトを入力し、スタックモードを選択すると、LZ-string圧縮が適用されたリンクが自動的に生成されます。

​
プロンプトの圧縮

有効なReplitで開くリンクを作成するには、LZ-string圧縮を使ってプロンプトを圧縮する必要があります。方法は以下の通りです：

​
JavaScript/TypeScript

import LZString from 'lz-string';

const prompt = 'Create a todo app with a clean, modern design';
const compressed = LZString.compressToEncodedURIComponent(prompt);
const url = `https://replit.com/?stack=Design&prompt=${compressed}`;

​
Python

import lzstring

prompt = "Create a todo app with a clean, modern design"
compressed = lzstring.LZString().compressToEncodedURIComponent(prompt)
url = f"https://replit.com/?stack=Design&prompt={compressed}"
圧縮された文字列がURL安全であることを保証するためにcompressToEncodedURIComponentを使用してください。

​
例

基本プロンプトのCanvas 
https://replit.com/?stack=Design&prompt=AoUwTgzg9gdghgGwAQAcpgC4DMoIJZRIR4YgB0QA
詳細プロンプトのビルドモード 
https://replit.com/?stack=Build&prompt=LIQw1gpgBCUE4HsQBMC2IAOUMBsQDt8BLfAcygBcEEcoB3ACwjmg0WQFcBjCqdfEKWYBnKFwJiWICtALIoANyLCOIHEQBe0AI6q4MuDgCe2dt16IU6DMIB0UAJL4uODsmjI4g0iABGOaHE4ZFEAMwQ4KBIiCiJpIgUIYQAaUyIImJMKQRSYfHkuGgixBGQScl8siBBUewARJKJSfCjeOhiGGFMEUKThdIFaWNQIdXxoJQg6PIKAglTUUuYWgFUHWyA&referrer=replit%20docs

​
スタックモード

​
Canvas

stack=Designを使用すると、プロンプトがCanvasで開きます。Canvasは以下に最適化されています：
  • ビジュアルデザインとUIプロトタイピング
  • レイアウトとスタイリングの高速な反復
  • デザインモックアップの作成
  • フロントエンド重視の開発

​
ビルドモード

stack=Buildを使用すると、プロンプトがAgentで開きます。Agentは以下に最適化されています：
  • フルスタックアプリケーション開発
  • バックエンドロジックとAPI
  • データベース統合
  • 複雑な機能と特性

​
ベストプラクティス

  • 最良の生成結果を得るために、プロンプトは簡潔でコア機能に焦点を当てます。
  • ビルドしたいものを説明する明確で説明的な言語を使用します。
  • ユースケースに応じて適切なstackモードを選択します（UI/UXはDesign、フルアプリはBuild）。
  • 共有する前に圧縮されたURLが正しく解析されることをテストします。
  • プロンプトを作成する際は対象者の技術レベルを考慮します。

​
ユーザー認証

Replitの認証状態に関係なく、アプリを作成する前に入力が必要です。通常、これはプロンプトを送信することを意味します。

​
エラー処理

URLが不正または無効なパラメータの場合、Replitはプロンプトを入力しません。考えられる原因：
  • 必須パラメータ（stackまたはprompt）の欠落
  • 無効なstack値（DesignまたはBuildでなければならない）
  • promptパラメータの解凍失敗
  • ブラウザの「URLが長すぎます」エラー（ただし圧縮によって軽減されます）

​
セキュリティに関する考慮事項

Replitで開くリンクは、意図しない動作やセキュリティの脆弱性を持つアプリを作成するために使用される可能性があります。信頼できるソースからのリンクのみクリックしてください。
Replitで開くリンクを共有する際：
  • 公開する前にプロンプトを慎重に確認する
  • 生成されるアプリのセキュリティへの影響を考慮する
  • プロンプトに機密情報を含めることを避ける
  • リンクが何を作成するかについて透明性を保つ

​
関連リソース