Replitとは？ブラウザだけで開発できる仕組みを公式情報で整理する

Replitという名前を見かけるようになったけれど、何をするサービスなのかが一言で掴めない。

コードを書く道具なのか、AIに作らせる道具なのか、それとも作ったものを置いておく場所なのか。

ここが整理できていないと、触ってみても何から手を付ければいいのか分かりません。

そこで、Replitの公式サイトと公式ドキュメントに書かれている内容だけを使って、Replitという仕組みを分解しました。

この記事の情報は2026年9月11日時点のものです。

仕様は更新されますので、最新の内容は公式ドキュメントでご確認ください。

【結論】Replitとは、ブラウザで指示を出すだけで公開まで進むAI開発プラットフォーム

結論から書きます。

Replitは、作りたいものを日常のことばで説明すると、AIが中身を組み立て、そのまま公開まで持っていくプラットフォームです。

公式ドキュメントのAgentのページには、コードや技術の知識は不要で、計画から公開までAgentが引き受ける、と書かれています。

そして重要なのは、その作業の場所がブラウザだという点です。

公式のトップページは、Replitを使う場所として「Web（ブラウザで開く）」「デスクトップ（macOSとWindows）」「モバイル（iOSとAndroid）」の3つを案内しています。

この並びの先頭がWebであること自体が、Replitの立ち位置を表しています。

手元に開発環境を作らなくても、ブラウザのタブを1枚開けば、そこが作業場になります。

この記事では、その「ブラウザだけで完結する」という部分が、どういう部品でできているのかを順番に見ていきます。

Replitの用語を一覧で整理する

最初に、公式ドキュメントで使われている言葉を並べます。

ここが揃っていないと、あとの説明がすべてぼやけます。

言葉	公式ドキュメントでの意味
Project（プロジェクト）	作ったものが入る器。コード・データ・成果物をまとめて持つ単位
Artifact（アーティファクト）	公開できる成果物そのもの。Webアプリ、モバイルアプリ、スライドなど
Agent（エージェント）	指示を受けて実際に作るAI。質問に答えるだけでなく、環境構築や修正まで行う
Chat	会話しながら調べる・整理する・計画する場所
Build	アイデアを動くアプリやサイトにしていく場所
Design	見た目を先に作り込むデザイン用の場所
Project Editor	ファイル・実行・プレビューなどの道具が並ぶ作業画面
Publishing	作ったものをインターネットに出す機能

公式ドキュメントは、Projectを「机の上のワークスペース」にたとえています。

1つの机の上に、目的の違う成果物が複数のっている状態です。

そしてその成果物のほうが、公開できる単位として扱われます。

Replitがブラウザだけで完結する仕組み

ここがこの記事の中心です。

Replitは、開発に必要な部品をすべてブラウザの画面の中に置いています。

公式ドキュメントのProject Editorのページによると、画面は次の3層で組み立てられています。

• ウィンドウ＝1つ以上のペインを含むブラウザタブ。複数の画面に分けて配置できる
• ペイン＝ウィンドウの中の区画。左右にも上下にも分割でき、大きさを変えたり浮かせたりできる
• タブ＝ちょうど1つの道具が入る枠。ファイルエディタ、Preview、Agentなどが入る

つまり「エディタのウィンドウ」に当たるものが、そのままブラウザのタブになっています。

左側にはファイルツリーがあり、フォルダを開いたり、複製・名前変更・ダウンロード・削除といった操作ができます。

上部にはRunボタンがあり、押すとアプリが動きます。

動いている間はボタンの表示がStopに変わる、と公式ドキュメントに書かれています。

そして動かした結果を見るのがPreviewです。

Runボタンでアプリを起動すると、Replitは一時的なURLを割り当て、それがインターネットから到達できる状態になります。

Previewタブはそのページをブラウザと同じように描画します。

公式ドキュメントによると、Previewには次の機能が含まれます。

• ライブWebビュー＝ブラウザのタブを離れずにアプリを操作して確かめられる
• 開発者ツール＝コンソール、要素、ネットワークなどを内蔵している
• レスポンシブ確認＝スマートフォンの画面サイズを切り替えて表示できる

さらに、アプリ名の隣にあるリソースパネルを開くと、開発環境のRAM・CPU・ストレージの使用量が見られます。

手元のパソコンの性能ではなく、Replit側の計算資源を見ながら作業する形になっている、ということです。

なお、Previewは以前Webviewと呼ばれていた機能の新しい名前だと公式ドキュメントに明記されています。

