あらゆる Web サイト上のあらゆる要素の HTML/CSS コードを取得できます。
ワンクリックで、任意の Web サイト上の任意の要素のコードをコピーできます。
必要に応じて、ワンクリックでページ全体をコピーすることもできます。
コピーしている要素のメディア クエリをコピーできます。
これにより、コピーされたスタイルがレスポンシブになります。
あらゆる CSS コードを Tailwind CSS に変換できます。
コピー元の Web サイトでは、Tailwind CSS を使用する必要はありません。
DivMagic は、あらゆる CSS コードを Tailwind CSS (色も!) に変換します。
iframe からコードをコピーできます。
一部の Web サイトでは、コピーを防止するためにコンテンツを iframe 内に配置しています。 DivMagic は iframe 経由でコードをコピーできます。
ブラウザの開発ツールから直接 DivMagic を使用します
拡張機能をポップアップしなくても、DivMagic の機能にアクセスできます。
開発者コンソール内で Web 要素を再利用可能なコンポーネントに変換してキャプチャします。
任意のコンポーネントを JSX に変換できます。
React/JSX コンポーネントとしてコピーしたセクションを取得できます。コードを検査する必要はありません。
Web サイトが React を使用していない場合でも。
コピーした要素を DivMagic Studio にエクスポートできます。
これにより、要素を編集して簡単に変更できるようになります。
コンポーネントを DivMagic Studio に保存し、いつでもアクセスできます。
Web 開発に必要なすべてのツールが 1 か所にまとめられています。
Web サイトからフォントをコピーして、プロジェクトで直接使用できます。Web サイトから色をコピーして、プロジェクトで直接使用できます。あらゆる色をあらゆる形式に変換します。グリッドを追加します。
もっと...
あらゆる Web サイト上のあらゆる要素のコードを取得します。 DivMagic は、プロジェクトで使用できる最もコンパクトでクリーンなコードを提供します。
Know what technologies a site uses with one click.
任意のコンポーネントを React/JSX に変換します。 React/JSX コンポーネントとしてコピーしたセクションを取得できます。ウェブサイトのフレームワークに関係なく。
CSS を Tailwind CSS に変換します。 DivMagic は、あらゆる CSS コードを Tailwind CSS (色も!) に変換します。コピー元の Web サイトでは、Tailwind CSS を使用する必要はありません。
iframe からコードをコピーします。一部の Web サイトでは、コピーを防止するためにコンテンツを iframe 内に配置しています。 DivMagic は iframe 経由でコードをコピーできます。
コピーしている要素またはページのメディア クエリをコピーできます。これにより、コピーされたスタイルがレスポンシブになります。
DivMagic はブラウザの開発ツールから直接使用できます。拡張機能をポップアップしなくても、DivMagic のすべての機能にアクセスできます。
コピーした要素を DivMagic Studio にエクスポートできます。DivMagic Studio は、要素を編集して簡単に変更できる強力なオンライン エディタです。
ワンクリックでページ全体をコピーできます。
コピーした要素を WordPress にエクスポートできます (HTML から WordPress Gutenberg)。これにより、コピーした要素を WordPress Gutenberg Editor で使用できるようになります。
詳細はこちらWeb 開発に必要なすべてのツールが 1 か所にまとめられています。ライブ編集、カラーピッカー、デバッガーなど。
Web サイトからフォントをコピーし、プロジェクトで直接使用できます。
任意の Web サイトから色をコピーし、プロジェクトで直接使用できます。あらゆる色をあらゆる形式に変換します。
“すばらしい！ これにより、私の生産性は 1000 倍向上しました。 インターネット上の既存のものの Tailwind コードをコピーするのはとても簡単です。”
“非常に便利です。 非常に時間の節約になることは間違いありません。”
“🛠️ DivMagic 👉🏻 要素を Tailwind CSS (色を含む) に直接変換する Chrome 拡張機能。”
“まさに私が探していたものです。 試したことはうまくいきました。”
“うまくいきました! 出力は非常に小さいため、私のユースケースに合わせて変更するのが非常に簡単です。”
“フロントエンド開発者は必須です!! React や Tailwind との連携がとても気に入りました。私が最も気に入っているのは、UI と UX の使いやすさです。”
“私は強くお勧めします、それは魔法です！”
“デザインをさらに簡単に盗むことができるようになりました。 🤭”
“素晴らしいツールです。その価値はコストをはるかに超えています。”
“DivMagic は宝物であり、ウェブページのそのセクションを取得して完璧に表示するための最高のツールです。 ぜひお試しください。節約されたコストは数日で戻ってきます。”
“素晴らしい有料ツールなので、お金を払う価値があります!”
“優れたツールであり、時間を大幅に節約できます。 あなたが開発者で、UI デザインを手早く入手したい場合は、このツールが最適です。”
“ブラウザ上にあると便利です”
“開発の時間を大幅に節約できる素晴らしいツールです。”
“非常にうまく機能します - React + TailwindCSS を使用しても。非常に感動。”
“素晴らしいツールです！パワフルな使い方と使いやすさが気に入っています。 あなたが開発者であれば、迷わずに必ず理解してください。”
“素晴らしいツールです。 Tailwind コンポーネントと組み合わせると、 使用開始から最初の 30 分以内で簡単に時間を節約できます。ほぼ瞬時に料金が支払われます。”
“私は過去に 3 つ以上の同様のツールをテストしましたが、DivMagic は品質の点で間違いなくトップの 1 つです。”
“素晴らしいツールです。Web サイトを構築している方であればこれは簡単であることがわかります。テンプレートをいじったり CSS を変更したりする膨大な時間を節約できます。”
“非常に便利なアドオンです。時間と労力を節約できるため、製品全体の料金を支払いました。”
“衝撃的なツール。 開発者にとって非常に役立つツールです。”
“Divmagic 開発はクールです。”
“この素晴らしいツールにより、タスクに費やす時間が大幅に短縮され、私の作業ルーチンにシームレスにフィットしました。 これはウェブサイト開発の分野に携わる人々にとって非常に重要なツールです。 テクニカル サポートは、私のリクエストから数時間以内に私を助けてくれました。印象的な。”
“これまでで最高のツールは時間を大幅に節約します 一部の JSX 応答メディアを改善する必要があります。その他のツールは非常に役立ちます”
あらゆるウェブサイトで動作します
Chrome と Firefox で利用可能
継続的なアップデートと新機能
+8,000 人の開発者が使用
ブレンダン - DivMagic ユーザー
時間とお金の節約を保証します
Andrew - DivMagic ユーザー兼代理店オーナー
チームの生産性向上を保証します
DivMagic を使用すると、Web 要素を簡単にコピー、変換、利用できます。これは、HTML と CSS を、インライン CSS、外部 CSS、ローカル CSS、Tailwind CSS などのいくつかの形式に変換する多機能ツールです。
任意の要素を Web サイトから再利用可能なコンポーネントとしてコピーし、コードベースに直接貼り付けることができます。
まず、DivMagic 拡張機能をインストールします。任意の Web サイトに移動し、拡張機能アイコンをクリックします。次に、ページ上の任意の要素を選択します。コードが選択した形式でコピーされ、プロジェクトに貼り付ける準備が整います。
デモビデオを見て、どのように機能するかを確認できます
Chrome と Firefox の拡張機能を入手できます。
Chrome 拡張機能は、Brave や Edge などのすべての Chromium ベースのブラウザで動作します。
DivMagic にご満足いただけない場合は、ご購入後 30 日以内にメールでご連絡ください。質問なしで返金いたします。
support@divmagic.com
カスタマー ポータルにアクセスして、サブスクリプションを変更できます。
カスタマーポータル
はい。あらゆる Web サイトからあらゆる要素をコピーし、選択した形式に変換します。 iframe で保護されている要素をコピーすることもできます。
コピーしている Web サイトはどのフレームワークでも構築できますが、DivMagic はすべてのフレームワークで動作します。
まれに、特定の要素が完全にコピーされない場合があります。見つけた場合は、当社までご報告ください。
要素が正しくコピーされなかった場合でも、コピーしたコードを開始点として使用して変更を加えることができます。
はい。コピーしている Web サイトはどのフレームワークでも構築できますが、DivMagic はすべてのフレームワークで動作します。
Web サイトを Tailwind CSS で構築する必要はありません。DivMagic が CSS を Tailwind CSS に変換します。
最大の制限は、JavaScript を使用してページ コンテンツの表示を変更する Web サイトです。このような場合、コピーしたコードは正しくない可能性があります。そのような要素を発見した場合は、当社までご報告ください。
要素が正しくコピーされなかった場合でも、コピーしたコードを開始点として使用して変更を加えることができます。
DivMagic は定期的に更新されます。私たちは常に新しい機能を追加し、既存の機能を改善しています。
1 ～ 2 週間ごとにアップデートをリリースします。すべてのアップデートのリストについては、変更ログを参照してください。
変更履歴
安心してご購入いただけるよう努めております。私たちは非常に長期間存続する予定ですが、DivMagic が終了した場合は、1 回限りの支払いを行ったすべてのユーザーに拡張機能のコードを送信し、オフラインで無期限に使用できるようにします。
ニュースや新機能などについて誰よりも早く情報を入手してください!
いつでも購読を解除してください。スパム禁止。
© 2024 DivMagic, Inc. 全著作権所有。
