Replit 対 Lovable：それぞれの提供内容、ホスティング機能、およびユーザーへの提供内容.

ReplitとLovableとは何でしょうか。また、それぞれどのような方に向けたサービスなのでしょうか。?

Replitは、自分で直接操作したい場合に使うブラウザベースのAI IDEです。コード、ターミナル、データベースを直接確認できます。一方、Lovableはチャットから始まる対話型のアプリビルダーです。技術的な知識のない創業者が、プロンプトで機能を記述するだけで、ファイルツリーを扱わずに、すぐ動くアプリを作りたい場合に向いています。

最初の1時間で違いが分かります。「Replit」ではファイルが中心です。ファイルを開き、コマンドを実行し、エージェントが作った内容を確認します。「Lovable」では、プロンプトを送信し、プレビューが更新される様子を見ます。2026年6月のClickITの動画によると、Lovableはプロトタイプ、MVP、アイデアの検証に向いています。一方で、Replitはコードへのアクセス、デバッグ、デプロイ、長期的な管理を必要とするチームに向いているとのことです。ただし、この情報は慎重に扱ってください。これはあるレビュアーの見解であり、あなたのサイトを評価した結果ではありません。

まずは、ご自身に合うプロファイルを選んでください。ただ、ラベルは短すぎて、どちらを選んでも訪問者が何を受け取るのかは分かりません。だから、ご自身のページを思い浮かべながら次のセクションを読み、ご自身のサイトがどのような情報を提供することになるのかを確認してください。

それぞれがデフォルトで生成するスタックはどのようなものですか?

Lovableのプロジェクトは、Supabaseを土台にReactやTypeScript、Tailwindを出力します。対照的に、Replitならほぼどんなスタックでも動かせます。まずここを見ます。Lovable公式ガイドには、SupabaseのPostgreSQLバックエンドをはじめ、認証やファイルストレージ、リアルタイムデータ、Edge Functions、Stripeによる決済まで並んでいます。Superblocksは、Lovableの採用を「ReactとSupabaseへのロックイン」と呼びました。ただ、言葉は強めでも、手元の要件に合うかは着手前に確かめておいてください。

Replitは最初からフルスタック構成で組み上がります。必要なAPIルートやデータベース、サーバー側のロジックをAgentがその場で整えてくれます。Lovable側のガイドによれば、Replitは50以上の言語で実際のサーバーコードを動かせるとのことです。鵜呑みにはできません。あくまでベンダーの二次情報であり、こちらで計測した数値ではないからです。ただ、Reactにとらわれない構成を組みたいなら、指示を投げるだけで試せるのは強みです。

エディタを開いてみてください。答えはファイルの中にあります。そして依存関係のリストを見れば、採用されているフレームワークが一目で分かります。これが掴めると、サイトを訪れたユーザーが初回アクセス時にブラウザ側で何を受け取るのかまで見えてきます。まずは一覧を眺めてみましょう。画面の見た目以上に、サイト本来の配信挙動を大きく左右する箇所です。

それらのサイトはどのように表示され、クローラーにはどのような情報が送信されるのでしょうか?

「Lovable」のサイトは、新旧どちらのスタックかによってブラウザ処理かサーバー処理かが分かれます。そしてクローラーがページから拾い上げる中身も、その設定次第でがらりと変わってきます。まずは現状のスタックを把握してください。古いプロジェクトだと、静的ホスティング上でViteとReact Routerが走り、クライアント側だけで画面を組み立てます。一方、新しいプロジェクトなら、Cloudflare Workersの上でTanStack Startが稼働し、ルートごとにSSRやSSG、CSRを柔軟に切り替えられます。

ビルドの種類はファイル1つですぐ判別できます。「Code」タブからpackage.jsonを開き、依存関係（dependencies）の中に@tanstack/react-startが記載されているか探してみてください。作業は数秒で済みます。もし見つかれば、そのページはサーバー側で描画されています。載っていなくても、Lovableの説明によればその画面からそのままプロジェクトを更新できるとのことです。検索エンジンでの表示やSNS共有時のプレビューも改善されると案内されています。サーバーサイドレンダリングを入れる意味は、結局ここにあります。

Replitの公式文書を読むと、作成されるWebアプリはサーバーロジックを備えたフルスタック型と定義されています。しかし、仕様上の盲点が残ります。公開ドキュメントのどこをめくっても、HTMLをどうレンダリングしているかまでは明記されていないのです。なので、手元のレスポンスヘッダーとマークアップを直接覗いてみてください。ご自身のURLで無料評価を実行すれば、クローラーに渡っている実データをすぐに確かめられます。

各サービスにおいて、ホスティング、データベース、認証はどのように機能するのでしょうか?

ReplitアプリのホストはReplitが担い、Lovableアプリの裏側はSupabaseやLovable Cloudが支えています。データの置き場所は最初に決めてしまいましょう。移行はあとからだと骨が折れます。だから早い段階で手堅い環境を押さえておくのが得策です。Replitならワンクリックでデプロイでき、ホスティングからSSL、インフラストラクチャの管理、自動スケーリング、カスタムドメイン、組み込みのデータベースと認証機能までReplit側ですべて揃えてくれます。

