> ## 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.
# エディターとツール
> プロジェクトエディターで使用できるツール（エディター、Preview、コンソール、Shell など）について学びましょう。
プロジェクトエディターには、アプリ構築体験を強化するレイアウト管理機能と統合ツールが含まれています。
これらのプロジェクトエディター機能は開発プロセスの特定の側面を専門的に処理し、
設定ではなく制作に集中できるようにします。
## カスタマイズ可能なプロジェクトエディターレイアウト
プロジェクトエディターのレイアウト管理ツールを使用すると、開発環境のコンポーネントをカスタマイズできます。
以下のユーザーインターフェース要素タイプで構成されています：
| 要素 | 説明 | 機能 | ユースケース |
| --------- | ------------------------------------------------ | ------------------------------------------------------------------------------------ | ----------------------------------------------------------------------- |
| **ウィンドウ** | 1つまたは複数のペインを含むブラウザタブ | | - 複数の画面にまたがってプロジェクトエディターを整理する
- 複数のプロジェクトを同時に作業する
|
| **ペイン** | 1つまたは複数のタブを含むウィンドウのセクション | - 水平・垂直の分割をサポート
- サイズ変更と並べ替えが可能
- ウィンドウ内でフローティングペインに変換可能
| - コードとプレビューを並べて表示
- 異なる開発タスク用のカスタムレイアウトを作成
|
| **タブ** | ファイルエディター、Preview、Agent などプロジェクトエディターのツールを1つだけ含む | - ペイン間での移動や並べ替えが可能
- クリック1回で異なるファイルやツールに切り替え可能
| |
次の動画で、各プロジェクトエディターレイアウト要素を確認できます：
## ファイルツリー
ファイルツリーには、Replit App のすべてのファイルとディレクトリが表示されます。
左側の
フォルダアイコンを選択して、
ファイルツリーの表示/非表示を切り替えます。
ファイルツリーでは、次の操作が行えます：
* フォルダーを選択してその内容を表示
* ファイルを選択するかペインにドラッグして、ファイルエディターで開く
* 複製、名前変更、移動、ダウンロード、削除などのファイル操作を実行
次の動画では、ファイルツリーのいくつかの操作を示しています：
## ツールドック
ツールドックでは、プロジェクトエディターのツールを検索して新しいタブで開くことができます。
よく使用するツールから選択するか、
**すべてのツール**
アイコンを選択してツール検索ポップアップメニューを開きます。
次のスクリーンショットは、ツールドック内の開いた**すべてのツール**ポップアップメニューを示しています：
## 実行ボタン
**実行**ボタンは、Replit App の選択したワークフローを実行します。
**実行**ボタンはプロジェクトエディター画面の上部にあります。ボタンを選択してワークフローを実行します。
Replit App が実行中の場合、ボタンのラベルは**停止**に変わります。ボタンを選択してアプリを停止します。
ワークフローの選択、表示、管理の方法については、[ワークフロー](/references/workspace-tools/workflows/)を参照してください。
次の動画は、ワークフローの表示と実行方法を示しています：
## スポットライトページ
スポットライトページでは、Replit App のカバーページを表示・変更したり、共有オプションにアクセスしたりできます。
プロジェクトエディターの左上にあるプロジェクト名を選択して、スポットライトページを表示/非表示にします。
次の動画は、スポットライトページへのアクセス方法を示しています：
## オプションメニュー
オプションメニューでは、次のタイプのレイアウト操作が行えます：
* **ウィンドウ管理**：Replit App のプロジェクトエディターを新しいウィンドウで開く
* **ペイン管理**：ペインの追加、移動、最大化、フローティングと固定の切り替え
* **タブ管理**：他のタブを開くまたは選択、タブを別のペインに移動、タブを閉じる
アクティブなタブの右上にある
縦3点ドット
を選択してオプションメニューを開きます。
次のスクリーンショットは、左のペインのオプションポップアップメニューを示しています：
## 検索バー
検索バーでは、プロジェクトエディター内のファイル、テキスト、ツールを検索できます。
1. 検索バーを開くには、上部の
虫眼鏡アイコンを選択します。
2. 検索テキストを入力し、オートコンプリートの候補から選択します。
次のスクリーンショットは、検索ポップアップメニューを示しています：
## リソースパネル
リソースパネルには、開発環境のコンピューティングリソースと使用状況（RAM、CPU、ストレージなど）が表示されます。
この情報は、Replit App の公開要件の見積もりと最適化に役立ちます。
1. アプリ名の横にある
リソースアイコンを選択してパネルを表示/非表示にします。
2. **コンピュート**または**ストレージ**の項目にカーソルを合わせると詳細が表示されます。
次のスクリーンショットは、リソースパネルを示しています：
## ツール
他のプロジェクトエディターツールについては、以下のリストから選択してください：
アプリのAPIキー、認証情報、パスワードを安全に管理します。
Replit のバージョン追跡機能で、失った編集を復元するために時間を遡ります。
2人以上のユーザーでリアルタイムに共同コーディングします。
設定ツールでコーディング体験をカスタマイズします。
Replit App の出力を表示します
コマンドラインインターフェースを使用してプロジェクトエディターを操作します。
ウェブアプリケーションをプレビューしてデバッグします。