古い記事でWebviewという名前を見かけたときは、同じものだと考えて差し支えありません。

画面の詳細は公式ドキュメントのEditor & ToolsのページとPreviewのページにあります。

Replitで作れる成果物は7種類ある

Replitは「Webサイトを作る道具」だと思われがちですが、公式ドキュメントの分類はもっと広く取られています。

公開できる成果物として並べられているのは次の7種類です。

種類	公式ドキュメントの説明	例として挙げられているもの
Webアプリ	人がブラウザで訪れるサイトやWebアプリケーション	オンラインストア、予約ツール、ポートフォリオ
モバイルアプリ	スマートフォンに入れて使うネイティブアプリ	フィットネス記録、飲食店の注文アプリ
データ可視化	グラフ・絞り込み・最新データを持つ対話型ダッシュボード	売上レポート、指標の追跡、分析ビュー
スライドデッキ	そのまま発表でき、書き出しもできるプレゼン資料	ピッチデック、チーム共有、製品概要
アニメーション	MP4として書き出せるモーショングラフィックスの動画	製品紹介動画、解説動画、SNS向けの素材
3Dゲーム	3Dのゲーム、シミュレーション、体験型のコンテンツ	パズルゲーム、物理シミュレーション
デザイン	デザインキャンバス上で探る視覚的な方向性と試作	ムードボード、モックアップ、デザイン検討

この一覧を見ると、Replitは「アプリ工場」というより「公開できるものを作る場所」として設計されていることが分かります。

スライドや動画まで同じ器の中に入る点は、いわゆる開発ツールとは違う発想です。

種類ごとの提供条件は、それぞれの専用ページで確認するよう公式ドキュメントのアーティファクトのページが案内しています。

Replitのプロジェクトは複数の成果物を1つの器に入れる

ここがReplitの構造でいちばん独特な部分です。

1つのプロジェクトには、最大7つの成果物を入れられます。

ただしモバイルアプリだけは、1つのプロジェクトにつき1つまでと決められています。

同じプロジェクトに入っている成果物は、データとバックエンドの処理を自動的に共有します。

公式ドキュメントは、この共有を次のように説明しています。

• Webアプリで注文が入ると、同じプロジェクトのモバイルアプリとデータダッシュボードにもその注文が見える
• つなぎ込みの設定や、同じコードの二重管理は必要ない
• 公開すると、プロジェクト全体が一度に公開される。すべての成果物が同時に反映されるので、ずれが起きない

そして、成果物ではないファイルは単体では公開できません。

CSV、画像、Markdownのファイルなどは、成果物を支える材料という扱いです。

共有したい場合は、アプリに組み込むか、新しい成果物として作り直す必要があります。

公開すると、成果物ごとに共有用のURLが与えられます。

プロジェクトの考え方は公式ドキュメントのプロジェクトのページにまとまっています。

ReplitのAgentは「答える」ではなく「作る」

Replitの中心にあるのがAgentです。

公式ドキュメントは、質問に答えるだけのチャットボットとは違う、と明確に線を引いています。

Agentはプロジェクトを用意し、アプリを作り、自分の作ったものを点検し、途中で見つかった問題を直します。

流れは4段階で説明されています。

1. 作りたいものをふつうのことばで説明する（質問や調べものでもよい）
2. 必要なら種類を選ぶ。説明済みなら、Agentが適切な構成を自動で判断する
3. Agentがコードを書き、環境を用意し、結果をテストする
4. 会話しながら整えて、準備ができたら公開する

動き方は4つのモードで選べます。

• Free Mode＝プランの割り当ての範囲で費用がかからない日常の作業。CoreとProの割り当ては5時間ごとに戻り、週単位の上限もある
• Auto＝PowerまたはMaxでの有料作業のときに、タスクごとにモデルを自動で選ぶ
• Power＝手ごろな価格で強いモデルを使う中位の有料モード
• Max＝いちばん難しい作業のための最上位の有料モード

Free Modeで足りない要求が来たとき、Agentは「1回だけ許可する」という選択肢を出し、有料の処理が始まる前に確認を求めます。

処理が終わると、Agentは自動的にFree Modeへ戻ります。

また、コードやデータに手を付ける前に段取りだけを相談するPlan modeも用意されています。

Plan modeでAgentがやることとして、公式ドキュメントは「複雑な案件を順序付きのタスク一覧に分解する」「複数のやり方を比べて長所と短所を検討する」「コードを書く前に見直して練り直す」の3つを挙げています。

