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

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

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

はじめに

Replitは技術的にはマーケティングサイトも作れますが、本来はAIでアプリを作るためのものです。クラウド開発環境、データベース、デプロイ、シェル、バージョン管理、シークレット管理が用意されていて、優れたアプリビルダーになるように設計されています。しかし、シンプルなウェブサイトを作るだけなら過剰です。複雑で技術的なツールは必要ありません。

Replitで無理にサイトを組み上げる代わりに、よりウェブサイト向きの別のツールへ移行できます。このガイドでは、RepaintというAIプラットフォームへサイトを移す方法をご紹介します。

なぜRepaintなのか

Repaintはウェブサイト制作に最適化されたAIプラットフォームです。基本的な考え方はReplitと似ています。作りたいものを説明すると、AIがそれを構築します。違いは焦点です。Repaintは完全なアプリではなく、マーケティングサイトを作るために設計されています。

技術的な負担が少ない。 データベース、自動化、ファイル管理、シェル、バージョン管理タブを行き来する必要がなく、AIもVite、ビルド手順、gitについて技術的な言葉を多用しません。管理するものも、覚えることも少なくなります。
生のコードではなく、サイト全体を構築する。 Repaintは依頼ごとに小さなサンプルを作るのではなく、完全なウェブサイトを構築するように設計されています。サイト設計を手伝い、効率よく作り上げます。
コンテンツのインポートが得意。 Repaintには既存サイトからコンテンツやスタイルを取り出す専用ツールがあるため、すべてを手作業で移すことなく既存サイトのコンテンツを移行できます。

Replitからの移行の仕組み

サイトをRepaintへ移す方法は2つあります。コードをインポートするか、URLを共有する方法です。元のサイトにできるだけ正確に合わせたい場合は、ReplitからコードをエクスポートしてRepaintにアップロードするのが最適です。ただし、どのみちサイトをリデザインするつもりなら、公開中サイトのURLをRepaintに貼り付けるだけのほうがシンプルです。

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

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

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

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

ほとんどの人には、Replitにあるコードをエクスポートする方法をおすすめします。元のサイトを再現するための文脈を、Repaintにより多く渡せるからです。RepaintがURLからサイトを再構築する場合、元のサイトから少しずれることがあります。ただし、いずれにせよサイトをリデザインする予定なら、コードのエクスポートは過剰で、公開URLを共有するだけのほうが簡単です。

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

Replitには大きな「Export」ボタンがないため、コードのエクスポート方法は少し分かりにくいです。エクスポートするには、次の手順に従います。

Replitでプロジェクトを開きます
右側のサイドパネルを開きます
file treeをクリックします
省略記号（⋮）メニューを開きます
プロジェクトを.zipとしてダウンロードする項目を選びます
Repaintにアクセスしてアカウントを作成します
.zipをアップロードして送信します

URLからインポートする

Repaintはインターネット上で公開アクセスできるあらゆるサイトをリデザインできます。これを行うには、Replitアプリが公開され、ライブになっている必要があります。注意点として、Replitの無料Starterプランでは、公開済みアプリは30日後にオフラインになるため、インポート時にサイトが稼働していることを確認してください。ReplitのデプロイURLはhttps://your-app.replit.appのような形です。

まず、Replitで公開済みアプリを開きます。次に、

デプロイURLをコピーします
Repaintにアクセスし、URLを貼り付けて送信します
Repaintのアカウントを作成します

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

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

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

すでに再構築するなら、ほかに試したい方向性がないか、スタイルを実験してみる良い機会です。Repaintに選択肢となるスタイルサンプルを生成してもらえるので、最初にたどり着いた見た目に縛られる必要はありません。

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

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

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

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

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

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

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

Replitプロジェクトには、データベース、ユーザーログイン、保存されたシークレット、デプロイ済みサーバーなど、本物のバックエンド機能が含まれていることがよくあります。高度なロジックはRepaintには移行されません。Repaintが構築するのは人々が目にするビジュアルのサイトだけで、その下にあるインフラではありません。ほとんどのマーケティングサイトには高度な機能はないので問題になりません。ただし、Replitでより高度なアプリを作っている場合、移行は土台となるインフラを手放すことを意味します。

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

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

編集のワークフローはReplitのエージェントと同じ考え方ですが、よりシンプルです。AIとの会話でサイト上のあらゆるものを変更できます。「チームページを追加して」「プロフィール写真付きのお客様の声カルーセルを追加して」「配色をダークモードに変更して」

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

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

SEOコンテンツを確認する

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

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

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

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

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

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

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

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

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

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

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

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

まとめ

Replitは強力なツールですが、必要なのがマーケティングサイトだけなら、必要以上に大きな道具です。Repaintは似たプラットフォームですが、ウェブサイト制作により重点を置いています。コードをエクスポートしてサイトを持ち込み、AIとの会話で変更を加えられます。そしてReplitサイトはその間ずっと公開されたままなので、試してみても失うものは何もありません。

よくある質問

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

目的が違います。Replitは、データベース、デプロイ、それに付随するあらゆる機能を備えた、本物のアプリケーションを作るための総合開発プラットフォームです。Repaintはマーケティングサイトを中心にしています。同じように「説明すると構築してくれる」体験を得られますが、扱う技術的な仕組みはずっと少なくて済みます。

Replitはシンプルなマーケティングサイトには過剰ですか？

多くの人にとっては、そうです。Replitではデータベース、デプロイ、シークレット、バージョン管理、シェルが前面に出てきますし、AIもビルドやコードの話をしがちです。ソフトウェアを作るならどれも価値がありますが、数ページのマーケティングサイトでは、たいてい邪魔になります。

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

いいえ。公開URLからインポートする場合、Repaintは通常の訪問者と同じように公開済みサイトを訪れるだけなので、Replitアカウントには一切触れず、クレジットも消費しません。コードのエクスポートも、すでに持っているファイルをダウンロードするだけなので無料です。移行はReplitではなく、Repaintの使用量枠で動きます。

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

いいえ。どちらのインポート方法も、Replitの無料Starterプランで利用できます。唯一の注意点は、無料プランでは公開済みアプリが30日後にオフラインになることです。インポート時にサイトが稼働していることを確認してください。

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

Replitサイトには何も起こりません。2つは完全に独立しているため、新しいサイトを構築している間も、Replitプロジェクトは公開されたまま手つかずです。Repaint版に満足したら、ドメインをそちらに向けられます。Replitを使い続けたい場合は、何もする必要はありません。

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

その場合、Repaintはおそらく適切な選択ではありません。Repaintが再構築するのは人々が目にするビジュアルのサイトであり、データベース、ログイン、Replitデプロイ上で動いているものなど、その背後にあるインフラではありません。プロジェクトがそうしたインフラを備えた本物のアプリである場合、移行はそれらの部分を残していくことを意味します。

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

インポート方法によります。コードをエクスポートすれば、Repaintは元のものをもとに作業できるため、かなり近づけられます。公開URLからインポートする場合は、見える範囲からデザインを再現します。明らかにあなたのサイトだと分かる仕上がりにはなりますが、いくつか整えたい箇所は出てくるでしょう。どちらの場合でも、AIとの会話であらゆる点を細かく調整できます。

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

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

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

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

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

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

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

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