
Dark Readerのインストールと使い方。(PC & スマホ)ダークモードで目を大切に。
です・ます調の文章でなくてすみません。当初は個人的なメモ書きだったためです。
Contents - 目次
ダークモードでパソコンやスマホを。Dark Readerのインストール手順。
パソコンやスマホでWebサイトを見ているときに、目の負担を軽減する「Dark Reader」を使ってダークモードにするととても楽になる。
以前はダークモードがなかったので、個人的に、目を悪くした原因となってしまった。
強い日差しからサングラスで目を守るときのように、これからパソコン作業に関わっていく人は、目の保護に気をつけて欲しいと思う。
ブルーライトは目に悪いと知っていながら、若さの勢いで頑張ってしまうと、後でつけが回ってきてしまう。
Dark Readerのインストール方法。(Chromeの場合。)
Chrome ウェブストア。
「Dark Reader」は、例えばChromeなら、Chrome ウェブストアから追加ができる。
Chrome ウェブストアの画面左上の検索ボックスで検索できる。「dark reader」と小文字でもOK。
Chrome ウェブストア – Dark Reader:Dark Reader – Chrome ウェブストア
Chromeへ追加する。
「Dark Reader」を選択すると、右側に「Chromeに追加」のボタンが表示されるので、クリック。
拡張機能の追加画面。
確認画面が表示されたら、「拡張機能を追加」をクリック。

「拡張機能」から、「Dark Reader」を選択。
Chrome上部のバーに、パズルのピースのアイコンの「拡張機能」がある。そこから、追加した「Dark Reader」を選択する。
ピンのアイコンでバーに固定すると、その後のオン・オフの切り替えが楽になる。

ピンで固定すると、バーにアイコンが表示される。

Dark Readerのインストール方法。(Firefoxの場合。)
Firefox Browser ADD-ONS 拡張機能。
Firefoxなら、Firefox (ja) 向けアドオン – ADD-ONS 拡張機能から追加ができる。
画面右上の検索ボックスで「dark reader」と入力すると、途中で候補が出てくる。
Firefox ADD-ONS 拡張機能 Dark Reader:Dark Reader – Firefox ADD-ONS
Firefoxへ追加する。
「Firefoxへ追加」のボタンが表示されるので、クリック。
拡張機能の追加画面。
確認画面が表示される。
特に問題がなければ、確認画面で「追加」をクリック。

上部バーにDark Readerのアイコンが追加される。
後はChromeとほぼ同じインターフェイスで、使い方もほとんど同じ。
使い方はシンプル。
基本的にダークモードの「オン」 or 「オフ」がメインなので、使い方はすぐに慣れる。
Dark Readerのインストール方法。(Edgeの場合。)
Microsoft Edgeの場合も、Edge アドオンから拡張機能として追加ができる。
Dark Readerによるダークモードの使い方。
「Dark Reader」のオン・オフ。
使い方は簡単。インストール後は、「Dark Reader」のアイコンをクリックし、メニューからオン・オフを選択するだけ。
オンにしておけば、その後は全てのサイトで自動的にダークモードになる。
サイトごとに操作をする必要はない。
もしダークモードを解除したい場合や解除したいサイトでは、同様の手順でオフにすれば良い。

輝度やコントラストなども調整ができる。
Dark Readerの料金について。(iPhoneとMacとiPad)
ChromeとFirefox、Edgeの場合。
ChromeとFirefox、Edgeの「Dark Reader」は無料で利用可能。(2023年8月現在。)
Safariの場合。
Safariの場合は¥700ほどでの買い切り。(2023.08.16時点。)
サブスクではないので使い放題、かつ、その一度の買い切り額でMacとiPhone、iPadで共有できる。
Mac App Store: 「Dark Reader for Safari」をApp Storeで
確認画面が表示されたら、「App Store.app」をクリック。
iPhoneからインストール。
iPhoneからでもインストールは可能。「dark reader」で検索して、App Storeからダウンロードできる。

使い方はほとんど一緒。
使い方もほぼ同様で、検索バーの左側にあるパズルのアイコンからDark Readerを選択し、オンオフの切り替え画面を開くことができる。
(切り替えや調整時のみで、毎回開く必要はないのが便利。)

Androidの場合。
Dark Readerのサイトによると、Androidの場合は、Firefoxで使用できるとのこと。
(英語。ブラウザの翻訳機能で日本語にできる。)
参照: Dark Reader for iOS and Android is available – Dark Reader blog
パソコンでもスマホでも、クオリティはかなり高い。
以上、参考になれば幸いです。
※Webデザインは実務数年、職業訓練校講師数年、フリーランス数年、計15年以上のキャリアがありますが、一気にがぁっと書いています。(元々はメモ書きでしたので順次見直し、更新しています。) ※事実や経験、調査や検証を基にしていますが、万一なにかしら不備・不足などがありましたらすみません。お知らせいただければ訂正いたします。 ※写真は主にUnsplashやPixabayのフリー素材を利用させていただいております。その他の写真や動画もフリー素材やパブリックドメイン、購入素材、もしくは自前のものを使用しております。
免責事項について
- 記事ページ(Memosのページ)は当初は文字通りメモ書きでした。その後、修正や更新をしております。
- 事実や経験、調査や検証を基にしていますが、万一なにかしら不備・不足などがありましたらすみません。お知らせいただければ早急に対応いたします。
- 一個人のポートフォリオサイトですので、万一損害・トラブル等が発生した場合でも、一切の責任を負いかねます。