Lovable vs Claude Code：アプリビルダーかコーディングエージェントか

Lovableを選ぶのは、 Webアプリを説明するだけで、何も設定せずに、ホスティングとデータベースとサインイン付きで動かしたい場合です。Claude Codeを選ぶのは、 コードを扱う、または扱う意思があり、自分のマシンやリポジトリにある本物のコードベースを編集するエージェントが欲しく、スタックやホスティングを制限されたくない場合です。Lovableはアプリを作って動かしてくれるプロダクトで、Claude Codeは自分でソフトウェアを作るのを助けるツールです。

両者が比較されるのは、どちらも「予約アプリを作って」という指示から動くコードを作れるからです。違いが出るのは、そのコードの周りで何が起きるかです。以下の事実はすべて、2026年11月時点の各社のサイトに基づいています。

要点

それぞれの開発の感触

Lovable。 ブラウザでプロジェクトを開き、作りたいものを入力します。Lovableがフロントエンドとバックエンドを書き、データベースとサインインを追加して、ライブプレビューを表示します。プレビュー上でクリックして変更したり、コメントしたり、コードを書く前にプランを頼んだりできます。仕上がったら公開します。何もインストールしません。

Claude Code。 フォルダでターミナルを開き（またはデスクトップアプリ、IDE拡張機能、ブラウザのclaude.ai/code）、タスクを説明します。Claude Codeはファイルを読み、変更を計画し、複数のファイルを編集し、テストや開発サーバーを実行し、変更を起こしうるコマンドの前には許可を求めます。コミット、ブランチ作成、プルリクエストの作成もできます。クリックして操作できるプレビューは付属しません。アプリは自分で、たいていローカルで動かし、ブラウザで確認します。

この違いが選択のすべてです。Lovableはスタックを決め、アプリを動かしてくれるので、会話に集中できます。Claude Codeはそうした判断に口を出さないので、自分で決められます。

Lovableのほうが向いている場合

• 何も設定したくない。 インストールも、データベースのアカウントも、ホスティングの管理画面も不要です。公開URLはワンクリックです。
• プロジェクトが標準的なWebアプリ。 クライアントポータル、社内ダッシュボード、SaaSのMVP、マーケットプレイスは、Lovableの内蔵バックエンドによく合います。
• 見た目の変更が重要。 プレビューで要素を選んで変更するほうが、ファイル内の場所を説明するより速いです。
• 無料で始めたい。 Lovableの無料プランでもビルドとGitHubへの同期ができます。Claude Codeは有料プランが必要です。
• 技術に詳しくない人が何人も共同作業する。 ワークスペースの料金はシートではなくクレジット単位です。

Claude Codeのほうが向いている場合

• すでにコードベースがある。 Claude Codeは、どの言語でも今あるコードで作業します。Lovableは自分のプロジェクトから始めます。
• 特定のスタックが必要。 Pythonのバックエンド、Goのサービス、モバイルプロジェクト、データパイプライン。Claude Codeならどれも書けます。LovableはWebアプリのプラットフォームです。
• 動かす場所にこだわりがある。 自分のホスティング、自分のデータベース、自分のクラウドアカウント、自分のコンプライアンスルール。
• アプリより大きな作業をしたい。 テスト、リファクタリング、マイグレーション、依存関係の更新、CIの修正が、Anthropicが最初に挙げる用途です。スケジュール実行、GitHub Actions、Slackでのメンションからも動かせます。
• ツールとつなぎたい。 Claude CodeはMCP経由でほかのツールとつながるので、作業中にチケットやドキュメント、自社のツールを読めます。

費用（2026年11月時点）

Lovableには無料プラン（1日5ビルドクレジット、月30まで、バックエンド向けに月次のCloud付与あり）があります。有料プランではクレジット、独自ドメイン、コード編集が加わります。ホスティングとバックエンドはCloudクレジットを消費するので、忙しいアプリはプラン料金だけより高くなります。

Claude Codeは、ClaudeのPro、Max、Ultra、Team、Enterpriseプランに含まれるか、Anthropic Consoleアカウントでトークン単位の課金になります。無料のClaudeプランには含まれません。アプリのホスティング先とデータベースの費用は別に支払います。

ここでは価格を載せません。LovableのプランとClaudeの料金ページをご確認ください。

実例：ジムのクラス予約アプリ

会員がクラスを予約でき、オーナーが毎日の一覧を見られるようにしたいとします。

Lovableでは、 「ジム向けのクラス予約アプリを作って。会員は登録して、今週のクラスを見て枠を予約する。各クラスには定員がある。オーナーは今日の予約を見る」のように入力します。数回のメッセージで、サインイン、クラスのテーブル、予約の流れ、公開URLができあがります。次のプロンプトは、仕上げのためのものです。

Claude Codeでは、 まずスタックを決めます。たとえばNext.jsとPostgresにして、プロジェクトを作り、Claude Codeにひな形、スキーマ、ページを作らせます。大半はうまくやってくれて、何をしたかも説明してくれます。そのあとで、どこかにPostgresデータベース、環境変数、ホストが必要です。Claude Codeはデプロイ設定を書いて手順も案内できますが、アカウントを作るのは自分です。結果として、コントロールは増え、面倒を見るものも増えます。

両方を使う

「vs」という言葉から想像するより、両者はうまく組み合わせられます。LovableはGitHubに同期するので、よくあるパターンは、最初のバージョンをLovableで作り、そのリポジトリをクローンして、コードのほうが楽な部分（難しいデータインポート、テストスイート、リファクタリング）にClaude Codeを使うことです。同期されたブランチにプッシュすれば、Lovableが変更を取り込みます。ルールは1つ。同じファイルを両方で同時に編集しないことです。

Mythexの位置づけ

Mythexは私たちのプロダクトで、この2つの間にあります。Lovableと同じく、チャットでアプリを説明すると、Mythexがライブプレビュー付きの本格的なフルスタックアプリを作り、本物のデータベースとファイルストレージを付けて、ワンクリックで公開URLに公開します。コーディング環境のように、同じワークスペースにコードエディタとターミナルがあります。Freeでは読み取り専用で、Proではコードの編集、エクスポート、GitHub接続ができます。

Mythexは逆向きにも使えます。ClaudeやChatGPT（そしてCursorやCodex）にコネクタとして接続し、それらのチャットの中からMythexのアプリを作って公開できます。接続はどのプランでも可能で、サンドボックスのツールにはProが必要です。

Freeは1日5クレジット（初日は10、月最大30）で、プロジェクト数と公開は無制限、カードは不要です。Proは月$25です。Proでは、公開したアプリをGoogle Play向けのAndroidアプリと、TestFlightに送るiPhoneアプリにもでき、これはLovableもClaude Codeも代行してくれません。Lovableのプレビュー上のビジュアル編集が欲しいなら、その点ではLovableのほうが優れています。詳しくはMythexとLovableの比較とMythexとCursorの比較をご覧ください。

1時間で決める方法

自分に1つだけ質問してください。コードベースを自分で管理したいか。答えがノーなら、Lovableの無料プラン（または別のLovableの代替）で始めて、実際のアプリを作りましょう。答えがイエスなら、またはすでにリポジトリがあるなら、「予約ページにCSVエクスポートを追加して、テストも書いて」のような実際のタスクを1つClaude Codeに頼み、その変更をレビューする作業がどれだけ性に合うかを確かめましょう。

この選択の一般的な解説は、AIアプリビルダーとAIコーディングアシスタントの比較をお読みください。コーディングエージェントを比べるなら、Claude CodeとCodexの比較とCursor・Windsurf・Claude Codeの比較もご覧ください。

よくある質問