ウェブサイトを再現するとは、既存のページのレイアウト、構造、コンバージョン設計を活用し、編集可能なクリーンなコードとして再構築することを意味します。スクリーンショットやiframeではなく、再スタイルや公開が可能な本物のHTML、CSS、JavaScriptを提供します。
Rekreateでは、これを/makeファミリーの次のツールとして開発中です。このページでは、その仕組み、できることとできないこと、そして現在利用可能なツールで同様の結果を得る方法について説明します。
- 入力：URL（またはスクリーンショット）。出力：レスポンシブなHTML、CSS、JS。
- ランディングページ、ヒーローセクション、コンポーネントパターン向けに設計—アプリ全体のクローン作成には非対応。
- 構造とレイアウトを再現：コピー、ブランド、画像はあなたのものに。
- 開発中—現在は
/makeのビデオおよび画像ツールが利用可能。
ウェブサイト再現ツール—開発中
URLを貼り付けるだけで、クリーンでレスポンシブなHTML、CSS、JavaScriptとしてページを再構築：セクション構造、グリッド、タイポスケール、コンポーネント、インタラクションを含み、プレースホルダーコンテンツを自分のものに置き換え可能。ファイルをエクスポートするか、Rekreateで編集を続けることができます。
このツールは、私たちのビデオ製品と同じアイデアに基づいています—既に機能しているものを出発点にして、それを自分のものにする—これをクリップではなくページに適用したものです。
このツールはまだ公開されていません。無料アカウントを作成すると、公開次第アプリ内でお知らせします。
今日できること
現在のRekreateは、ページのビデオとビジュアル側面を再現しますが、コードは対象外です：
- 写真を再現する — 競合他社のヒーロー画像や商品写真を自社製品で再構築。
- ロゴを再現する — ヘッダー用のクリーンで透明な背景のブランドアセット。
- バイラルビデオ再現ツール — ページ上のヒーロービデオやソーシャルプルーフクリップ。
コードが今すぐ必要な場合は、専用のビルダーを使用してください—再現ワークフローが公開された際に戻ってきてください。
ウェブサイト再現の仕組み
URLを貼り付ける
ページは実際のブラウザでレンダリングされるため、JavaScriptで構築されたレイアウトも実際の表示通りにキャプチャされます。
保持する部分を選択
全ページ、1つのセクション、または1つのコンポーネント—ヒーロー、価格表、テスティモニアル行。
コードを取得
セマンティックなHTML、ブランドトークンを使用したCSS、必要なインタラクションのみのJavaScript。スマホ幅までレスポンシブ。
自分のものにする
コピー、色、フォント、画像を差し替え。届くのはあなたのブランドに合わせた出発点であり、他人のサイトのコピーではありません。
できることとできないこと
| 計画中 | |
|---|---|
| 静的なマーケティングページ | 対応—ランディングページ、ヒーローセクション、機能グリッド、価格表、フッター |
| レスポンシブレイアウト | 対応—1つの幅をコピーするのではなく、スマホ、タブレット、デスクトップ向けに再構築 |
| インタラクション | 基本的なもの—メニュー、タブ、アコーディオン、スクロールエフェクト |
| ログインが必要なアプリやダッシュボード | 非対応—認証が必要なものは対象外 |
| バックエンド、フォーム、支払い | 非対応—これらは自分で接続 |
| 画像、フォント、コピー | プレースホルダー。ライセンスされたアセットはコピーされません。 |
ページを再現することは合法です。コピーすることは違法です。
レイアウトパターンは誰の所有物でもありません：ヘッドライン、サブヘッドライン、スクリーンショットを含むヒーローは一般的な慣習であり、その慣習を再現することは通常の実践です。
元の所有者に属するのは、すべての具体的な要素—コピー、写真、イラスト、ロゴ、ライセンスされたフォント、オープンソースでないコードです。再現されたページは構造を共有し、内容は共有しません。
実践的なルール：訪問者があなたのページを元のページと間違える可能性がある場合、それはやりすぎです。骨組みを取り、自分自身の要素を加えましょう。
対象者
- 創業者：コンバージョンするランディングページを見つけ、それを自分のローンチに活用したい。
- 代理店：クライアントのインスピレーションリンクを午後のうちに動作するプロトタイプに変えたい。
- デザイナー：コピーや階層を実際にテストするためにコード化されたレイアウトが必要。
- マーケター：開発スプリントを待たずにキャンペーンページを公開したい。
早期アクセスを希望しますか？無料のRekreateアカウントを作成してください—新しい/makeツールはアプリ内で最初に発表されます。
よくある質問
AIはURLからウェブサイトを再現できますか？
はい—最新のモデルはレンダリングされたページを読み取り、その構造をHTMLとCSSとして再構築できます。Rekreateのバージョンは開発中ですが、現在は/makeツールでページのビデオと画像側面をカバーしています。
全く同じウェブサイトを取得できますか？
いいえ、そしてそれを望むべきではありません。レイアウトとコンポーネント構造をプレースホルダーコンテンツと共に取得し、自分のブランド、コピー、画像を追加できます。
ウェブサイトを再現することは合法ですか？
レイアウトの慣習を再現することは問題ありません。コピー、写真、イラスト、ロゴ、ライセンスされたフォントをコピーすることは違法です。構造を保持し、内容を置き換えましょう。
ウェブアプリやダッシュボードにも対応していますか？
いいえ。このツールは公開されたマーケティングページを対象としています。ログインが必要なもの、バックエンド、データベース、支払いは対象外です。
ウェブサイト再現ツールのリリース時期は？
開発中で、公開日程は未定です。無料アカウントを作成すると、ツールがアプリ内で公開された際に確認できます。
現在Rekreateで再現可能なものは？
ビデオ、広告、写真、ロゴ、声—すべて無料ツールページで確認できます。
Rekreateで次のバズる動画を作成しよう
実績のあるショート動画を見つけて、自分のスクリプト、アバター、声で再現し、Seedance、Kling、Veoを使ってシーンを生成するワークスペース。
無料トライアルを開始 →