変更履歴

Sep 14, 2026

⚡ Copy performance

• Copied buttons and inputs keep more of their interactive styles
• Line-height and letter-spacing match the source a bit closer
• Copy pipeline less likely to stall on heavy sites

Aug 14, 2026

⚙️ Quality updates

• Inspect mode less noisy on animated pages
• Color picker and toolbox stay attached after SPA navigations
• Bug-fix sweep from recent support tickets

Jul 14, 2026

⚙️ Style matching

• Closer match on border, radius, and shadow conversion
• Font-size logic less jumpy across nested text
• Fixes on sites that rewrite styles after load

Jun 14, 2026

🚀 Speed and stability

• Incremental wins in the rewritten extraction path
• Copy works more often on messy, heavily scripted pages
• Support tickets from May triaged and closed

May 14, 2026

🚀 WordPress and export

• Gutenberg export styling on more themes
• Studio link sharing from saved components is more dependable
• Full-page copy option selection is more predictable

Apr 14, 2026

✨ 🎉 Browser compatibility

• DevTools panel behaves better with several tabs open
• Context menu and toolbox launch more reliably
• Options save correctly after extension updates

Mar 14, 2026

🚀 Output cleanup

• Smaller CSS payloads after optimization
• Fewer unused properties in Tailwind output
• SVG currentColor handling on more elements

Feb 14, 2026

⚡ Layout handling

• Improved absolute and relative position capture
• Better iframe style passthrough
• Grid and table conversion tweaks

Jan 14, 2026

🐛 Copy performance

• Faster copy-button response on large pages
• Less work during hover inspect
• Fixed a race that could leave the panel in a bad state

Dec 14, 2025

🐛 🦊 Year-end maintenance

• Runtime updates under the hood
• Copy pipeline less likely to stall on heavy sites
• Firefox and Chrome stay in sync on recent fixes

Nov 14, 2025

🆕 🐛 Studio and library

• Component library previews render more consistently
• Studio export handles a few more edge-case CSS patterns
• Background fixes from recent user reports

Oct 14, 2025

🚀 Conversion accuracy

• Wider Tailwind coverage for spacing and color utilities
• Cleaner JSX when components mix classes and attributes
• Media-query handling on a few stubborn layouts

Sep 14, 2025

🚀 Extraction polish

• Better nested flex and grid capture
• Dropped more redundant CSS from the copied output
• Popup stays stable during long copy sessions

Aug 14, 2025

⚙️ Reliability updates

• Hardened style extraction on pages that load several competing stylesheets
• Smoothed copy performance on deep DOM trees
• Squashed a handful of reported Tailwind mapping bugs

2025年7月14日

💡 改善

• 更新されたスタイル抽出ロジックを抽出して、パフォーマンスを向上させます
• 拡張速度が向上しました
• 修正バグ。

2025年6月14日

💡 改善

• 更新されたスタイル抽出ロジックを抽出して、パフォーマンスを向上させます
• 修正バグ。

2025年5月14日

✨ 改善

• 更新されたスタイル抽出ロジックを抽出して、パフォーマンスを向上させます
• 拡張速度を改善しました。コピーボタンは今より速く動作します。
• 同じコンポーネントに影響する複数のスタイルシートを持つ特定のWebサイトのバグを修正しました

2025年4月14日

💡 🚀 更新と改善

• tailwind css v4.0クラスが追加されます。 Divmagicは、CSSクラスを新しいTailwind V4.0クラスに変換しません。以前のTailwindバージョンのものを含むすべてのTailwindクラスは、変換ロジックに含まれています。
• 抽出ロジックの改善。 Divmagicは、古いバージョンと比較して、現在は大幅にうまく機能します。スタイル抽出ロジックは、処理時間と精度を向上させるためにゼロから書き直されています。
• 新しいバージョンのスタイル抽出ロジックに問題がある場合は、team@divmagic.comでお知らせください。 Divmagicの継続的なサポートに感謝します！

2024 年 11 月 24 日

💡 新しいデザイン

• DivMagic Web サイトとツールの新しいデザイン
• DivMagic の Web サイトとツールのデザインを更新し、よりモダンでユーザーフレンドリーになりました。
• より良いエクスペリエンスを提供するために、拡張機能と Studio の改善に取り組んでいます。

2024 年 10 月 8 日

🆕 WordPress 統合アップデート

