変更履歴

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

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

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 月 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 月 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 サービスを提供するために必要な最低限のデータのみにアクセスします。
• データ セキュリティ: 拡張機能によってアクセスされるすべてのデータはローカル マシン上に残り、外部サーバーには送信されません。コピーする要素はデバイス上で生成され、どのサーバーにも送信されません。
• プライバシー第一: 当社はお客様のプライバシーとセキュリティの保護に全力で取り組んでいます。詳細については、当社のプライバシー ポリシーをご覧ください。
• ご理解とご信頼を賜りますようお願い申し上げます。ご不明な点やご質問がございましたら、お気軽にサポートチームまでお問い合わせください。
• 変換設定が保存されないバグを修正しました