AIでLovableサイトを再構築する方法

ウェブサイトに最適化されたAIプラットフォームRepaintを使って、Lovableサイトを再構築する方法をご紹介します。ゼロからやりなおすことなく、サイトを移行して仕上げるためのステップバイステップガイドです。

公開日: 2026年6月24日Ben Shumaker

はじめに

Lovableはシンプルなサイトを数分で作れますが、サイトを完成させるのは大変です。ほとんどのサイトには複数のページ、洗練された文章、画像、そして細かな調整の長いリストが必要です。Lovableは枠組みを提供してくれますが、その先は自分で作り込んで仕上げる必要があり、しかも厳しいクレジット予算の中で行わなければなりません。

Lovableでサイトを仕上げる代わりに、よりウェブサイトに適した別のツールへ移行することができます。このガイドでは、RepaintというAIプラットフォームでサイトを完成させる方法をご紹介します。

なぜRepaintなのか

Repaintはウェブサイト制作に最適化されたAIプラットフォームです。基本的な考え方はLovableと似ています。やりたいことを伝えれば、AIがそれを構築します。しかし、いくつかの違いがあり、マーケティングサイトの制作においてRepaintはより優れています。

運用コストがはるかに低い。 Repaintは効率的なマルチエージェント方式を採用し、シンプルなタスクには自動的に安価なAIモデルを選択します。マーケティングサイトの更新のほとんどは、Lovableがハイエンドのアプリ制作のために用意している高価なモデルを必要としないからです。Repaintなら、無料プランの上限に達することなく15ページのサイトを構築できます。
スターターではなく、サイト全体を構築する。 Repaintはサイト全体を一度に計画・生成し、すべてのページで一貫したスタイルを保ちます。自分で仕上げるための枠組みを渡すだけではありません。
コンテンツのインポートが得意。 Repaintには既存のサイトからコンテンツを取り出す専用ツールがあるため、すべてを手作業で移すことなくサイトをリデザインできます。

Lovableからの移行の仕組み

Lovableから移行する最もシンプルな方法は、公開中のサイトのURLをRepaintに渡すことです。Repaintは訪問者と同じように公開中のサイトを訪れ、テキストを読み取り、画像をダウンロードして、それらをもとにサイトを再構築します。必要なのは公開中のサイトだけなので、Lovableの無料プランでも利用できます。

もう一つの方法は、LovableからコードをエクスポートしてRepaintにアップロードすることです。これによりRepaintは元のサイトをより正確に再現できます。再構築の際に推測する必要がないからです。ただし、完全なコードのエクスポートにはLovableの有料プランが必要です。

どちらの方法でも、AIで編集できる完全なサイトが手に入ります。新しいサイトに満足したら、Repaintから直接公開し、カスタムドメインを接続できます。

ステップ1: コンテンツをインポートする

Repaintにコンテンツをインポートする方法は2つあります。

公開中のサイトのURLを共有する
Lovableからコードをエクスポートし、Repaintにインポートする

Lovableの有料プランをお持ちで、新しいサイトを元のサイトとまったく同じ見た目にしたい場合は、2つ目の方法をおすすめします。どうせサイトをリデザインするつもりなら、コードのエクスポートは過剰であり、公開URLをRepaintに共有するほうがシンプルです。

URLからインポートする

Repaintはインターネット上の公開アクセス可能なあらゆるサイトをリデザインできます。Lovableは以前はすべてのプロジェクトを自動で公開していましたが、今はそうではありません。インポートを試みる前に、Lovableで公開する必要があります。https://brave-mango-spark.lovable.app/のようなURLが得られるはずです。

まず、Lovableでサイトを開きます。次に、

「Publish」をクリックしてURLをコピーします
Repaintにアクセスし、URLを貼り付けて送信します
Repaintのアカウントを作成します

コードとしてインポートする

Lovableの有料プランをお持ちの場合は、Lovableのエディターから直接コードをエクスポートできます。1ファイルずつ行うのではなく、サイト全体を.zipファイルとして取得し、それをRepaintに渡せます。

まず、Lovableでサイトを開きます。次に、

