UI照妖镜: UIデザイナーやフロントエンド開発者のための強力なツール
UI照妖镜は、UIデザイナーやフロントエンド開発者にとって貴重な支援ツールであるChromeアドオンです。このツールを使用することで、UIデザイナーは簡単にUIの視覚的な検査を行い、Chrome DevToolsを開かずにWebページのH5ビューをプレビューすることができます。さらに、フロントエンド開発者は、デザインの下書きに細かく合わせ、ページ再構築の段階での違いを素早く特定することができ、デザイナーとのコミュニケーションコストを削減することができます。
このツールにはいくつかの便利な機能があります。ユーザーはデザインの下書きを表示、インポート、削除することができます。下書きはWebページの上に表示され、移動、非表示、表示、透明度の調整が可能です。インポートされたデザインの下書きは、ブラウザ内でローカルにキャッシュされ、簡単にアクセスできます。
UI照妖镜は、効率的なナビゲーションのための便利なキーボードショートカットも提供しています。小文字の「wsad」キーを使用すると、デザインの下書きを1ピクセルずつ異なる方向に移動させることができます。大文字の「WSAD」キーを使用すると、デザインの下書きを10ピクセルずつ移動させることができます。数字キーの0から9は、2回押すことで透明度を調整することができます（「00」を押すと透明度が100％になります）。大文字の「H」キーはデザインの下書きの表示/非表示を切り替え、大文字の「Z」キーはPCビューとH5ビューを切り替えます。
なお、このツールは自動的にネットワーク環境を検出し、アイコンがアクティブな場合にのみ使用できます。また、最大ファイルサイズが2MB、アップロード数が3つまでの画像ファイルのみをサポートしています。
