Mac、Windows、Android、そしてiPhoneやiPadまで、ダークモードはあらゆるところに存在しています。 iOS13とiPadOS13は、ついにAppleのデバイスに切望されていた機能をもたらしました。見た目も美しく、対応アプリやWebサイトと自動で連動します。

iphoneとipadでダークモードを有効にする方法

ダークモードを有効にすると、iPhoneやiPadのUI全体がひっくり返ります。これで、背景が黒、文字が白になります。Appleは、ダークグレーではなく、ほとんどの場所で背景が黒一色の「トゥルーブラックテーマ」を採用しています。

有機ELディスプレイを搭載したiPhone（iphonex、XS、x**ax、11、11max）では画素が光らないため、とてもきれいに表示されます。読みやすさを維持するため、Appleは一部の背景要素にグレーを採用しています。ダークモードインターフェースの複雑さについては、以前にも詳しく説明したことがあります。

iPhoneやiPadでダークモードを有効にするには、まずコントロールセンターを開きます。

ノッチのあるiphonexスタイルの端末をお持ちの方は、画面右上から下にスワイプしてください。 iPadの方も同じです。ホームボタンがあるiPhoneの場合、画面下部から上にスワイプしてコントロールセンターを開きます。

ここで、「明るさ」のスライダーをクリックしたままにしておきます。

この機能を無効にするには、もう一度アイコンをクリックします。

また、設定メニューからダークモードのオン／オフを切り替えることもできます。「設定」→「ディスプレイ」→「ダーク」をクリックします

関連記事：iOS 13のダークモードがiPhoneやiPadでどのように機能するかについて

コントロールセンターにダークモードスイッチを追加

私のように、専用のダークモードスイッチが欲しい人は、コントロールセンターに追加スイッチとして用意されています。

有効にするには、「設定」 > 「コントロールセンター」 > 「カスタムコントロール」を選択します。

この画面で、"ダークモード "の横にある "+"ボタンをクリックします。

これにより、コントロールセンターの端にある専用のダークモードトグルが有効になります。ボタンをタップしてダークモードのオン/オフを切り替えることができます。

スケジュールでダークモードを設定する

また、ダークモード機能を自動的に実行するスケジュールを設定するには、設定アプリケーションを開き、［ディスプレイと明るさ］を選択します

外観 "セクションから、"自動 "の隣にあるトグルをクリックします。

次に、「オプション」ボタンをクリックして、「日没から日の出まで」オプションと「カスタムタイムテーブル」オプションを切り替えます。

カスタムスケジュール」を選択すると、ダークモードを開始する正確な時間を指定することができます。

対応アプリケーションおよびWebサイトのダークモード

macOS Mojaveと同様、iPhoneおよびiPadのダークモードは、対応するアプリケーションとウェブサイトで利用できます。

アプリがiOS 13にアップデートされ、この機能に対応すると、コントロールセンターからシステムダークモードを開くと、アプリのテーマが自動的にダークテーマに切り替わります。

例えば、ここではLookUp辞書のアプリケーションを紹介します。左のスクリーンショットでは、アプリケーションはデフォルトのライトモードになっています。右は、ダークモードでのアプリケーションの様子です。

この2つのスクリーンショットの間に私がしたことは、コントロールセンターでダークモードをオンにすることでした。アプリがこの機能に対応し始めると、個々のアプリでダークモード機能を探す必要がなくなります。

サイトがCSSのダークモード機能に対応している場合、システムの設定に応じて自動的にライトテーマとダークテーマが切り替わります。

以下のスクリーンショットでは、SafariでTwitterサイトを表示した際の実際の機能を確認することができます。

現在のところ、この自動テーマ切り替え機能からアプリケーションをブラックリスト化する方法はありません。

ただし、Webサイトの場合は、設定>Safari>詳細設定>実験的機能でこの機能を完全に無効にすることができます。"ダークモードCSSサポート "オプションをオフにすることで、この機能を完全に無効にすることができます。

ダークモードの代替：スマートインバージョン

オートダークモードは、iOS13、iPadOS13以降で機能に対応したアプリのみ利用可能です。ダークモードに対応していないアプリで、ダークモードを有効にしたい場合はどうすればよいでしょうか。回避策として、スマートインバージョン機能を使用します。

スマート反転は、画像などをタッチすることなく、ユーザーインターフェースの色を自動的に反転させるヘルパー機能です。このソリューションにより、黒背景のインターフェイスにきちんとした白文字が表示されます。

有効にするには、「設定」→「アクセシビリティ」→「ディスプレイと文字サイズ」で、"スマートインバージョン "に切り替えてください。

下のスクリーンショットでは、ライトモードのサイトとスマートインバージョンをオンにしたサイトの違いを見ることができます。ほとんどのサイトが正しく反転していますが、一部の箇所（下の例のメニューバーなど）が本来の姿ではありません。

もちろん、スマートインバージョン機能はすべてのケースに適用できるわけではありませんが、良い選択肢のひとつです。これは、開発者がアプリケーションにダークモードを追加しなければ、（ある程度）可能です。