コードを.zipとしてエクスポートします
Repaintにアクセスしてアカウントを作成します
.zipをアップロードして送信します

これでサイトの構築プロセスが始まります。Repaintはサイトをスキャンし、テキストと画像をコピーし、デザインを理解するために各ページのスクリーンショットを撮ります。あとはRepaintと会話するだけでプロセスを完了できます。

ステップ2: 新しいサイトを計画する

Repaintは元のサイトをそのまま複製することも、完全にリデザインすることも、その中間のどんなことでもできます。サイトの構築を始める前に、何を求めているかを把握するためにいくつか質問をします。

Repaintがサイトを再構築する際は、ほかに試したいことがないかスタイルを試してみる良い機会です。Repaintに選択肢となるスタイルのサンプルを生成してもらうこともできます。Lovableは通常、繰り返し試すのにコストがかかる単一のスタイルを提供するため、ほとんどの人は最初に得たデザインから大きく離れることがありません。

コンテンツをインポートする

含めたい情報がさらにある場合は、今このタイミングで共有してください。Repaintは他のサイト、Googleビジネス、PDFやその他のファイル、画像などの情報を活用できます。サイトを構築する前に学習する内容が多いほど、後で仕上げる作業が減ります。

たとえばLovableのサイトに加えて古いサイトがあるなど、複数のソースサイトがある場合は、両方をRepaintに渡すとよいでしょう。古いサイトを移行する情報源として、新しいサイトをスタイルガイドとして使えます。迷ったときは、たくさんの情報を共有して、その使い方はRepaintに任せましょう。

計画についてRepaintと合意できたら、新しいサイトを構築します！

ステップ3: サイトを生成する

Repaintは通常、サイトの最初のバージョンの構築に数分かけます。正確な所要時間は、移行するコンテンツの量や新しいサイトの規模によって異なります。数十ページの大規模なサイトは10分以上かかることもあります。

完成すると、Repaintは自動的に新しいサイトのプレビューを開きます。最初のバージョンには通常、いくつか粗削りな部分があります。テキストが途中で切れている、画像の位置がずれている、余白が少しおかしいなどです。これは想定内です。位置がおかしいものは、AIとの会話で修正できます。

Lovableのプロジェクトに、Supabase連携やLovable Cloudの機能などの高度なバックエンド機能があった場合、それらは移行されません。Repaintは人々が目にするビジュアル部分だけを構築し、その下にあるデータストレージは構築しません。ほとんどのビジネスサイトにはそのような機能はないので問題になりませんが、Lovableに完全なアプリケーションがある場合、Repaintはそれをそのまま再現することはできません。

ステップ4: 調整を加える

サイトを生成した後、いくつか手を入れるべき点があるかもしれません。Repaintはサイトを独自の形式に変換するため、一部の細部が変換の過程で失われる可能性があります。また、RepaintにLovableサイトをリデザインさせる場合は、確認すべき新しいコンテンツが単純にたくさんあります。

編集のワークフローはLovableとまったく同じで、AIとの会話でサイト上のあらゆるものを変更できます。「お問い合わせページを追加して」「正方形の画像3枚のギャラリーを追加して」「イベントを告知する上部のバナーを削除して」といった具合に。

まずはビジュアルスタイルの評価から始めましょう。色、フォント、レイアウトがすべて良く見えることを確認してください。ビジュアルスタイルは、AIが新しいコンテンツを作成する際に自然と使うパターンを確立するものなので、早めに仕上げておくほうが、数十ページを作り込んだ後に仕上げるよりも速く済みます。

スタイルが気に入ったら、コンテンツを一通り確認し、テキストが正確か、画像が適切な位置にあるか、リンクが機能するか、モバイルですべてが良く見えるかを確認しましょう。

SEOコンテンツを確認する

LovableサイトがSEOで検索トラフィックを獲得していた場合、移行時にSEOに注意を払う価値があります。詳しく知りたい方のために、ウェブサイトリデザインのSEOガイドを丸ごと用意しています。大まかに言えば、新しいサイトが同じページURLと同じコンテンツを持つようにするだけです。

