> ## 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 Apps

> Replit Appsは、あなたのアイデアをどこからでも誰もがアクセスできるアプリに変えるのに役立ちます。

export const YouTubeEmbed = ({videoId, title = "YouTube video", startAt}) => {
  if (!videoId) {
    return null;
  }
  let url = "https://www.youtube.com/embed/" + videoId;
  if (startAt) {
    url = url + "?start=" + startAt;
  }
  return <Frame>
      <iframe src={url} title={title} allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowFullScreen></iframe>
    </Frame>;
};

export const EnterpriseWorkspaceStorage = 'Custom';

export const TeamsWorkspaceStorage = '256GB';

export const CoreWorkspaceStorage = '50GB';

export const StarterWorkspaceStorage = '2GB';

## Replit Appとは？

Replit Appsは、コード、データ、アセットを含むクラウドホスト型プロジェクトです。
安全で隔離された環境から作成、実行、公開することができます。

Replit Appsは、シームレスな開発体験を提供するために、Project Editorの以下のツールと統合されています：

* **AIを活用したツール**：Agentを使ってコードを作成、デバッグ、説明する。
* **コラボレーション**：同じアプリでリアルタイムに他のユーザーと協力する。
* **公開**：ワンクリックでアプリをクラウドに公開する。
* **テンプレート**：様々なユースケース向けのプリセット設定を使ってアプリをすばやく開始する。

## はじめに

<Tip>
  Replit Appsの作成手順については、以下のクイックスタートガイドをご覧ください：

  * [アプリをリミックスする](/ja/build/remix-an-app)
  * [初めてのアプリを作る](/ja/build/your-first-app)
  * [ゼロから構築する](/ja/learn/effective-prompting)
</Tip>

Replit Appを開くには、Replitにログインし、以下のいずれかの方法でProject Editorで開きます。

<Accordion title="新しいReplit Appを作成する">
  1. <img class="icon-svg" src="https://mintcdn.com/replit/rJldsgYVucXB_6kW/images/icons/create-app-icon.svg?fit=max&auto=format&n=rJldsgYVucXB_6kW&q=85&s=cc16ebed380bbd324dafaa2c93a91a66" alt="プラスアイコン" width="16" height="16" data-path="images/icons/create-app-icon.svg" /> **アプリを作成**を選択します。
     以下の画面が表示されます：

       <Frame>
         <img src="https://mintcdn.com/replit/AZ1L8RlIroSxuJDa/images/replit-apps/create-new-app.png?fit=max&auto=format&n=AZ1L8RlIroSxuJDa&q=85&s=2352edcc0ba788cbc369edc1844e23f9" alt="新しいアプリを作成するタブ" width="1068" height="220" data-path="images/replit-apps/create-new-app.png" />
       </Frame>

  2. 以下のオプションのいずれかを選択します：

     * **Replit Agentで作成**：AIを活用したツールを使って新しいReplit Appを作成する。
     * **テンプレートを選択**：既存のものをベースに新しいReplit Appを作成する。
     * **GitHubからインポート**：GitHubリポジトリから新しいReplit Appを作成する。

  3. ダイアログのプロンプトを完了して新しいReplit Appを開始します。
</Accordion>

<Accordion title="既存のReplit Appを開く">
  以前に作成したReplit Appにアクセスするには、左サイドバーから <img class="icon-svg" src="https://mintcdn.com/replit/rJldsgYVucXB_6kW/images/icons/folder-icon.svg?fit=max&auto=format&n=rJldsgYVucXB_6kW&q=85&s=d862b8c10221031dcf14121a7bce4c5a" alt="フォルダーアイコン" width="16" height="16" data-path="images/icons/folder-icon.svg" /> **アプリ**を選択します。
</Accordion>

## 主な機能

Replit Appsには以下の機能があります：

* **ゼロセットアップ**：インストールや設定なしで、Replit.comで直接アプリを作成したりコードを書いたりできる。
* **自動保存**：プロジェクトは変更をクラウドに継続的に保存し、どのウェブブラウザからでもコーディングを再開できる。
* **バージョン管理**：設定なしで、Replitのバージョン管理システムを通じて変更を追跡し、ファイル履歴を確認し、ファイルを同期できる。
* **公開/非公開の表示設定**：プライバシー設定で、アプリを表示、実行、リミックスできる人を制御できる。
* **公開**：複雑な設定変更なしにコードをクラウドに公開できる。
* **カスタムアプリURL**：アプリのユニークなURLを取得するか、プロフェッショナルなプレゼンスのためにカスタムドメインを割り当てる。

<Info>
  プロジェクトファイルシステムにアップロードされたファイルは、開発中にのみ利用可能で、
  公開済みアプリや他のビルダーはアクセスできません。ビルダーのアップロードを処理してファイルを提供するには[オブジェクトストレージ](/ja/features/data-and-storage/object-storage)を使用し、アプリとユーザーのデータを保存・取得するには[Replitデータベース](/ja/features/data-and-storage/sql-database)を使用してください。
