連載
» 2019年12月25日 05時00分 公開

Google Chrome完全ガイド:Chromeを「ダークモード」に切り替えて省電力や眼の負担軽減(Android/iPhone編)

最近スマホやPCで話題になる「ダークモード」とは? その意味や効果をコンパクトにまとめつつ、Android/iPhone版Google Chromeでのダークモード有効化の手順について説明します。

[島田広道,デジタルアドバンテージ]

この記事は会員限定です。会員登録(無料)すると全てご覧いただけます。

「Google Chrome完全ガイド」のインデックス

連載目次

黒っぽい色合いにする「ダークモード」にChromeは対応済み 黒っぽい色合いにする「ダークモード」にChromeは対応済み

「ダークモード」ってなんですか?

 スマホやPCの話題で「ダークモード」という単語が耳目に触れたことはないでしょうか?

 「ダーク」は「dark」、すなわち「暗い」「黒っぽい」といった意味です。「ダークモード」とは、黒を基調とした(黒っぽい)画面表示モードを指します。

 近年になってAndroidやiOS、Windows OS、macOSなどの主要なOSがダークモードに対応しました。OS側の設定画面でダークモードを選択すると、デスクトップやOS標準アプリはもちろん、サードパーティー製アプリも自動的にダークモードに切り替えられるようになり、ユーザーにとって身近な機能になりつつあります。

 ではなぜ、「ダークモード」が標準的にサポートされるようになってきたのでしょうか? 大別すると次の2つの理由が挙げられます。

●消費電力が減ってバッテリーが長持ちする?

 ディスプレイに有機ELパネルが使われている場合、画面内の黒い部分については原理的に電力を消費しない(あるいは非常に少ない)ため、ダークモードにして全体的に黒っぽい色合いにすると、消費電力が下がる効果が期待できます。

 特にスマホの場合、画面表示の消費電力の割合が高いため、バッテリーの持ちが目立ってよくなることが期待できます。

 ただし、有機ELパネルを搭載したスマホは増えているものの、比較的高額で、執筆時点ではまだまだ一般的とはいえません。

メーカー 製品名
Apple iPhone X/XS/XS Max/11/11 Pro/11 Pro Max
ASUS ZenFone 3 Deluxe/Zoom S/AR/4 Selfie Pro/4 Pro、ROG Phone/Phone II
Google Nexus 6/6P、Pixelシリーズ
HUAWEI HUAWEI Mate 10 Pro/Mate 20 Pro/P10 Pro/P20 Pro/P30/P30 Pro
Samsung Galaxy Sシリーズ、Galaxy Noteシリーズ
京セラ BASIO4
シャープ AQUOS zero/zero2
ソニー Xperia XZ3/1/5
富士通 arrows Be3/Fit/M01/M02、らくらくスマートフォン3/4/me
有機ELパネルをディスプレイに採用した主要なスマートフォン
主な製品のみ掲載。他のメーカーでも有機EL採用製品は増えています。ただ、比較的高額な上位機種に限られているのが現状です。

●眼が疲れにくくなる?

 ダークモードにして画面全体を黒っぽくすると、見つめている範囲内で発光する面積が減る分、眼の負担が減り、疲れにくくなるという説があります。ただし、万人に認められた効果とはいえないようです。

 筆者の場合、視界内でコントラストの高い発光体があると、眼につらさを感じます。そのためディスプレイでダークモードにしても、ディスプレイの周囲が明るいと、かえってディスプレイとのコントラストが高くなってしまうことから、つらく感じられることがあります。もっともスマホの場合は下向きに見るため、スマホ以外の光源が視界内に入る機会が少ないことから、筆者はスマホでは積極的にダークモードを使っています。

●実際に試してみましょう

 以上のようにダークモードの効果は一様ではないので、実際に試して効果を計るのがよいでしょう。本稿ではAndroid/iPhone(iOS)版Chromeでダークモードに切り替える手順を説明します。デスクトップ版Chromeについては「Chromeを『ダークモード』に切り替えて省電力や眼の負担軽減(Windows/Mac編)」を参照してください。

Android版Chromeをダークモードにする

 Android版の「Google Chrome」(以下、Chromeと略)をダークモードに切り替えるには、Chromeの設定を変更します(Android 5以降が必要です)。

 まずGoogle PlayストアでChromeを最新版に更新しましょう。

 次にChromeを起動し、右上のメニューボタン(縦の点線)をタップしてメニューを開き、そこの[設定]をタップします。[設定]画面が表示されるので、[テーマ]をタップします。[テーマ]画面が表示されたら、[]または[ダーク]を選択します。