• WordPress 統合の新しい変更点
• WordPress Gutenberg 統合を更新して、コピーされた要素のスタイルの問題を修正し、より堅牢なエクスペリエンスを提供しました。

2024 年 9 月 24 日

🆕 WordPress 統合アップデート

• WordPress 統合の新しい変更点
• コピーされた要素の応答性を向上させるために、WordPress Gutenberg 統合を更新しました。

2024 年 9 月 20 日

✨ 🚀 WordPress 統合およびルーラー ツール

• WordPress の統合
• WordPress ユーザーにとって非常に便利な WordPress Gutenberg 統合を追加しました。
• 要素を選択した後、[WordPress にエクスポート] ボタンをクリックできます。次に、WordPress Gutenberg に移動すると、コンポーネントがエディターにブロックとして表示されます。
• 定規ツール
• ツールボックスに定規ツールを追加しました。これにより、要素の幅/高さ、マージンとパディングを確認できるため、要素を正確にコピーすることが容易になります。
• ユーザー インターフェースを強化して使いやすさを向上
• 要素のコピーを高速化するためのパフォーマンスの最適化

2024 年 7 月 14 日

🆕 🔧 改善とバグ修正

• ページ全体をコピーする機能の追加
• ページ全体のコピー中にコピーするコンポーネントとスタイルを選択できます
• コピー ロジックを更新しました
• コピーされたコードはより正確かつクリーンになります
• コンポーネント ライブラリで一部のコンポーネントが欠落していたバグを修正しました

2024 年 5 月 14 日

✨ 🐛 新しい UI、改善、バグ修正

• 拡張機能の新しい UI
• 拡張機能の UI を更新して、よりユーザーフレンドリーになりました。
• ページ全体をコピー機能を追加しました
• ワンクリックでページ全体をコピーできるようになりました
• ツールボックスに新しいツールが追加されました: スクリーンショット ツール
• あらゆる Web サイトのスクリーンショットを撮って直接ダウンロードできるようになりました
• コンポーネント ライブラリで一部のプレビューが正しく表示されないバグを修正しました

2024 年 4 月 16 日

📈 🔧 改善とバグ修正

• 保存されたコンポーネントのプレビュー生成が改善されました。一部のコンポーネントではプレビューが正しく表示されませんでした。
• 「コンポーネントを保存」ボタンが機能しないバグを修正しました。
• 機能が追加されると、拡張機能の速度が低下する可能性があることを認識しています。私たちは拡張機能のパフォーマンスの向上に取り組んでいます。

2024 年 4 月 8 日

✨ ⚡ 新機能と改善点

• このバージョンには新機能が含まれています: コンポーネント ライブラリのプレビュー
• 保存したコンポーネントのプレビューをコンポーネント ライブラリで確認できるようになりました。
• 拡張機能から直接ダッシュボードに移動することもできます。
• 拡張機能のパフォーマンスが向上しました

2024年3月31日

💡 新機能

• このバージョンには新しい機能が含まれています: コンポーネント ライブラリ
• これで、コピーした要素をコンポーネント ライブラリに保存できるようになりました。これにより、保存したコンポーネントにいつでもアクセスできるようになります。
• Studio リンクを共有することで、コンポーネントを他のユーザーと共有することもできます。
• コンポーネントをコンポーネント ライブラリから直接 DivMagic Studio にエクスポートすることもできます。

2024 年 3 月 15 日

💡 🚀 新機能と改善点

• このバージョンには、ツールボックスの新しいツール、新しいコピー オプション、エディタ モードのオートコンプリートという 3 つの新機能が含まれています。
• ツールボックス用スラッシュツール
• Thras ツールを使用すると、Web サイトの要素を非表示にしたり、要素を削除したりできます。
• 新しいコピー オプション
• HTML と CSS を別々にコピーできるようになりました。
• 元の HTML 属性、クラス、ID を含むコピーされた HTML および CSS コードを取得することもできます。
• エディターモードのオートコンプリート
• オートコンプリートは、入力時に最も一般的な CSS プロパティと値を提案します。
• コピー オプションからコードを DivMagic Studio に直接エクスポートするオプションを追加しました
• 出力サイズを削減するためのスタイル最適化コードの改善
• コピーされたスタイルの応答性の向上

2024 年 3 月 2 日

🆕 📈 🚢 新機能