Googleはサイト内の個々のページについて、そのURLに紐付けて検索順位を構築します。新しいプラットフォームに移行してこれらのURLが変わったり消えたりすると、Googleはそれらを履歴のない新しいページとして扱い、それまで獲得していたトラフィックを失います。また、コンテンツを変更すると、Googleは新しいバージョンが検索クエリにもはや関連しないと判断し、ランク付けをやめる可能性があります。

新しいサイトのURLをLovableのものと比較して違いがないか確認するよう、Repaintに依頼できます。コードを直接インポートした場合は、何も変わっていない可能性が高いです。しかし、変更や欠落があった場合でも、依頼すればRepaintが修正を手伝ってくれます。

サイトの見た目が整い、コンテンツが正確になったら、公開の準備が整いました。

ステップ5: サイトを公開する

新しいサイトを公開する準備ができたら、Repaintのプロジェクトを開き、右上の「Publish」をクリックします。サイトはRepaintのURLで公開され、誰とでも共有できます。無料のLovableのURLに似た、次のような形になります。https://careful-tiger-5jd92kjd.sites.repaint.com

この時点で、RepaintとLovableの2つのサイトが公開されています。カスタムドメインをお持ちの場合、それはまだLovableサイトを指しているので、訪問者にとっては何も変わっていません。乗り換える準備ができたら、ドメインを移管できます。

ステップ6: ドメインを移管する

正式に切り替える準備ができたら、ドメインを新しいRepaintサイトに向けるだけです。Repaintでこれを行うには、AIにドメインを接続するよう伝えるだけです。追加すべきDNSレコードが提示されます。これには有料プランが必要です。料金の詳細はこちらでご確認いただけます。

ドメインはLovableサイトとは独立しています。おそらくGoDaddy、Namecheap、Cloudflareなど、別のドメインプロバイダーで登録されているはずです。いずれにせよ、ドメインはそのプラットフォームに残しておいて構いません。移管する必要はありません。設定を更新して、ドメインがLovableサイトではなく新しいRepaintサイトを指すようにするだけです。

DNS設定を扱ったことがなくても心配いりません。Repaintが手順を案内してくれます。ご利用のプロバイダーに合わせたカスタムの手順を提供できます。DNSの変更が反映されるまでには20分以上かかることがあります。DNSレコードを設定したら、Repaintにライブのレコードを確認してもらい、正しく反映されたかをチェックできます。すべてが正しく設定されていることが確認できたら完了です。

ドメインを移管した後は、ホスティングや編集のためにLovableの有料プランは必要なくなります。Lovableのサブスクリプションはいつでもキャンセルできます。

まとめ

Lovableで行き詰まっても、これまでの作業を諦める必要はありません。Repaintはマーケティングサイトの制作に最適化された、似たプラットフォームです。公開URLを共有するだけで、サイトをインポートし、AIとの会話で変更を加えられます。そしてサイトはその間ずっと公開されたままなので、試してみても失うものは何もありません。

よくある質問

RepaintもAIビルダーなら、なぜLovableから乗り換えるのですか？

見た目は似ていますが、それぞれ異なる用途に最適化されています。Lovableは複雑なウェブアプリを作るために作られており、クレジットや料金はハイエンドな生成を前提に設計されています。Repaintはマーケティングサイトのために特化して作られています。ページをより効率的に並行して構築し、ルーチンの編集には安価なモデルを使い、月単位のクレジットではなく週単位の使用量枠を採用しています。Repaintでは使用量がより長く持つので、実際にサイトを完成させやすくなっています。

移行するとLovableのクレジットを消費しますか？

いいえ。公開URLを共有してインポートする場合、Repaintは訪問者と同じように公開中のサイトを訪れるだけです。Lovableのアカウントには一切触れないので、Lovableのクレジットはゼロで済みます。Lovableが少しでも関わるのはコードエクスポートの方法だけで、それでもすでに持っているファイルをダウンロードするだけです。移行はLovableではなくRepaintの使用量枠で動きます。

移行するにはLovableの有料プランが必要ですか？

