なぜダークモード？まつわる誤解を解いておく

Githubがダークモードに対応したのが2020年12月。調べて見るところ開発者には「目に優しい」と認識されている一方、一般層には単に「格好いいモード」と思われていたりなようです。更にそれだけでもないという記事を見つけました。

## 概要
以下、流行ってるな～と思ったので、まとめました。「ダークモード」のメリット、デメリット。本当のところ。[GitHubをダークモードで使う](https://qiita.com/TerToEer_sho/items/7e14149c7172a2eb19c5)。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/93824/f77e6e14-4ee6-5ba9-b569-dfe95522d282.png)
[ダークモードに対応したデザイン](https://qiita.com/sugar_tk/items/54562d8756b69774aecf#%E3%83%80%E3%83%BC%E3%82%AF%E3%83%A2%E3%83%BC%E3%83%89%E3%81%AB%E5%AF%BE%E5%BF%9C%E3%81%97%E3%81%9F%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3) は2020年始めからトレンドとして指摘されていました。
[Redmineでダークモードを使う](https://qiita.com/heoquay/items/f3196d26441157cd050a) なんてこともできるようだ。

## ダークモードのメリット (とされているもの)

- 画面全体の輝度が下がるので目の負担が減る、疲れにくい。
- 特に暗い環境ではコントラストをあげられるので、見やすい。
- 有機ELパネルのディスプレイスマホなら消費電力が下がって電池が長持ちする。
- 「格好いい」感じがするとよく言われる。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/93824/9f76d7b9-0120-f5c8-fb4b-7a9b55f93e52.png)
引用: https://blog.weekdone.com/why-you-should-switch-on-dark-mode/


## デメリット (とされているもの)

- スマホでは、未対応のアプリと画面の明るさの差が大きくなる。
- 細かく配慮されていない画面ではアイコンやボタンが見にくいものがある。
- 夜中にスマホの光を懐中電灯代わりにできない(？)。

## 実際は

[「ダークモード」は、本当に“目に優しい”のか？ 5つの観点から科学的に検証した結果](https://wired.jp/2019/10/05/dark-mode-chrome-android-ios-science/) が詳しい。以下サマリ。
### 目の疲れを軽減する？
「確かな証拠を、わたしはまだ見たことがありません」。最善の解決策は、コンピューターの利用を控えることである。

### 集中力が高まる？
疑問あり。実験参加者に視力検査と校正作業を行ってもらったところ、白い背景に黒い文字のほうが読む速度が速く、見つけた誤字脱字の数も多かった。またTwitterは、ダークモードを有効にしているユーザーのほうが、アプリに費やす時間が長くなることを発見した。だが、これは集中力が増すためではなく、ベッドに入ったまま画面をスクロールするには、ダークモードのほうが不快感が少ないからかもしれない。

「ダークモードは集中力を高め、わたしたちの気持ちを落ち着かせると謳っているアプリはたくさんある。しかし、このモードを搭載する本当の動機は、単にユーザーの利用時間を長くできるからなのかもしれない。」

### 就寝前はダークモード？
No. 最も効果の高い方法は、眠りにつく1～2時間前には画面を見るのを完全にやめることである。

## 理想形

文献は記事最後に記載してあります。ダークモードがどこでも何でも良しということはなく、格好いいとか、好みの問題でもないようです。[スマホをダークモードにする欠点｜逆に目疲れの原因に？](https://www.lifehacker.jp/2019/05/the-case-against-dark-mode.html)、と、子どもには逆に有害とすらする記事も。

例えば、明るい部屋や直射日光の当たる場所では、暗い背景に置かれたテキストが読みづらくなることもある。画面を専ら明るい昼間の屋外で使用したり、屋内・屋外を頻繁に行き来するユースケースでは、例外的な配慮が必要といえる。例えば日没、日の出時刻、自動検知による自動切り替え機能が必要になる。


「バッテリー寿命を延ばす？」という説については、True。
有機ELディスプレイを採用したAndroidのスマートフォンをダークモードにして「Google マップ」のスクリーンショットを表示したところ、消費電力は通常モードより63パーセント少なかったという。([「ダークモード」は、本当に“目に優しい”のか？ 5つの観点から科学的に検証した結果](https://wired.jp/2019/10/05/dark-mode-chrome-android-ios-science/) )



**目には、休息が一番。このような小話ばかり読んでいないで休むときにはしっかり休みましょう。**


## ダークモードを搭載する例

### OS
[Windows 10](https://dekiru.net/article/18558/)
[Mac OS](https://support.apple.com/ja-jp/HT208976)
[Android](https://appllio.com/how-to-set-android-phone-dark-mode)
[IOS](https://dekiru.net/article/18893/)

### ブラウザ
[Google Chrome](https://www.atmarkit.co.jp/ait/articles/1912/19/news028.html)
[Mozilla Firefox](https://support.mozilla.org/ja/kb/change-look-firefox-android-using-themes)

### チャットアプリ
[Facebook Messenger](https://mag.app-liv.jp/archive/122182/)
[Whatsapp](https://itigic.com/ja/whatsapp-dark-mode-now-available-on-ios-android/)
[Skype](https://support.skype.com/ja/faq/FA34854/skype-dezi-fen-notemawobian-geng-surunihadousurebayoidesuka)
[Slack](https://slack.com/intl/ja-jp/help/articles/360019434914-Slack-%E3%81%A7%E3%83%80%E3%83%BC%E3%82%AF%E3%83%A2%E3%83%BC%E3%83%89%E3%82%92%E4%BD%BF%E7%94%A8%E3%81%99%E3%82%8B)

### SNS
[Twitter](https://mobareco.jp/a175188/)
[facebook](https://usedoor.jp/howto/web/facebook/fb-dark-mode/)

### ほか
[VSCode](https://code.visualstudio.com/docs/getstarted/themes)
[IntelliJ](https://www.jetbrains.com/help/idea/user-interface-themes.html)
[Eclipse](https://qiita.com/a_matsuyama_12/items/95e01535fddd703768fa)
[Github](https://qiita.com/yoshi_yast/items/b01daffb082a1d3ee5f1)
[Todoist](https://todoist.com/ja/help/articles/does-todoist-have-a-dark-theme)
[Trello](https://blog.trello.com/ja/dark-mode-butler-for-trello-mobile)


## 参考
[ダークモードのメリット、デメリットはなんですか？](https://jp.quora.com/%E3%83%80%E3%83%BC%E3%82%AF%E3%83%A2%E3%83%BC%E3%83%89%E3%81%AE%E3%83%A1%E3%83%AA%E3%83%83%E3%83%88-%E3%83%87%E3%83%A1%E3%83%AA%E3%83%83%E3%83%88%E3%81%AF%E3%81%AA%E3%82%93%E3%81%A7%E3%81%99%E3%81%8B)
[2020年流行するであろうwebデザインのトレンド](https://qiita.com/sugar_tk/items/54562d8756b69774aecf)
[The pros and cons of Dark Mode: Here's when to use it and why](https://www.phonearena.com/news/Dark-Mode-iPhone-Android-interface-feature-pros-cons-versus-light-mode_id116978#B2) 
[The Benefits of Dark Mode: Why should you turn off the lights?](https://blog.weekdone.com/why-you-should-switch-on-dark-mode/)
[「ダークモード」は、本当に“目に優しい”のか？ 5つの観点から科学的に検証した結果](https://wired.jp/2019/10/05/dark-mode-chrome-android-ios-science/) 
[スマホをダークモードにする欠点｜逆に目疲れの原因に？](https://www.lifehacker.jp/2019/05/the-case-against-dark-mode.html) 
[ダークモード対応へのいくつかのアプローチ](https://zenn.dev/ken7253/articles/darkmode-approach)