同時に動かせるバックグラウンドタスクの数は、Coreが1件、Proが10件です。

AIエージェントという言葉そのものに馴染みがない方は、AIエージェントとは何かの解説もあわせてご覧ください。

Agentの全体像は公式ドキュメントのReplit Agentのページにあります。

ReplitのChatは作る前の「調べる・決める」を担当する

Replitには、いきなり作り始めない道も用意されています。

それがChatです。

公式ドキュメントによると、Chatでできることは次のとおりです。

• 会話を始めて続ける＝質問する、アイデアを探る、作りたい結果を説明する
• 文脈を渡す＝ファイル、画像、連携したツール、明確な指示を足して、依頼の土台を作る
• 調べて分析する＝情報を探し、出典を比べ、要約や計画や判断材料に変える
• 繰り返しの作業を回す＝Routineを作って定期的な確認や作業を行い、同じ会話の中で結果を見る
• 作業をプロジェクトに変える＝会話が本格的になったら、そこからアプリやスライドやデザインを作り始める

つまりReplitは、調べものの段階から成果物の段階までを1本の会話でつないでいます。

資料や画像をアップロードして前提を渡すこともできます。

SlackやGoogle ドライブ、Salesforceといった外部サービスの情報を使う道も、公式ドキュメントに示されています。

Figmaのデザインフレームを、見た目の方向性として渡すこともできます。

詳細は公式ドキュメントのChatのページにあります。

ReplitのDesignは見た目を先に決めるための場所

Replit Designは、ソフトウェアの見た目と手ざわりを決める場所だと公式ドキュメントに書かれています。

やりたいことを説明すると、操作できるモックアップが生成されます。

そしてそのモックアップが良ければ、同じプロジェクトの中でそのまま動くアプリになります。

入り口は4つあります。

• プロンプト＝作りたいものを説明して最初のフレームを作る
• テンプレート＝ランディングページ、ポスター、SNS投稿、モバイル画面、試作から選んで作り替える
• インポート＝FigmaやClaudeからデザインを持ち込む。サイトのURLやスクリーンショットから作り直すこともできる
• デザインシステム＝保存した体系から始めて、最初のフレームからブランドに合わせる

仕上げの手段も4つ用意されています。

チャットで言葉で伝える、ビジュアルエディタで要素を直接いじる、気になる箇所に丸や矢印や付箋を書き込む、必要な画像や動画を生成する、という並びです。

ビジュアルエディタの簡単な編集は、クレジットを消費せずに即座にソースコードへ反映されると明記されています。

ただし条件が1つあります。

デザインフレームから新しいアプリを作る操作にはCoreまたはProが必要で、それ以外のDesignの機能はすべてのプランで使えます。

この線引きは公式ドキュメントのReplit Designのページに書かれています。

Replitには最初からデータベースと認証が付いてくる

ブラウザだけで公開まで進めるには、裏側の部品が揃っている必要があります。

公式ドキュメントは、設定なしで使える「Replit管理の統合機能」として次を挙げています。

• Replit Database＝リレーショナルなデータとSQLのための管理型PostgreSQL。すべてのReplit Appに組み込まれている
• Replit App Storage＝アプリのファイルや素材のための保存領域。画像や動画などを置ける
• Replit Auth＝Replitのアカウントでログインできるようにする認証機能
• Replit Domains＝独自ドメインの設定と管理

データベースについては、すべてのReplit Appに既定で1つ用意されると公式ドキュメントに書かれています。

さらに、Replit Appごとに20GBの無料ストレージが含まれる、という記載もあります。

データベースの画面は3つのタブに分かれています。

• Overview＝データベースの中のテーブル一覧
• My Data＝行を見て編集する、またはSQLを実行する
• Settings＝接続文字列、使用量、接続情報

また、Agentのチェックポイントの時点へデータベースを戻せる「タイムトラベル」という機能も公式に用意されています。

ログインまわりは、設定不要のReplit Authと、細かく制御したい場合のClerkの2択で説明されています。

Replit Authなら、Agentに頼むだけでログイン画面とユーザー管理とセッションが用意される、という書き方です。

詳細は公式ドキュメントのDatabaseのページとUsers & Authのページにあります。

Replitが外部サービスとつながる4つの型

外部サービスとの連携は、公式ドキュメントで4種類に分けられています。