• ツールボックスに新しいツールを追加しました: カラーピッカー
• 任意の Web サイトから色をコピーし、プロジェクトで直接使用できるようになりました。
• 現時点では、これは Chrome 拡張機能でのみ利用できます。私たちはこの機能を Firefox 拡張機能にも追加することに取り組んでいます。

2024 年 2 月 26 日

📈 🔧 改善とバグ修正

• 出力サイズを削減するためにスタイル最適化コードを改善しました。
• コピーされたスタイルの応答性の向上
• 一部の CSS スタイルが正しくコピーされないバグを修正しました
• 要素が iframe からコピーされた場合、コピーされたスタイルが応答しなくなるバグを修正しました
• バグや問題を報告してくださった皆様に感謝します。できるだけ早く修正できるよう取り組んでいます。

2024 年 2 月 24 日

💡 新機能と改善点

• このバージョンには、ツールボックス、ライブ エディター、オプション ページ、コンテキスト メニューなどの複数の新機能が含まれています。
• ツールボックスには、Web 開発に必要なすべてのツールが 1 か所に含まれています。フォントのコピー、カラーピッカー、グリッドビューア、デバッガなど。
• ライブ エディターを使用すると、コピーした要素をブラウザーで直接編集できます。要素に変更を加えて、変更をライブで確認できます。
• オプション ページでは、拡張機能の設定をカスタマイズできます。デフォルト設定を変更して、好みの設定を行うことができます。
• コンテキスト メニューを使用すると、右クリック メニューから直接 DivMagic にアクセスできます。コンテキスト メニューから要素をコピーしたり、ツールボックスを直接起動したりできます。
• ツールボックス
• ツールボックスには、検査モード、フォント コピー、およびグリッド ビューアが含まれています。今後、ツールボックスにさらに多くのツールを追加する予定です。
• ライブエディター
• ライブ エディターを使用すると、コピーした要素をブラウザーで直接編集できます。要素に変更を加えて、変更をライブで確認できます。これにより、コピーされた要素を簡単に変更できるようになります。
• オプションページ
• オプション ページでは、拡張機能の設定をカスタマイズできます。デフォルト設定を変更して、好みの設定を行うことができます。
• コンテキストメニュー
• コンテキスト メニューを使用すると、右クリック メニューから直接 DivMagic にアクセスできます。現時点では、[要素のコピー] と [ツールボックスの起動] の 2 つのオプションがあります。

2023 年 12 月 20 日

✨ ⚡ ⚙️ 新機能、改善、バグ修正

• このバージョンには、コピー モード用の更新されたコントロール パネルが含まれています
• 要素をコピーするときに、コピーする詳細の範囲を選択できるようになりました。
• コピーされた要素をより詳細に制御できるように、コピー モードにオプションを追加する予定です。
• 変換速度の向上
• 出力サイズを削減するためのスタイル最適化コードの改善
• コピーされたスタイルの応答性の向上
• 不要な CSS 属性が出力に含まれるバグを修正しました
• 一部の Web サイトで DivMagic パネルが表示されないバグを修正しました
• バグや問題を報告してくださった皆様に感謝します。できるだけ早く修正できるよう取り組んでいます。

2023 年 12 月 2 日

✨ 📈 🔧 改善とバグ修正

• このバージョンには、コピーされたスタイルの応答性の改善が含まれています。
• また、出力のサイズを削減するために、スタイル最適化コードも改善されました。
• Webflow 変換の改善
• 出力サイズを削減するためのスタイル最適化コードの改善
• コピーされたスタイルの応答性の向上
• 不要な CSS 属性が出力に含まれるバグを修正しました
• バグや問題を報告してくださった皆様に感謝します。できるだけ早く修正できるよう取り組んでいます。

2023 年 11 月 15 日

💡 📈 ⚙️ 新機能、改善、バグ修正

• このバージョンには新機能が含まれています: DivMagic Studio へのエクスポート
• これで、コピーした要素を DivMagic Studio にエクスポートできるようになります。これにより、DivMagic Studio で要素を編集し、変更を加えることができるようになります。
• 出力サイズを削減するためのスタイル最適化コードの改善
• コピーされたスタイルの応答性の向上
• 不要な CSS 属性が出力に含まれるバグを修正しました

2023 年 11 月 4 日

💡 ⚡ ⚙️ 新機能、改善、バグ修正

