Firefox NightlyがWindows 11のマイカ(Mica)効果をサポート

Firefox NightlyがついにWindows 11の「Mica(マイカ)効果」を試験的にサポートしました。これにより、Firefoxは将来的に、Windows 11のデザイン言語と一致する統一感のあるデザインになると期待されます。
Mica効果とは
Mica効果は、「Mica material(マイカ素材)」や単に「Mica」とも呼ばれています。
Micaは、Windows 11で導入された背景素材で、デスクトップの壁紙やテーマを活用してアプリの背景を装飾する仕組みです。

画像:『 マイカ素材 - Windows apps | Microsoft Learn 』より引用
ウィンドウがアクティブな際には視覚的な階層性を強調し、非アクティブな際には中間色に切り替わるため、現在のタスクに集中しやすい環境を提供します。
デスクトップの背景を一度だけサンプリングするためシステムリソースへの負荷が少なく、動的に背景が変化することでデスクトップとの統一感が生まれます。
Micaをサポートしているソフトウェアはまだ多くありません。そのため、あらゆるソフトウェアを強制的にMicaに対応させる「 Mica For Everyone 」というツールが開発されています。
Firefox NightlyでのMica効果
Redditユーザーによって、Firefox NightlyにWindows 11のMicaが試験的に実装されていることが 報告されました 。
これにより、Mica For Everyoneのようなツールを使用せずに、Firefox NightlyでMica効果を利用できるようになります。
Firefox Nightlyは、Mozillaが開発しているFirefoxの最新ビルドで、最新の機能や実験的な機能が試験的に実装されています。
Micaが通常版のFirefoxに統合されるかは不明ですが、今後のアップデートでMica効果が正式にサポートされる可能性があります。
次の画像は、Firefox NightlyでMica効果を有効化する前と有効化したあとの比較です。


閲覧しているディスプレイによっては、Firefoxの背景がデスクトップの背景画像になっていることが分かりにくい可能性があるので、分かりやすいように彩度とコントラストを編集した画像も掲載します。

ちなみに、画像では垂直タブを有効化しています。垂直タブについては、こちらの記事で紹介しています。

Firefox NightlyでMica効果を有効化する方法
Firefox NightlyでのMica効果は、次の手順で有効化できます。
-
Firefox Nightlyを開きます
-
アドレスバーに
about:config
と入力します -
警告画面が表示された場合は[危険性を承知の上で使用する]をクリックします
-
ページ内の検索バーに
widget.windows.mica
と入力し、該当するフラグをtrue
に変更します -
同様に、
browser.tabs.allow_transparent_browser
をtrue
に変更します -
お好みで、
browser.theme.native-theme
をtrue
に変更します -
アドレスバーに
about:addons
と入力し、テーマを[システムテーマ — 自動]に設定します -
Firefox Nightlyを再起動します
まとめ
Firefox NightlyがWindows 11のMica効果を試験的にサポートしました。Mica効果は、Windows 11の新機能で、デスクトップの背景を活用してアプリの背景を装飾できます。
これにより、今後のアップデートで正式にサポートされれば、FirefoxはWindows 11のデザイン言語に準拠し、統一感のあるデザインを提供することが期待されます。
参考
- Windows 11 on Firefox Nightly now supports Mica transparency natively (Still need to use userChrome file) : r/FirefoxCSS
- マイカ素材 - Windows apps | Microsoft Learn
- MicaForEveryone/MicaForEveryone: Mica For Everyone is a tool to enable backdrop effects on the title bars of Win32 apps on Windows 11.
- 1764822 - Implement (or mock) Windows 11 Mica (acrylic backdrop) for the title bar
おすすめアイテム
※このリンクを経由して商品を購入すると、当サイトの運営者が報酬を得ることがあります。詳細はこちら。
このサイトを支援する
Buy Me a CoffeeまたはGitHub Sponsorsで支援していただけると、サイトの運営やコンテンツ制作の励みになります。定期的な支援と一度限りの支援がありますので、お間違いのないようにお願いします。
-1.png&w=256&q=75)
生まれた時から、母国語よりも先にJavaScriptを使っていました。ネットの海のどこにもいなくてどこにでもいます。
Webフロントエンドプログラマーで、テクノロジーに関する話題を追いかけています。動画編集やプログラミングが趣味で、たまにデザインなどもやっています。主にTypeScriptを使用したWebフロントエンド開発を専門とし、便利で実用的なブラウザー拡張機能を作成しています。また、個人ブログを通じて、IT関連のニュースやハウツー、技術的なプログラミング情報を発信しています。