[26/06/10] ウェブサイトを「ダークモード」表示する方法

■◇◇■ 週刊なにしろパソコン ■◇◇■ 毎週水曜日発行 ■◇◇◇■
  パソコン・インターネットを   発行日:2026/06/10(配信は翌日)
  楽しむキッカケを提供します!  発行者:なにしろパソコン編集長
  https://www.724685.com/maga/  連絡先:faq@724685.com
■◇◇◇■ 1,227号 ■◇◇◇◇■ 今週の読者数: 3,323名 ■◇◇◇■

 ≪今週の目次≫
  (1) 今週のひとこと 「なにしろパソコン」をダークモードで表示!?
  (2) 今週のQ&A  ウェブサイトを「ダークモード」表示する方法
  (3) 今週の用語解説 Windows 11 の「色」設定で「モード」とは
  (4) 編集後記    とりあえずレベルの「ダークモード」なら可能
  ※直接ジャンプ! 今週のQ&A今週の用語解説編集後記
 ☆ 配信中止ご希望の方は以下の「まぐまぐ!」の公式ページで「登録
   する」の下にある「メールマガジンを解除」から解除できます。
            → https://www.mag2.com/m/0000081405.html

  ・ すべてのバックナンバー https://www.724685.com/maga/
  ・ パソコントラブルQ&A https://www.724685.com/weekly/
  ・ パソコン用語解説    https://www.724685.com/word/
  ・ お問い合わせフォーム  https://www.724685.com/ask/


=========================== [Top に戻る]
 (1) 今週のひとこと 「なにしろパソコン」をダークモードで表示!?
----------------------------------
      ☆「今日のひとこと」はこちらで https://www.724685.com/

 読者の方から

  『「なにしろパソコン」をダークモードで
    表示することはできるのでしょうか?』

 というお問い合わせをいただきました。

 結論としては「なにしろパソコン」独自に「ダークモード」は用意して
 おりません。ただし「Chrome拡張機能」や「Chromeフラグ」などを使う
 ことで強制的に「ダークモード」のように表示することは可能です。

 とはいえ、実際に使ってみると、かなり強引に「ダークモード」を適用
 した感じで、うまく表示できていない部分もあったり、デザイン的にも
 見づらくなったりするので、あまりオススメではありません。
 
 それでも、とりあえず今週は「ダークモード」について取り上げます。


=========================== [Top に戻る]
 (2) 今週のQ&A ウェブサイトを「ダークモード」表示する方法