• このバージョンには、新機能「ポップアップの自動非表示」が含まれています。
• ポップアップ設定からポップアップの自動非表示を有効にすると、マウスをポップアップから遠ざけると拡張機能のポップアップが自動的に消えます。
• これにより、手動でクリックしてポップアップを閉じる必要がなくなるため、要素のコピーがより速くなります。
• このバージョンには、設定の場所の変更も含まれています。コンポーネントとスタイルのフォーマットはコピー コントローラーに移動されました。
• また、「背景色の検出」オプションも削除されました。現在はデフォルトで有効になっています。
• 出力サイズを削減するためのスタイル最適化コードの改善
• コピーされたスタイルの応答性の向上
• 複数の開いているタブを処理できるように DevTools 統合を改善しました
• オプションが正しく保存されないバグを修正しました

2023 年 10 月 20 日

✨ 🚀 ⚙️ 新機能、改善、バグ修正

• このバージョンには新しい機能が含まれています: Media Query CSS
• これで、コピーしている要素のメディア クエリをコピーできるようになります。これにより、コピーされたスタイルがレスポンシブになります。
• 詳細については、Media Query CSS のドキュメントを参照してください。
• このバージョンには新しい変更も含まれています。 「全ページをコピー」ボタンが削除されました。 body 要素を選択すると、ページ全体をコピーできます。
• 出力サイズを削減するためのスタイル最適化コードの改善
• 不要なスタイルを削除するためにスタイルのコピーを改善しました。
• DevTools の統合が改善され、スタイルをより速くコピーできるようになりました。
• 要素の絶対コピ​​ーと相対コピーに関連するバグを修正しました。

2023 年 10 月 12 日

💡 🚀 🔧 新機能、改善、バグ修正

• このバージョンには、コピー モードと親/子要素の選択という 2 つの新機能が含まれています。
• コピー モードを使用すると、要素をコピーするときに取得する詳細の範囲を調整できます。
• コピー モードの詳細については、ドキュメントを参照してください。
• 親/子要素を選択すると、コピーしている要素の親要素と子要素を切り替えることができます。
• 出力サイズを削減するためのスタイル最適化コードの改善
• Tailwind CSS クラス カバレッジの向上
• コピーされたスタイルの応答性の向上
• 出力サイズを削減するためのスタイル最適化コードの改善
• 要素の位置計算のバグを修正しました
• 要素サイズ計算のバグを修正しました

2023 年 9 月 20 日

🆕 ⚡ ⚙️ 🚢 新機能とバグ修正

• DivMagic DevTools がリリースされました!拡張機能を起動せずに、DevTools から直接 DivMagic を使用できるようになりました。
• DevTools から要素を直接コピーできます。
• 要素を検査して選択し、DivMagic DevTools パネルに移動し、「コピー」をクリックすると要素がコピーされます。
• 詳細については、DivMagic DevTools に関するドキュメントを参照してください。
• 権限の更新
• DevTools の追加に伴い、拡張機能の権限を更新しました。これにより、拡張機能は、アクセスするすべての Web サイトおよび複数のタブに DevTools パネルをシームレスに追加できます。
• 注記
• このバージョンに更新すると、Chrome と Firefox では、拡張機能が「アクセスした Web サイト上のすべてのデータを読み取り、変更できる」という警告が表示されます。憂慮すべき文言ではありますが、次のことを保証します。
• 最小限のデータ アクセス: 当社は、DivMagic サービスを提供するために必要な最低限のデータのみにアクセスします。
• データ セキュリティ: 拡張機能によってアクセスされるすべてのデータはローカル マシン上に残り、外部サーバーには送信されません。コピーする要素はデバイス上で生成され、どのサーバーにも送信されません。
• プライバシー第一: 当社はお客様のプライバシーとセキュリティの保護に全力で取り組んでいます。詳細については、当社のプライバシー ポリシーをご覧ください。
• ご理解とご信頼を賜りますようお願い申し上げます。ご不明な点やご質問がございましたら、お気軽にサポートチームまでお問い合わせください。
• 変換設定が保存されないバグを修正しました

2023年7月31日

🚀 🐛 改善とバグ修正

• グリッドレイアウトのコピーの改善
• Tailwind CSS クラス カバレッジの向上
• コピーしたスタイルの応答性を改善しました
• 出力サイズを削減するためのスタイル最適化コードの改善
• 絶対要素コピーのバグを修正しました
• 背景ぼかしコピーのバグを修正

2023 年 7 月 20 日

📈 🔧 改善とバグ修正

• 出力サイズを削減するためのスタイル最適化コードの改善
• バックグラウンド検出のバグを修正しました