最もシンプルな方法なら、必要ありません。公開URLからのインポートに必要なのはサイトが公開されていることだけで、これはLovableの無料プランでも可能です。Lovableの有料プランが必要になるのは、より正確に再構築するために完全なコードをエクスポートしたい場合だけです。どうせリデザインするなら、コードのエクスポートは省いてURLを共有するだけで構いません。LovableのプロジェクトをGitHubに同期してコードを取得する人もいますが、利用できるかどうかはLovableのプランによります。

移行中、Lovableサイトはどうなりますか？両方を維持できますか？

Lovableサイトには何も起こりません。2つは完全に独立しています。あなたがしているのはRepaintで新しいサイトを構築することだけで、その間Lovableサイトは公開されたまま手つかずです。Repaint版に満足したら、ドメインをそちらに向けられます。Lovableを使い続けると決めた場合は、何もする必要はありません。元のサイトを手放すことを強いられる場面はどこにもありません。

Lovableのプロジェクトが、単なるマーケティングサイトではなく、データベースやログインを備えた完全なアプリの場合はどうですか？

その場合、現時点ではRepaintは適切なツールではないでしょう。Repaintは完全なアプリケーションではなく、マーケティングサイトを構築します。データベース、ユーザーログイン、Lovable CloudやSupabaseに接続されたものなど、バックエンドの機能は再現しません。プロジェクトが背後にインフラを持つ本物のアプリである場合、Repaintへの移行はそれを機能させている部分を失うことを意味します。

Lovableで達した上限に、Repaintでも同じように達してしまうのでは？

通常はそうなりません。その差は思っている以上に大きいです。2つのプラットフォームは使用量の計測方法が異なり、Repaintはマーケティングサイトに対してはるかに長く持つ傾向があります。実例を挙げると、Lovableで5ページのサイトを作り込んだら無料枠を丸ごと使い切ったのに対し、Repaintで12ページのサイトを再構築したら使ったのは半分でした。これは、より効率的なインポート、並行作業、安価なモデル、そして月単位のクレジットではなく寛大な使用量上限など、いくつかの理由によるものです。

RepaintでLovableのデザインを完全に再現できますか？

インポート方法によります。コードをエクスポートしてRepaintにソースを渡せば、推測ではなく元のサイトをもとに作業するので、かなり近づけられます。公開URLからインポートする場合、Repaintは見える範囲からデザインを再現します。明らかにあなたのサイトだと分かる仕上がりにはなりますが、特に元のデザインが複雑な場合は、整える必要のある目に見える違いがいくつか出ると考えてください。いずれの方法でも、AIとの会話であらゆる点を細かく調整できます。

移行にはどのくらい時間がかかりますか？

最初の構築は通常、計画、コンテンツのインポート、新しいサイトの生成に数分かかります。ページ数が多かったり、取り込むコンテンツが多い大規模なサイトは、10分以上かかることもあります。その後、公開までの時間は加えたい調整の量によって異なります。ほとんどのサイトは数時間以内に移行して仕上げられます。

LovableからRepaintへの移行にかかる費用は？

サイトのインポート、編集、sites.repaint.comアドレスへの公開は無料です。無料プランでは、週単位の編集量枠、Repaintのバッジ付き、カスタムドメインなしで、シンプルなサイトの構築と公開ができます。有料プランは年払いで月額20ドル、月払いで月額25ドルから始まり、より大きな使用量枠が得られ、バッジが削除され、カスタムドメインを接続できるようになります。詳細は料金ページでご確認いただけます。

まず1ページだけ移行して試せますか？

はい。サイト全体に取り組む前に、1ページだけインポートしてどう仕上がるか確認できます。Repaintが自分のビジネスに合っているかを手軽に確かめる方法です。気に入ったら、残りの構築をRepaintに依頼できます。

移行すると検索順位を失いますか？

URLとコンテンツの一貫性を保てば失いません。Googleは順位を個々のページURLに紐付けるので、新しいRepaintサイトが古いサイトと同じURLと、ほぼ同じコンテンツを使うことが目標です。コードを直接インポートすれば、通常は揃ったままになります。また、新しいURLを元のものと比較してギャップを修正するようRepaintに依頼することもできます。サイトをインポートする際のSEOを維持するためのガイドに詳しく書いています。