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

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.

プロジェクトエディターには、アプリ構築体験を強化するレイアウト管理機能と統合ツールが含まれています。 これらのプロジェクトエディター機能は開発プロセスの特定の側面を専門的に処理し、 設定ではなく制作に集中できるようにします。

カスタマイズ可能なプロジェクトエディターレイアウト

プロジェクトエディターのレイアウト管理ツールを使用すると、開発環境のコンポーネントをカスタマイズできます。 以下のユーザーインターフェース要素タイプで構成されています:
要素説明機能ユースケース
ウィンドウ1つまたは複数のペインを含むブラウザタブ
  • 複数の画面をまたいで整理可能
  • 複数の画面にまたがってプロジェクトエディターを整理する
  • 複数のプロジェクトを同時に作業する
ペイン1つまたは複数のタブを含むウィンドウのセクション
  • 水平・垂直の分割をサポート
  • サイズ変更と並べ替えが可能
  • ウィンドウ内でフローティングペインに変換可能
  • コードとプレビューを並べて表示
  • 異なる開発タスク用のカスタムレイアウトを作成
タブファイルエディター、Preview、Agent などプロジェクトエディターのツールを1つだけ含む
  • ペイン間での移動や並べ替えが可能
  • クリック1回で異なるファイルやツールに切り替え可能
  • 必要なときに異なるツールやファイルを開く
次の動画で、各プロジェクトエディターレイアウト要素を確認できます:

ファイルツリー

ファイルツリーには、Replit App のすべてのファイルとディレクトリが表示されます。
左側の矢印付きフォルダアイコンフォルダアイコンを選択して、 ファイルツリーの表示/非表示を切り替えます。
ファイルツリーでは、次の操作が行えます:
  • フォルダーを選択してその内容を表示
  • ファイルを選択するかペインにドラッグして、ファイルエディターで開く
  • 複製、名前変更、移動、ダウンロード、削除などのファイル操作を実行
次の動画では、ファイルツリーのいくつかの操作を示しています:

ツールドック

ツールドックでは、プロジェクトエディターのツールを検索して新しいタブで開くことができます。
よく使用するツールから選択するか、すべてのツールアイコン すべてのツール アイコンを選択してツール検索ポップアップメニューを開きます。
次のスクリーンショットは、ツールドック内の開いたすべてのツールポップアップメニューを示しています:
ツールドックのスクリーンショット

実行ボタン

実行ボタンは、Replit App の選択したワークフローを実行します。
実行ボタンはプロジェクトエディター画面の上部にあります。ボタンを選択してワークフローを実行します。Replit App が実行中の場合、ボタンのラベルは停止に変わります。ボタンを選択してアプリを停止します。
ワークフローの選択、表示、管理の方法については、ワークフローを参照してください。 次の動画は、ワークフローの表示と実行方法を示しています:

スポットライトページ

スポットライトページでは、Replit App のカバーページを表示・変更したり、共有オプションにアクセスしたりできます。
プロジェクトエディターの左上にあるプロジェクト名を選択して、スポットライトページを表示/非表示にします。
次の動画は、スポットライトページへのアクセス方法を示しています:

オプションメニュー

オプションメニューでは、次のタイプのレイアウト操作が行えます:
  • ウィンドウ管理:Replit App のプロジェクトエディターを新しいウィンドウで開く
  • ペイン管理:ペインの追加、移動、最大化、フローティングと固定の切り替え
  • タブ管理:他のタブを開くまたは選択、タブを別のペインに移動、タブを閉じる
アクティブなタブの右上にある縦3点ドットアイコン縦3点ドット を選択してオプションメニューを開きます。
次のスクリーンショットは、左のペインのオプションポップアップメニューを示しています:
プロジェクトエディターのオプションメニューを示すスクリーンショット

検索バー

検索バーでは、プロジェクトエディター内のファイル、テキスト、ツールを検索できます。
  1. 検索バーを開くには、上部の虫眼鏡アイコン虫眼鏡アイコンを選択します。
  2. 検索テキストを入力し、オートコンプリートの候補から選択します。
次のスクリーンショットは、検索ポップアップメニューを示しています:
プロジェクトエディターの検索メニューを示すスクリーンショット

リソースパネル

リソースパネルには、開発環境のコンピューティングリソースと使用状況(RAM、CPU、ストレージなど)が表示されます。 この情報は、Replit App の公開要件の見積もりと最適化に役立ちます。
  1. アプリ名の横にある積み重なったコンピューターアイコンリソースアイコンを選択してパネルを表示/非表示にします。
  2. コンピュートまたはストレージの項目にカーソルを合わせると詳細が表示されます。
次のスクリーンショットは、リソースパネルを示しています:
プロジェクトエディターのリソースパネルを示すスクリーンショット

ツール

他のプロジェクトエディターツールについては、以下のリストから選択してください:

Secrets

アプリのAPIキー、認証情報、パスワードを安全に管理します。

File History

Replit のバージョン追跡機能で、失った編集を復元するために時間を遡ります。

Multiplayer

2人以上のユーザーでリアルタイムに共同コーディングします。

User Settings

設定ツールでコーディング体験をカスタマイズします。

Console

Replit App の出力を表示します

Shell

コマンドラインインターフェースを使用してプロジェクトエディターを操作します。

Preview

ウェブアプリケーションをプレビューしてデバッグします。