2023 年 7 月 18 日

⚡ ⚙️ 新機能、改善、バグ修正

• 新しい背景の検出機能を使用して、コピーしている要素の背景を検出できるようになりました。
• この機能は、親を通じて要素の背景を検出します。特に暗い背景では非常に便利です。
• 詳細については、背景の検出に関するドキュメントを参照してください。
• コピーされたコンポーネントの応答性の向上
• カスタマイズしやすくするために、可能な場合は「currentColor」を使用するように SVG 要素を更新しました。
• CSS 出力のサイズを削減するためのスタイル最適化コードの改善
• 高さと幅の計算のバグを修正しました

2023 年 7 月 12 日

⚡ 新機能と改善点

• 新しい「ページ全体をコピー」機能を使用して、ページ全体をコピーできるようになりました。
• すべてのスタイルを含むページ全体がコピーされ、選択した形式に変換されます。
• 詳細については、ドキュメントを参照してください。
• コピーされたコンポーネントの応答性の向上
• CSS 出力のサイズを削減するためのスタイル最適化コードの改善

2023 年 7 月 3 日

⚡ 🐛 改善とバグ修正

• iframe スタイルのコピーの改善
• 境界線変換の改善
• 出力サイズを削減するためのスタイル最適化コードの改善
• JSX変換のバグを修正
• 境界半径計算のバグを修正しました

2023 年 6 月 25 日

🚀 ⚙️ 改善とバグ修正

• 境界線変換の改善
• フォントサイズロジックを更新しました
• 出力サイズを削減するためのスタイル最適化コードの改善
• パディングとマージン変換のバグを修正しました

2023 年 6 月 12 日

🚀 🔧 改善とバグ修正

• 出力サイズを削減するためのスタイル最適化コードの改善
• リスト変換の改善
• テーブル変換の改善
• グリッド変換のバグを修正しました

2023 年 6 月 6 日

🚀 新機能と改善点

• コピーしたものをCSSに変換できるようになりました。これは非常にリクエストの多かった機能であり、リリースできることを楽しみにしています。
• これにより、プロジェクトに簡単に取り組むことができるようになります。
• スタイル形式の違いについては、ドキュメントを参照してください。
• Tailwind CSS 出力のサイズを削減するためのスタイル最適化コードの改善
• リスト変換の改善
• グリッド変換の改善

2023 年 5 月 27 日

⚡ ⚙️ 改善とバグ修正

• Tailwind CSS コードをコピーするキーボード ショートカットを追加しました。 「D」を押して要素をコピーできます。
• SVG変換の改善
• Tailwind CSS 出力のサイズを削減するためのスタイル最適化コードの改善
• 出力に不正な文字列が含まれる JSX 変換のバグを修正しました。
• バグや問題を報告してくださった皆様に感謝します。できるだけ早く修正できるよう取り組んでいます。

2023 年 5 月 18 日

⚡ 新機能と改善点

• これで、コピーした HTML を JSX に変換できるようになりました。これは非常にリクエストの多かった機能であり、リリースできることを楽しみにしています。
• これにより、NextJS または React プロジェクトに簡単に取り組むことができるようになります。
• Tailwind CSS 出力のサイズを削減するためのスタイル最適化コードの改善

2023 年 5 月 14 日

🚀 🦊 Firefox リリース

• DivMagic が Firefox でリリースされました。 Firefox と Chrome で DivMagic を使用できるようになりました。
• Firefox 用 DivMagic はここからダウンロードできます。

2023 年 5 月 12 日

⚡ 改善点

• DivMagic は過去 2 日間で 100 回以上インストールされました。ご関心とフィードバックをいただきありがとうございます。
• 改善とバグ修正を行った新しいバージョンをリリースします。
• Tailwind CSS 出力のサイズを削減するためのスタイル最適化コードの改善
• SVG変換の改善
• 国境サポートの改善
• 背景画像のサポートを追加しました
• iFrame に関する警告を追加しました (現在、DivMagic は iFrame では機能しません)
• 背景色が適用されないバグを修正

2023 年 5 月 9 日

📈 ディヴマジック発売！

• DivMagic を立ち上げたばかりです! DivMagic の初期バージョンが公開され、すぐに使用できるようになりました。皆様のご意見をお待ちしております。
• 任意の要素をコピーして Tailwind CSS に変換します
• カラーは Tailwind CSS カラーに変換されます