Replit Authを使えば、サインイン設定の手順をAgentへのプロンプト1つで済ませられます。ユーザー管理やパスワードリセットメールの処理（地味に手間のかかる部分です）といった作業も一括で任せられます。また、新しいアプリでは組み込みデータベースが標準構成になりました。アプリの分離機能も最初から有効化されています。安全寄りの堅い設計です。コネクタで明示的に許可しない限り、あるReplitアプリが別のアプリの内部データを勝手に読み取ることはできません。

Lovableはどのプランを選んでもご自身のSupabaseプロジェクトを接続可能です。GitHubとの同期も全プランで標準提供されています。作り始める前に、どこまでを実行させるか詰めておきましょう。Superblocksの調査によると、Supabaseのモデル外にあるロジックは別の場所に書く必要があるとされています。なので、ビジネスロジックの置き場は事前に見定めておく必要があります。なお、無料の診断で確認できるのは表に公開されたサイトの中身だけであり、データベース設定やログインルールまでは検査できません。

ReplitとLovableの価格とクレジットを比較するとどうでしょうか?

Lovableの料金体系は、Proプランが月額25ドル（年額払いの場合は21ドル）からとなっており、毎月100クレジットが付与されます。無料のFreeプランだと1日あたり5クレジット、月間最大30クレジットまでの枠にとどまります。一方、ReplitのCoreプランは月額20ドルから始まり、20ドル分のクレジットが付与されます。そしてProプランなら、100ドル分のクレジットから始められます。

ここは各社の料金体系を整理した第三者レポートとしてお読みください。実際の請求書面ではありません。価格は変わります。現在の提示額と食い違うことも珍しくありません。現にTech Insiderが引用したJotformの2026年8月の比較では、Replitの価格は18ドルからとされていました。なので、契約を結ぶ前には、必ずご自身のプランページで最新の数字を確認してください。

ただ、基本プランの金額以上に、サイトを運用し始めてからの費用を注視すべきです。Totalumによると、公開後はLovableのトラフィックに応じて、貯めたクレジットがじわじわ減っていきます。Replitでは、本番用データベース、オートスケール・コンピューティング、アウトバウンド転送の料金を、エージェントとは別に支払います。転送規模によって最終的な請求額が変わるため、選ぶ前に、両方の環境でトラフィックをシミュレーションしておくことをおすすめします。

マーケティングサイト、社内ツール、あるいは本格的なアプリには、どれを選ぶべきでしょうか?

訪問者にどう届くかで選んでみてください。まず出力形式を見ます。集客を担うマーケティングサイトにはサーバーでレンダリングされるページが欠かせません。ただ、社内ツールなら、認証機能とデータベースさえ揃っていれば十分です。本格的なアプリを動かすには、バックエンドで実行できるサーバーサイドコードが必要です。プロジェクトで新しいTanStack Startスタックを使っている場合、Lovableはマーケティングサイトに向いています。ページを定義し、サーバーでレンダリングする仕組みだからです。

社内ツールなら、Replitの方が設定は少なくて済みます。認証機能が組み込まれているうえ、デフォルトでアプリが隔離されるためです。設定が少ないのは、地味に効きます。完全なアプリ開発について、Superblocksの同一アプリテストでは、ReplitのAgentがStripeとの連携不具合を1回の実行で修正したと報告されています。ただし、注意点もあります。Superblocksはこれら両方のツールと競合しており、1つのアプリに対する1回のテスト結果だけで、ご自身のアプリの結果は予測できません。

Boltなど、ほかの候補も見ている場合は、[Lovable vs Bolt vs v0](/lovable-vs-bolt-vs-v0)や[Lovableの代替ツール](/lovable-alternatives)を読んでみてください。そのうえで、候補リストを並べて、ご自身の構築状況をもう一度確認してください。

どちらかで構築されたサイトをどのように確認すればよいでしょうか?

ホームページのURLで無料評価を実行すると、AIで作られたサイトの実態を確認できます。システムがホームページと最大8つのサンプルページを解析し、100点満点のスコアを1つ算出したうえで、8つの評価項目ごとに根拠を示します。しかもレポートは具体的です。レスポンスヘッダーやマークアップ、構造化データ、見出し階層、スクリプトや画像の比重に加えて、robots.txtやcanonicalタグのシグナルも確認できます。

スコアの範囲は状態に応じて4つに分かれます。80～100は「良好」、60～79は「制約あり」、40～59は「リスクあり」、0～39は「レガシー状態」です。つまり、サイトがダウンしている場合も、その状態を把握できます。仮に応答が途絶えているときは代わりにWayback Machineの表示が出て、過去数ヶ月分のホームページのキャプチャや、アーカイブされたページ、画像、PDFなどが表示されます。

ログインしたり、アナリティクスデータを読んだり、フィールドのパフォーマンスデータを使ったりはしません。ただ、コンテンツやコンバージョンについては、ご自身で判断してください。職場のメールアドレス宛てに、レポートのリンクを1回送信します。1接続あたり1時間に3回チェックでき、費用はかかりません。（無料で、営業電話もありません。）

よくある質問.

その他の記事： What Ships.

1. 012026年の魅力的な代替案を、あなたが離れる理由に合わせてご紹介します。ツール · 2026-11-04
2. 02Claude Code 対 Cursor：どちらがより優れたウェブサイトを構築できるでしょうか？比較 · 2026-11-02
3. 032026年のおすすめバイブコーディングツール：実際の出力で評価。ツール · 2026-10-25