</Info>

Replit Appの作成を効率化するProject Editorのツールについて詳しくは、[Project Editorの概要](/ja/learn/projects-and-artifacts/project-editor/)をご覧ください。

## 仕組み

Replit Appを作成すると、Replitはクラウド上にプロジェクト専用のプライベートスペースを設定します。
アプリに機能や変更を追加するにつれて、Replitは変更を自動的に保存するため、どのウェブブラウザからでも編集を再開できます。

Replitは必要なすべてのコンポーネントを含む事前設定済みの環境を提供します。
これにより、サーバー設定、データベースセットアップ、環境管理を気にすることなく、すぐにアプリの作成を始めることができます。

Replitは各Replit Appに自動的にユニークなウェブアドレスを割り当て、作業中にアプリをプレビューできます。作品を共有する準備ができたら、数回クリックするだけで公開して24時間365日利用可能にできます。

## ストレージの概要

Replitはアプリケーションのデータニーズに対応するために4種類の主要なストレージを提供しています。各ストレージタイプは異なるユースケースに対応し、プランに基づいた具体的な制限があります。

<Info>
  ストレージの制限には、インストールされたパッケージや依存関係を含む、アプリが保存するすべてのデータが含まれます。
</Info>

| ストレージタイプ                                                          | 説明           | ユースケース                    | 永続性               | プランの制限                                                                                                                                               |
| ----------------------------------------------------------------- | ------------ | ------------------------- | ----------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------- |
| **ファイルストレージ**                                                     | プロジェクト内のファイル | アプリケーションコード、静的アセット、設定ファイル | 公開時に永続化、再起動時にリセット | Starter: {StarterWorkspaceStorage}<br />Core: {CoreWorkspaceStorage}<br />Pro: {TeamsWorkspaceStorage}<br />Enterprise: {EnterpriseWorkspaceStorage} |
| **[データベース](/ja/features/data-and-storage/sql-database/)**         | 構造化データの保存    | ユーザープロフィール、ゲームスコア、製品カタログ  | セッションをまたいで完全に永続化  | 開発データベースあたり20GB<br />本番データベースはコンピューティング時間とストレージで請求                                                                                                   |
| **[アプリストレージ](/ja/features/data-and-storage/object-storage/)**     | 非構造化データとメディア | 画像、動画、PDF、ドキュメント          | セッションをまたいで完全に永続化  | 従量課金モデル<br />ストレージと帯域幅で請求                                                                                                                            |
| **[シークレット](/ja/core-concepts/project-editor/app-setup/secrets/)** | 暗号化された機密データ  | APIキー、認証情報、接続文字列          | 完全に永続化・暗号化        | 特定の制限なし<br />すべてのプランに含まれる                                                                                                                            |

<YouTubeEmbed videoId="Tme4GfpdWvE" title="Replitデータマスタークラス" />

<Note>
  詳細な料金と使用量ベースの請求情報については、[請求ドキュメント](/ja/category/billing/)と[ストレージとデータベースの概要](/ja/learn/projects-and-artifacts/storage-and-databases/)をご覧ください。
</Note>

## ユースケース

以下の例は、Replit Appsを使ってアプリ作成プロセスを加速する方法を紹介しています。

### 新しいことを試す

特定のプログラミング言語やソフトウェアスタックでコーディングを始めるためにテンプレートを選択します。

<Frame>
  <img src="https://mintcdn.com/replit/AZ1L8RlIroSxuJDa/images/replit-apps/template-use-case.png?fit=max&auto=format&n=AZ1L8RlIroSxuJDa&q=85&s=87e1b6bc29fe9b188e84a67a14cf66eb" alt="テンプレートの説明のスクリーンショット" width="2937" height="1530" data-path="images/replit-apps/template-use-case.png" />
</Frame>

### APIを作成してテストする

RESTfulエンドポイントでAPIを構築し、本番稼働前にProject Editorのツールでテストします。

<Frame>
  <img src="https://mintcdn.com/replit/AZ1L8RlIroSxuJDa/images/replit-apps/api-use-case.png?fit=max&auto=format&n=AZ1L8RlIroSxuJDa&q=85&s=a2cfcb002e1a4716ca5cfa7214ae88dd" alt="APIのコードとAPIリクエストテスターのスクリーンショット" width="4960" height="2440" data-path="images/replit-apps/api-use-case.png" />
</Frame>

## 次のステップ

Replit Appsについて詳しくは、以下のリソースをご覧ください：

* [テンプレート](https://www.replit.com/templates/)：スタータープロジェクトのセットアップを探してヘッドスタートを得る
* [公開](/ja/learn/projects-and-artifacts/replit-deployments)：Replit Appに最適な公開オプションを学ぶ
* [カスタムドメイン](/ja/features/publishing/custom-domains#custom-domains-with-published-apps)：Replit Appにリンクするドメインを設定する
* [ストレージとデータベース](/ja/learn/projects-and-artifacts/storage-and-databases)：ストレージオプションを確認する