先週リリースされた macOS Mojave 10.14.4 ベータ版の Safari では、Mojave の劇的な新しいダーク モードに合わせて、Web サイトのスタイルを自動的に調整できるようになりました。
Appleは10月に、ダークモードコンテンツのスタイル設定にメディアクエリをサポートするSafari Technology Preview 68をリリースしましたprefers-color-scheme 。この実験的な機能は、macOS Mojave 10.14.4開発者向けベータ版に搭載されているSafariブラウザにすでに搭載されています。
この非常に便利な機能は、Safariの「開発」メニューの「実験的機能」→「ダークモードCSSサポート」で手動で有効化または無効化できます（記事冒頭参照）。しかし、現在のmacOS Mojave 10.14.3ソフトウェアでは、このオプションはどこにも見当たりません。
macOS Mojave 10.14.4がリリースされると、システム環境設定でMojaveのダークモードをオンにすると、アクセスしたウェブサイトのスタイルがそれに応じて変更されるようになります。もちろん、ウェブ開発者はブラックテーマを実装し、新しいメディアクエリを採用する必要があります。
macOS Mojave 10.14.4 ベータ版がインストールされている場合は、Kevin Chain のサンプル Web ページにアクセスしてこれを自分で試し、システム環境設定でライト モードとダーク モードを切り替えて、Web サイトが適切なテーマを自動的に適用するのを確認できます。
繰り返しますが、これは macOS Mojave 10.14.3 以前の Safari では機能しません。
Safari Technology Previewは、macOSとiOSで今後登場するWebテクノロジーをいち早く体験できるツールです。通常のSafariと併用してインストールすれば、誰でも簡単に使い分けることができます。
Mojaveのダークモードにおける最大の問題点は、Safariが新しいメディアクエリをサポートしていないことです。macOS Mojave 10.14.4では、Appleのウェブブラウザがついに、ウェブサイトのスタイルをライトモードとダークモードのシステム表示で自動的に切り替えられるようになります。
チュートリアル: Siriショートカットを使ってあらゆるウェブサイトでダークモードを利用する方法
Mojaveのダークモードは、デスクトップを暗めの配色に変え、コンテンツに焦点を合わせます。メール、メッセージ、カレンダーなどの組み込みアプリの外観も変化します。公式APIにより、開発者は独自のアプリで同様の機能を実現できます。
以下に埋め込まれているのは、MacOS Mojave 10.14.4 でダーク モードとライト モードを切り替えるときに、Web サイトで自動的にテーマが切り替わる非常に興味深い比較です。
垂直スライダーをドラッグするだけで、実際に動作する様子を確認できます。
macOS Mojaveが9月に一般公開されて以来、1Password、HazeOver、Sparkなど、多数のアプリがシステム全体のダークモードのサポートを追加しました。
ダークモードはiOSでは公式にはサポートされていませんが、多くの人気アプリが内部的にダークテーマを採用しています。iOS 12ではOSレベルでダークモードがサポートされていないため、ユーザーはお気に入りのアプリがダークモードに対応している場合、手動でダークインターフェースをオンにする必要があります。
Appleが発表した、ダークテーマや黒一色のインターフェースを採用した人気アプリのリストをぜひチェックしてみてください。Darkmodelist.comというファンが作成したウェブサイトでは、カスタムダークテーマを採用したiPhoneとiPadのアプリを70本以上、スクリーンショット付きで紹介しています。
macOS Mojave 10.14.4 では、カナダの Apple News のサポートや、Touch ID ボタンをタッチするだけで Safari に保存したパスワードを自動的に入力する機能も導入されます。
ソフトウェア アップデートは数週間以内にすべてのユーザーにリリースされる予定です。
Safari がウェブサイトのダークモードスタイルをサポートすることを楽しみにしていますか?
下記にコメントを残してお知らせください。