Android版Chromeをダークモードにする(1/3) Android版Chromeをダークモードにする(1/3)
Android版Chromeをダークモードにする(2/3) Android版Chromeをダークモードにする(2/3)
Android版Chromeをダークモードにする(3/3) Android版Chromeをダークモードにする(3/3)

 Android 10以降の場合、上の画面で[システムのデフォルト]を選択すると、Android側で選んだテーマに従って、Chromeのテーマの明暗が自動的に切り替わります。Android側でダークテーマを有効にするには、[設定]アプリで[ディスプレイ]を選び、[ダークテーマ]をオンにします。

 さて、上の画面の設定変更をすると、すぐにChromeがダークテーマへ切り替わります。

ダークモードになったWindows OS版Chrome ダークモードになったWindows OS版Chrome

 ただし、Chromeのタブで開いたWebページもダークモードになるとは限りません。むしろ通常モードと変わらないページの方が圧倒的に多いのが現状です(詳しくは後述)。

iPhone(iOS)版Chromeをダークモードにする

 iPhone/iPadなどのiOS端末の場合、OS側でダークモードに切り替えると、自動的にChromeもダークモードになります。ダークモードに対応しているiOSは、バージョン13以降です。

 iOSをダークモードにするには、まずホーム画面の右上から下へスワイプしてコントロールセンターを呼び出します。次に、画面の明るさを調整するアイコン(以下のスクリーンショット参照)を長押しして、明るさ調整の詳細画面を開きます。そこで右下のアイコンをタップして[ダークモード オン]に切り替えます。

iPhone(iOS 13以降)をダークモードにする(1/2) iPhone(iOS 13以降)をダークモードにする(1/2)
iPhone(iOS 13以降)をダークモードにする(2/2) iPhone(iOS 13以降)をダークモードにする(2/2)

 あるいは、[設定]アプリを起動して[画面表示と明るさ]をタップし、次の画面で[ダーク]を選択しても構いません。

[設定]アプリでiPhone(iOS 13以降)をダークモードにする手順 [設定]アプリでiPhone(iOS 13以降)をダークモードにする手順

 するとすぐにホーム画面や[設定]などの標準アプリが黒を基調とした色合いへと変わります(壁紙は暗めのものを明示的に選択しなければならない場合があります)。そしてChromeもダークモードに切り替わり、黒っぽい表示になります(切り替わらない場合は、iTunes App StoreでChromeを最新版にアップデートできないか試してください)。

ダークモードになったiPhone(iOS)版Chrome ダークモードになったiPhone(iOS)版Chrome

 ただしAndroidの場合と同様、Chromeのタブで開いたWebページもダークモードになるとは限りません(すぐ後で説明)。

ブラウザペインはダークモードにならない!?

 ダークモードに切り替えた後にChromeでWebページを開いていくと、すぐにWebページがダークモードにならず、従来と同じ色合いで表示されることに気付くでしょう。

 実はWebページ自体がダークモードに非対応だと、ChromeやOS側をダークモードに切り替えただけでは黒っぽい色合いに変わりません。

ダークモード未対応のWebページの例(通常の明るいモード) ダークモード未対応のWebページの例(通常の明るいモード)
ダークモード未対応のWebページの例(ダークモード時) ダークモード未対応のWebページの例(ダークモード時)

 一方、ダークモードに対応したWebページでは、ChromeやOSの設定と連動して黒っぽい色合いに切り替わります。通常モードに戻した場合も同様に連動します。

ダークモード対応のWebページの例(通常の明るいモード) ダークモード対応のWebページの例(通常の明るいモード)
ダークモード対応のWebページの例(ダークモード時) ダークモード対応のWebページの例(ダークモード時)

 ただし、執筆時点でダークモード対応のWebページ/Webサイトは決して多くなく、大多数は未対応です。そのためChromeのようなWebブラウザについては、ダークモードにしても、広い面積を占めるブラウザペインはほとんど従来と同じ明るい色合いのままになってしまいます。

Android版Chromeでブラウザペイン(Webページ)にダークモードを強制する

 実はAndroid版Chromeには、実験的ながら、Webページ(ブラウザペイン)の内容を強制的に黒っぽい色合いに変えることができます(iOS版Chromeでは不可)。

 Android版Chromeで「chrome://flags」というURLでページを開くと、実験的機能の一覧が表示されます。そこで「dark mode」と検索すると表示される[Force Dark Mode for Web Contents]という項目を[Enabled]にします。

Copyright© Digital Advantage Corp. All Rights Reserved.

RSSについて

アイティメディアIDについて

メールマガジン登録

@ITのメールマガジンは、 もちろん、すべて無料です。ぜひメールマガジンをご購読ください。