----------------------------------
    ☆「パソコントラブルQ&A」 https://www.724685.com/weekly/

 Q:ウェブサイトを「ダークモード」で表示することはできますか?

 A:「Chrome拡張機能」や「Chromeフラグ」を使えば、一応、可能です。


                ◆◇◆

 「Chrome」は「設定」画面の「デザイン」で「モード」を「ダーク」に
 設定すれば「タブ」や「バー」など操作部分、「新しいタブページ」や
 「設定」画面などを背景が黒、文字が白の「ダークモード」にできます。

 この設定で「Google検索」や「YouTube」「X」なども「ダークモード」
 表示になりますが「なにしろパソコン」や「Yahoo!JAPAN」「Facebook」
 など多くのウェブページは「ダークモード」にはなりません。

 そこで「Chrome」の「設定」で「ダークモード」にならないサイトにも
 適用できる Chrome拡張機能「DARK READER」を紹介します。

 ◆ Dark Reader - Chrome ウェブストア
 https://chromewebstore.google.com/detail/dark-reader/eimadpbcbfnmbkopoojfekhnkhdbieeh
 
 「Chromeに追加」するとすぐ、ほとんどのサイトに「ダークモード」が
 適用されます。調整は「DARK READER」の拡張機能アイコンをクリック
 するとポップアップ表示される設定画面で行います。

 まずは機能の「オン/オフ」切り替え、そして「オン」状態で「輝度」
 や「コントラスト」の調整、さらに「サイトリスト」で特定のサイトに
 適用するか設定できます。

 ・反転リスト:すべて非適用にした状態で、特定のサイトだけ適用

 ・非反転リスト:すべて適用にした状態で、特定のサイトだけ非適用

 たとえば「なにしろパソコン」サイトを開いた状態で「DARK READER」
 設定画面を開くと上部に「x 724685.com」と表示され、クリックすると
 リストに特定のサイトとして追加され「v 724685.com」となります。

 使ってみて希望通りの機能で、継続して使うのであれば利用料を支払う
 といいでしょう。

                ◆◇◆
 
 「Chromeフラグ」にも「ダークモード」を適用できるものがあります。

 ◆ Auto Dark Mode for Web Contents

 適用の手順は簡単です。Chrome のアドレスバーに

 chrome://flags/#enable-force-dark

 と入力(コピペで OK)して Enterキーを押すと「Experiments」ページ
 が開き、「Auto Dark Mode for Web Contents」という項目が選択表示
 されます。

 その「Auto Dark Mode」項目右にある設定メニューで「Default」から
 「Enabled」に切り替え、Chrome を「再起動」すれば、すべてのページ
 に「ダークモード」が適用されます。


 もちろん、再度「Experiments」ページを開き、同じ「Chromeフラグ」
 の設定メニューを「Enabled」から「Default」に戻し、Chrome を再起動
 することで「ダークモード」を解除できます。

 いつもすべてのサイトを「ダークモード」で表示したいときにはいいの
 ですが、特定のサイトだけ、あるいは「ダークモード」のオン/オフを
 切り替えたいなら再起動のいらない「拡張機能jのほうが便利でしょう。

 ちなみに「Chromeフラグ」については以下を確認してください。

 ◆ Chrome の「Experiments」「Flags(フラグ)」とは
  https://www.724685.com/word/wd260527.htm

 自己責任での利用をお願いしています。


=========================== [Top に戻る]
 (3) 今週の用語解説 Windows 11 の「色」設定で「モード」とは
----------------------------------
         ☆「パソコン用語解説」 https://www.724685.com/word/

 ・Windows 11 の「色」設定で、「Windows」と「アプリ」に表示させる
  背景色と文字色の組み合わせが「モード」で、背景が白で文字が黒の
  「ライト」、背景が黒で文字が白の「ダーク」から選択できます。

  Windows 画面の「ダークモード」については、以前に Windows 10 の
  「色」設定を使って用語解説しているので参考にしてください。

  ◆ 画面の「ダークモード」とは - パソコン用語解説(2019/11/20)
   https://www.724685.com/word/wd191120.htm

  とりあえず『「ダークモード」とは、背景色を黒にするなど画面全体
  の表示を暗い配色に切り替える機能』というのは変わっていません。


 ・Windows 11 の場合も「設定」画面の「個人用設定」で「色」を選択
  して開いた画面上部に「モードを選ぶ」項目があり、これを使います。

  「モードを選ぶ」には「ライト」「ダーク」「カスタム」が用意され、
  「ライト」と「ダーク」は「Windows」と「アプリ」を同時設定でき、
  「カスタム」は「Windows」と「アプリ」で個別設定できます。

  「既定の Windowsモード」は「タスクバー」や「スタートメニュー」
  「通知」のポップアップなど、システム関連のツールやウィンドウの
  「色」基調を「ライト」か「ダーク」か選ぶことができます。

  一方の「既定のアプリモード」は Windows に用意された、あるいは
  インストールされた様々なアプリの「色」基調を変更できます。


 ・ただし「既定のアプリモード」に影響されない「アプリ」もあるし、
  アプリ画面の操作部分だけ「ライト」や「ダーク」の設定が使われ、
  編集中の画面は影響を受けないものがあります。

  たとえば「メモ帳」アプリでは「設定」の「アプリのテーマ」項目で
  「ライト」「ダーク」を選択できますが「システム設定を使用する」
  を選択すれば「既定のアプリモード」と同じ設定が適用されます。
  
  また「Chrome」アプリでも「設定」の「デザイン」画面に「モード」
  項目があって「ライト」「ダーク」を選択できますが「デバイス」を
  選択することで「既定のアプリモード」と同じ設定になります。
  
  「メモ帳」を「ダーク」モードにすると、開いたテキストファイルの
  画面は背景も黒く文字は白くなります。

  一方「Chrome」を「ダーク」モードにすると、開いた画面の「タブ」
  や「バー」など操作部分、「Google」や「設定」画面などは背景が黒、
  文字が白になりますが、一般的なウェブページは影響を受けません。


