divmagic DivMagic

変更履歴

DivMagic に加えられた最新の追加と改善のすべて

2023 年 11 月 15 日

新機能、改善、バグ修正

このバージョンには新機能が含まれています: DivMagic Studio へのエクスポート

これで、コピーした要素を DivMagic Studio にエクスポートできるようになります。これにより、DivMagic Studio で要素を編集し、変更を加えることができるようになります。



改善点

  • コピーされたスタイルの応答性の向上
  • 出力サイズを削減するためのスタイル最適化コードの改善

バグの修正

  • 不要な CSS 属性が出力に含まれるバグを修正しました

2023 年 11 月 4 日

新機能、改善、バグ修正

このバージョンには、新機能「ポップアップの自動非表示」が含まれています。

ポップアップ設定からポップアップの自動非表示を有効にすると、マウスをポップアップから遠ざけると拡張機能のポップアップが自動的に消えます。

これにより、手動でクリックしてポップアップを閉じる必要がなくなるため、要素のコピーがより速くなります。
ポップアップを自動非表示にする2023 年 11 月 4 日
このバージョンには、設定の場所の変更も含まれています。コンポーネントとスタイルのフォーマットはコピー コントローラーに移動されました。
2023 年 11 月 4 日2023 年 11 月 4 日

また、「背景色の検出」オプションも削除されました。現在はデフォルトで有効になっています。

改善点

  • コピーされたスタイルの応答性の向上
  • 出力サイズを削減するためのスタイル最適化コードの改善
  • 複数の開いているタブを処理できるように DevTools 統合を改善しました

バグの修正

  • オプションが正しく保存されないバグを修正しました

2023 年 10 月 20 日

新機能、改善、バグ修正

このバージョンには新しい機能が含まれています: Media Query CSS

これで、コピーしている要素のメディア クエリをコピーできるようになります。これにより、コピーされたスタイルがレスポンシブになります。
詳細については、Media Query CSS のドキュメントを参照してください。 Media Query

このバージョンには新しい変更も含まれています。 「全ページをコピー」ボタンが削除されました。 body 要素を選択すると、ページ全体をコピーできます。
2023 年 10 月 20 日2023 年 10 月 20 日

改善点

  • 不要なスタイルを削除するためにスタイルのコピーを改善しました。
  • 出力サイズを削減するためのスタイル最適化コードの改善
  • DevTools の統合が改善され、スタイルをより速くコピーできるようになりました。

バグの修正

  • 要素の絶対コピ​​ーと相対コピーに関連するバグを修正しました。

2023 年 10 月 12 日

新機能、改善、バグ修正

このバージョンには、コピー モードと親/子要素の選択という 2 つの新機能が含まれています。

コピー モードを使用すると、要素をコピーするときに取得する詳細の範囲を調整できます。
コピー モードの詳細については、ドキュメントを参照してください。 コピーモード

親/子要素を選択すると、コピーしている要素の親要素と子要素を切り替えることができます。
2023 年 10 月 12 日

改善点

  • 出力サイズを削減するためのスタイル最適化コードの改善
  • Tailwind CSS クラス カバレッジの向上
  • コピーされたスタイルの応答性の向上
  • 出力サイズを削減するためのスタイル最適化コードの改善

バグの修正

  • 要素の位置計算のバグを修正しました
  • 要素サイズ計算のバグを修正しました

2023 年 9 月 20 日

新機能とバグ修正

DivMagic DevTools がリリースされました!拡張機能を起動せずに、DevTools から直接 DivMagic を使用できるようになりました。

DevTools から要素を直接コピーできます。

要素を検査して選択し、DivMagic DevTools パネルに移動し、「コピー」をクリックすると要素がコピーされます。

詳細については、DivMagic DevTools に関するドキュメントを参照してください。
DivMagic DevTools ドキュメント
権限の更新
DevTools の追加に伴い、拡張機能の権限を更新しました。これにより、拡張機能は、アクセスするすべての Web サイトおよび複数のタブに DevTools パネルをシームレスに追加できます。

⚠️ 注記
このバージョンに更新すると、Chrome と Firefox では、拡張機能が「アクセスした Web サイト上のすべてのデータを読み取り、変更できる」という警告が表示されます。憂慮すべき文言ではありますが、次のことを保証します。

最小限のデータ アクセス: 当社は、DivMagic サービスを提供するために必要な最低限のデータのみにアクセスします。

データ セキュリティ: 拡張機能によってアクセスされるすべてのデータはローカル マシン上に残り、外部サーバーには送信されません。コピーする要素はデバイス上で生成され、どのサーバーにも送信されません。

プライバシー第一: 当社はお客様のプライバシーとセキュリティの保護に全力で取り組んでいます。詳細については、当社のプライバシー ポリシーをご覧ください。

ご理解とご信頼を賜りますようお願い申し上げます。ご不明な点やご質問がございましたら、お気軽にサポートチームまでお問い合わせください。
2023 年 9 月 20 日