型	公式ドキュメントでの説明
Replit管理	組み込みで自動的に動く。アプリを作ればAgentがすぐ使える
コネクター	Replitが一次提供する連携。1度サインインすれば、Agentがチャットから読み書きできる
外部連携	信頼できる第三者のサービス。Agentに頼んで設定し、APIキーは自分で用意する
Agentサービス	Agentが裏側で使う有料の第三者API。APIキーは不要で、利用分はReplitのクレジットから引かれる

コネクターとして名前が挙がっているサービスは広い範囲に及びます。

• Google Workspace＝ドライブ、ドキュメント、スプレッドシート、スライド、カレンダー、Gmail
• Microsoft 365＝OneDrive、Outlook、SharePoint
• 開発系＝GitHub、GitLab、Bitbucket、Linear、Jira、Asana、Confluenceなど
• 保存系＝Dropbox、Box
• 連絡系＝Slack、Discord、Intercom、Resend、SendGridなど

接続はReplitのアカウントに紐づき、すべてのアプリをまたいで使い回せると明記されています。

1度つないだサービスは、次に作るアプリでもそのまま使える、という設計です。

ただし、ほとんどのコネクターはCore・Pro・Enterpriseの契約が必要です。

無料プランでも、データベースや認証といったReplit管理の統合機能はいつでも使えると書かれています。

どれが使えるかは、自分のワークスペースのコネクター一覧で確認する形になります。

一覧は公式ドキュメントのAgent Integrationsのページにあります。

ReplitはChatGPTやClaudeの中からも呼び出せる

Replitは、自分のサイトの外からも動かせます。

公式ドキュメントには、ChatGPTとClaudeの2つの連携が独立したページとして用意されています。

ChatGPTの場合、接続は設定画面のApps & Connectorsから行うか、会話の中からOAuthの手順に進む形です。

呼び出し方は3通りあります。

• メッセージの先頭でReplitに直接呼びかける
• 入力欄でスラッシュコマンドを使う
• プラスボタンからメニューをたどって選ぶ

公式ドキュメントによると、簡単な計算機や小さなランディングページなら2〜3分、ゲームや密度の高いダッシュボードなら3〜4分が典型的な作成時間です。

プロンプトに添えられるファイルはPDF、CSV、一般的な文書形式が対応、画像と動画の生ファイルは非対応で、公開URLを使うよう案内されています。

地域については、EU圏外のすべての地域で使えると明記されています。

Claudeのほうは、コネクター一覧からReplitをつなぐ形です。

Claudeのデザインキャンバスで作ったものを、そのままReplitへ送って動くアプリとして開く、という道も用意されています。

この連携はReplit MCPサーバーを通して動いていると公式ドキュメントに書かれています。

詳細は公式ドキュメントのReplit in ChatGPTのページとReplit in Claudeのページにあります。

Replitはブラウザ以外でも同じものが動く

ブラウザが基本ではありますが、そこに縛られてはいません。

デスクトップアプリはWindowsとMac向けに用意されています。

公式ドキュメントには、Webと同じ体験に加えて、複数のReplit Appを並行して扱う「マルチタスク」、Agentの状態が一目で分かる「ステータス表示」、開いているアプリを覗ける「タブプレビュー」が加わると書かれています。

アプリ・履歴・設定はreplit.comと同期され、片方で始めた作業をもう片方で続けられます。

モバイルアプリはiOSとAndroidに対応しています。

プロジェクトを開いたあと、左右のスワイプでAgent・Tools・Tasksの3画面を行き来する作りです。

画面下部のアーティファクトバーから、プロジェクトの中の成果物を切り替えてプレビューできます。

ただし、iOSのネイティブアプリを作る作業については、replit.comのProject Editorを使うよう公式ドキュメントが案内しています。

スマートフォンは「続きをやる」「思いついたものをその場で作り始める」ための入り口、という位置づけです。

詳細は公式ドキュメントのデスクトップアプリのページとモバイルアプリのページにあります。

Replitの日本語対応はどこまで進んでいるか

日本語で使えるのかは、判断の分かれ目になる点です。

2026年9月11日に確認したところ、Replitの公式ドキュメントには日本語版が用意されています。

URLの先頭に言語コードが入る形で、英語版と同じ階層の日本語ページが開きます。

実際に次のページが日本語のタイトルで表示されることを確認しました。

• トップに当たる「Replitへようこそ」
• 「最初のアプリを構築する」
• 「Replit Agent」
• 「Replit Designとは」
• 「ユースケース」

