Web サイト全体のクローンを作成 – 複数のページを 1 回のショットで作成1 min read

Anima を使用すると、いつでも Web サイトのクローンを作成できます。しかし、その Web サイトに複数のページがあり、ほとんどの Web サイトがそうであれば、大変なことになります。ホームページのクローンを作成します。コードをエクスポートします。戻って、About ページのクローンを作成します。再度エクスポートします。次に、「価格」ページです。次に、すべてを手で縫い合わせ、ナビゲーションを配線します。途中で何も壊れないことを祈ります。

今日はもう終わりです。

URL を貼り付け、ページを選択すると、Anima がサイト全体を 1 つの編集可能なアプリに複製します。ナビゲーションはすでに接続されており、完全に応答性が高く、すぐに構築できます。

今すぐAnimaを試してみる

Web サイト全体のクローンを作成します。URL を貼り付け、ページを選択して送信します。。

1 ページからサイト全体まで

現在の動作は次のとおりです。

1. ウェブサイト URL を貼り付けます Anima Playgroundに。
2. クローンを作成するページを選択します。 Anima はサイトをスキャンし、見つかったページを表示します。
3. 動作するアプリを 1 つ生成します。 Anima は、元のルーティングを維持しながら、選択したページを単一の接続されたプロジェクトに複製します。

ページごとのエクスポートはありません。コードを手動でマージする必要はありません。ナビの再構築は必要ありません。ワンステップでサイトが完成します。

後でさらにページが必要になった場合は、構築を続けながらいつでもプレイグラウンドからページを追加できます。

実際に動作するナビゲーション

これは、山積みの画面ではなく実際のアプリにする部分です。

Anima が複数ページのサイトを複製すると、元のサイトのルーティングがそのまま維持されます。クローン化されたアプリ内のリンクをクリックすると、必要な場所に自動的に移動します。何も配線していません。

すべて編集可能なため、変更することができます。ナビゲーションを再構築したり、ルートの名前を変更したり、2 つのページを結合したりしたいですか?それを促すだけです。ルーティングはデフォルトで保存されており、自由に形状を変更できます。

あなたが構築する方法で構築

出力は使い捨てのエクスポートではなく、スタックに適合するコードです。

• React または HTML
• Tailwind またはインライン スタイル 
• ブレークポイントによるレスポンシブ対応 
• キャプチャされたアセット、フォント、画像

ログイン後でも

参照したいページの一部は、サインインの背後に存在します。と Anima Chrome 拡張機能、認証ゲートされたページのクローンも作成できるため、通常はキャプチャできないサイトの部分にもアクセスできるようになります。

これによりリアルタイム時間が節約されるのはなぜですか

従来の方法で 5 ページのサイトのクローンを作成するには、5 つの個別のクローン、5 つのエクスポート、および手動マージが必要でした。多くの場合、独自の 1 行を作成するまでに 1 時間以上の機械作業が必要でした。

これでワンアクションです。同じ完全な結果。ごく一部の時間です。

それが重要です。参照サイトから機能する編集可能な基盤にできるだけ早く移行することで、既存のものを再構築するのではなく、新しいものを構築することに時間を費やすことができます。

今すぐ試してください

URL を Anima Playground に貼り付け、最初のマルチページ サイトのクローンを作成します。

無料ユーザーは 1 ページをクローンして試してみることができます。アップグレードすると、一度に最大 10 ページのクローンを作成でき、プレイグラウンドから必要なだけ追加できます。

これは、あらゆる Web サイトを実際の編集可能なアプリに変える最速の方法です。何が構築できるか見てみましょう。