バグの修正

  • 変換設定が保存されないバグを修正しました

2023年7月31日

改善とバグ修正

改善点

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

バグの修正

  • 絶対要素コピーのバグを修正しました
  • 背景ぼかしコピーのバグを修正

2023 年 7 月 20 日

改善とバグ修正

改善点

  • 出力サイズを削減するためのスタイル最適化コードの改善

バグの修正

  • バックグラウンド検出のバグを修正しました

2023 年 7 月 18 日

新機能、改善、バグ修正

新しい背景の検出機能を使用して、コピーしている要素の背景を検出できるようになりました。

この機能は、親を通じて要素の背景を検出します。特に暗い背景では非常に便利です。

詳細については、背景の検出に関するドキュメントを参照してください。
背景の検出2023 年 7 月 18 日

改善点

  • コピーされたコンポーネントの応答性の向上
  • カスタマイズしやすくするために、可能な場合は「currentColor」を使用するように SVG 要素を更新しました。
  • CSS 出力のサイズを削減するためのスタイル最適化コードの改善

バグの修正

  • 高さと幅の計算のバグを修正しました

2023 年 7 月 12 日

新機能と改善点

新しい「ページ全体をコピー」機能を使用して、ページ全体をコピーできるようになりました。

すべてのスタイルを含むページ全体がコピーされ、選択した形式に変換されます。

詳細については、ドキュメントを参照してください。
ドキュメンテーション2023 年 7 月 12 日

改善点

  • コピーされたコンポーネントの応答性の向上
  • CSS 出力のサイズを削減するためのスタイル最適化コードの改善

2023 年 7 月 3 日

改善とバグ修正

改善点

  • iframe スタイルのコピーの改善
  • 境界線変換の改善
  • 出力サイズを削減するためのスタイル最適化コードの改善

バグの修正

  • JSX変換のバグを修正
  • 境界半径計算のバグを修正しました

2023 年 6 月 25 日

改善とバグ修正

改善点

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

バグの修正

  • パディングとマージン変換のバグを修正しました

2023 年 6 月 12 日

改善とバグ修正

改善点

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

バグの修正

  • グリッド変換のバグを修正しました

2023 年 6 月 6 日

新機能と改善点

コピーしたものをCSSに変換できるようになりました。これは非常にリクエストの多かった機能であり、リリースできることを楽しみにしています。

これにより、プロジェクトに簡単に取り組むことができるようになります。

スタイル形式の違いについては、ドキュメントを参照してください。
ドキュメンテーション2023 年 6 月 6 日

改善点

  • Tailwind CSS 出力のサイズを削減するためのスタイル最適化コードの改善
  • リスト変換の改善
  • グリッド変換の改善

2023 年 5 月 27 日

改善とバグ修正

改善点

  • Tailwind CSS コードをコピーするキーボード ショートカットを追加しました。 「D」を押して要素をコピーできます。
  • SVG変換の改善
  • Tailwind CSS 出力のサイズを削減するためのスタイル最適化コードの改善

バグの修正

  • 出力に不正な文字列が含まれる JSX 変換のバグを修正しました。
    • バグや問題を報告してくださった皆様に感謝します。できるだけ早く修正できるよう取り組んでいます。

2023 年 5 月 18 日

新機能と改善点

これで、コピーした HTML を JSX に変換できるようになりました。これは非常にリクエストの多かった機能であり、リリースできることを楽しみにしています。

これにより、NextJS または React プロジェクトに簡単に取り組むことができるようになります。

2023 年 5 月 18 日

改善点

  • Tailwind CSS 出力のサイズを削減するためのスタイル最適化コードの改善

2023 年 5 月 14 日

Firefox リリース 🦊

DivMagic が Firefox でリリースされました。 Firefox と Chrome で DivMagic を使用できるようになりました。

Firefox 用 DivMagic はここからダウンロードできます。 Firefox

2023 年 5 月 12 日

改善点

DivMagic は過去 2 日間で 100 回以上インストールされました。ご関心とフィードバックをいただきありがとうございます。

改善とバグ修正を行った新しいバージョンをリリースします。

  • Tailwind CSS 出力のサイズを削減するためのスタイル最適化コードの改善
  • SVG変換の改善
  • 国境サポートの改善
  • 背景画像のサポートを追加しました
  • iFrame に関する警告を追加しました (現在、DivMagic は iFrame では機能しません)
  • 背景色が適用されないバグを修正

2023 年 5 月 9 日

🚀 ディヴマジック発売！

DivMagic を立ち上げたばかりです! DivMagic の初期バージョンが公開され、すぐに使用できるようになりました。皆様のご意見をお待ちしております。

  • 任意の要素をコピーして Tailwind CSS に変換します
  • カラーは Tailwind CSS カラーに変換されます
divmagic DivMagic
特徴価格設定接触

リソース

サポート

ツール

利用規約とポリシー

© 2023 DivMagic, Inc. 全著作権所有。