Agentへの指示そのものは日常のことばで書けばよい、というのが公式の説明です。

公式ドキュメントのAgentのページには、コードや技術の知識は不要で、ふだん使っていることばで説明すればよいと書かれています。

言語を限定する記述は見当たりませんでした。

日本語のドキュメントは公式ドキュメントの日本語版トップから辿れます。

生成AIそのものに触れるのが初めての方は、生成AIの初心者向け解説から読むと前提が揃います。

Replitでできないこと・先に知っておく制限

公式ドキュメントに明記されている制限を並べます。

ここを知らないと、あとで作り直しになります。

• 1つのプロジェクトに入れられる成果物は最大7つ。モバイルアプリは1つまで
• 成果物ではないファイル（CSV、画像、Markdownなど）は単体では公開できない
• 言語やフレームワークのスターターテンプレートは廃止された。replit.com/templates などはReplit Galleryへ転送される
• ChatGPT連携で扱えるのは、その会話の中で作ったアプリだけ。別のスレッドで作ったアプリや、Replitで直接作ったアプリは開けない
• ChatGPT連携では、データベースや機密情報の管理といった機能はまだ同等ではなく、今後対応すると書かれている
• 無料のStarterでは、Agentがより自律的に動くFull buildが使えない。デザインを機能付きの成果物へ変換するにもCoreが必要

テンプレートが無くなった代わりに、公式は3つの始め方を案内しています。

1. Agentに説明して作ってもらう
2. GitHub、GitLab、Bitbucketから既存のコードを取り込む
3. Replit Galleryで公開されているアプリを見て、作り替える

また、無料で公開したアプリの公開リンクは30日で自動的に停止する、と公式ドキュメントに書かれています。

無料の公開アプリには「Made with Replit」のバッジが付き、そこには自分の紹介リンクが入ります。

制限の全文は公式ドキュメントのStarterプランのページとDeveloper Frameworksのページにあります。

Replitが用意しているセキュリティの考え方

公開できるということは、誰でも触れる場所に出るということです。

公式ドキュメントのセキュリティのページは、その前提をはっきり書いています。

• 公開したプロジェクトは、公開ルートやAPIを含めてインターネットから到達できる
• 多くのパッケージに依存するため、公開後に新しい脆弱性情報が出てくることがある
• AIが書いたコードでも、認証・データベース処理・機密情報・データの扱いは点検が要る
• コンプライアンスの要件では、依存関係の一覧、脆弱性の追跡、対応の記録が求められることがある

Replitは、この流れの各段階に道具を置いています。

• インストール時＝Package Firewallが悪意あるパッケージの取得を止める。既定で有効
• インストール後＝依存関係の自動スキャンが新しい脆弱性を検出し、Auto-ProtectがAgentの修正案を用意できる
• 公開前＝Security Agentがコード・依存関係・プライバシーの観点で監査する

公開画面のAdvancedには「重大な脆弱性がある状態での公開を止める」という設定も用意されています。

AIに任せきりにしない前提が、公式の側に組み込まれている形です。

考え方の全文は公式ドキュメントのSecurityのページにあります。

Replitについてよくある質問

Replitとは何かのまとめ

最後に、この記事で確認した公式の記載を整理します。

• Replitは、日常のことばで説明するとAgentが作り、公開まで進めるプラットフォーム
• 使う場所はWeb・デスクトップ・モバイルの3つで、先頭に案内されているのはブラウザ
• Project Editorはブラウザのタブそのものが作業ウィンドウになり、Runボタンで一時URLが割り当てられる
• 公開できる成果物は7種類。1プロジェクトに最大7つ、モバイルアプリは1つまで
• データベース・保存領域・認証・独自ドメインは、設定なしで使える組み込み機能として用意されている
• 外部サービスとの連携は4つの型に分かれ、多くのコネクターはCore以上の契約が必要
• ChatGPTやClaudeの会話からも呼び出せるが、扱えるのはその会話で作ったアプリに限られる
• 公式ドキュメントには日本語版がある

ブラウザだけで開発できるというのは、環境構築を省ける話ではなく、作る・試す・公開する・直すが全部同じタブの中にある、という意味です。

会話でアプリを組み立てるサービスは他にもあります。

ブラウザ完結型の比較対象としては、Lovableの使い方も参考になります。

この記事の内容は2026年9月11日に公式サイト・公式ドキュメントで確認したものです。料金や仕様は変わりますので、最新の情報は公式ページでご確認ください。