============ ◇ 編集後記 ◇ =======[Top に戻る]

 「Chrome拡張機能」や「Chromeフラグ」を使えば「なにしろパソコン」
 も「ダークモード」で表示できますが、画像によっては背景色が白くて、
 ほかにも背景がすっきりとした黒にならずに見えにくい部分もあります。

 それでも全体的に白い背景では眩しく見えて困っているといった方には
 こんな「ダークモード」でも役立つでしょう。個人的にはオン/オフを
 切り替えやすく適用サイトを設定できる「拡張機能」のほうが好みです。

                           (編集長・林)

 ※ 次回の配信は 2026年6月18日(木曜日)の予定です。

ダークダークダークダークダークダークダークダークダークダークダーク

  ※当メールマガジンの配信は「まぐまぐ(https://www.mag2.com/)」
   のシステムを使用しています。(マガジンID:81405 殿堂入り!)

  ※購読の解除は、以下の「まぐまぐ!」公式ページで「登録する」
   の下にある「メールマガジンを解除」から解除できます。
   https://www.mag2.com/m/0000081405.html
               ↓
   分からない、うまく解除できない場合は、当メルマガをそのまま
   返信いただけば、解除依頼と判断して代行させていただきます。

  ◆ご意見ご希望は電子メールで!アドレスは faq@724685.com
   またホームページからでもご意見をお送りいただけます。
   「お問い合わせフォーム」 https://www.724685.com/ask/


★☆☆★☆☆★☆☆★☆☆★☆☆★☆☆★☆☆★☆☆★☆☆★☆☆★☆☆★

 発行者:なにしろパソコン編集長 林 俊二 faq@724685.com
 関連ホームページ:

  ◆ なにしろパソコン.com  https://www.724685.com/
  ◇ 週刊なにしろパソコン  https://www.724685.com/maga/

  ◆ 今日のひとこと・ブログ https://www.724685.com/blog/
  ◇ パソコントラブルQ&A https://www.724685.com/weekly/
  ◆ パソコン用語解説    https://www.724685.com/word/

  ◇ なにしろパソコン編集長 - X(旧Twitter)
                https://x.com/724685
  ◆ なにしろパソコン - Facebookページ
                https://www.facebook.com/724685.fan
  ◇ なにごとも経験・ブログ https://www.nanigoto.com/


 ◎本文の著作権は発行者に属します。無断引用・転載はご遠慮ください。
  (家族や友人への転送や、個人的に楽しむ範囲ではご自由にどうぞ)

 ◎記述に誤りがあったり、記述通りの作業をしても無効、あるいは損害
  等が生じた場合でも責任は負いかねます。どうか、ご了承ください。

★☆☆★☆☆★☆☆★☆☆★☆☆★☆☆★☆☆★☆☆★☆☆★☆☆★☆☆★
 

amazon 楽天

紹介&バックナンバー

編集長のプロフィール

編集長

林 俊二 と申します。「なにしろパソコン・ドットコム」のサイト運営、メルマガ執筆、セミナー講師から出張サポートまでこなすパソコン生活応援アドバイザー
編集長のツイッター