ダークモードの使い方

ダークモード ナイトモード 使い方

みなさんダークモード(ナイトモード)は使っていますか

Macの新OS『Mojave』で起用されたことでも話題になったダークモード

スマホを見る時間が長い現代ではかなり需要が高い機能で、TwitterYoutubeでもすでに対応されています

Google Mapsにも『夜間モード』という名前で実装されていますよね

 

ねごろ
ねごろ
かっこいい・・・

 

ということで、当サイトでもダークモード機能を実装してみました!

ダークモードにすることで様々なメリットがあります

  • 暗い場所でも見やすい
  • 目が疲れにくい
  • 消費電力を抑えられる(有機ELディスプレイの場合)
  • 見た目がかっこいい←ここ重要

デザインが好きなのもありますが

特に夜スマホを見るときにはかなり目が楽です

『夜になってもなかなか寝付けない』という方は、寝る前に明るい光を見ないようにすると寝つきが良くなるかもしれません

寝る前の照明
寝る前は優しい照明に切り替えて快適な睡眠を 寝る前の照明は睡眠と深い関係があります 知らず知らずのうちに自分の睡眠を阻害してしまっているかもしれません 今回は快適...

夜の時間帯に当サイトをご利用されるときは、ぜひ「ダークモード」を使ってみてください

ダークモードの使い方

ナイト

使い方といっても画面左下のスイッチボタンを押すだけ

当サイトはこれだけで通常モードダークモードの切り替えが可能です

(※スマホのみ対応)PCにも対応しました

実際の画面比較はこちら▼

通常モード(iPhone Safari)
Safari 通常モード
ダークモード(iPhone Safari)
Safari ナイトモード

どうですか?

雰囲気がガラッと変わりますよね

目にくる光の刺激も全然違うはずです

ポイントは、通常の文字色だけでなく赤文字や、マーカーの色もダークモードに合わせて変化するようにしたところです

通常のモードに比べて、夜は特に見やすくなっていると思います

ぜひ試して見てください!

今後の実装予定

まだ完璧に実装できているわけではないので今後も機能を追加する予定です

  • ページ切り替え後もダークモードの継続 完了
  • PC版に対応 完了
  • 22時〜4時の間はデフォルトでダークモード表示(評判がよければ)

おすすめのダークモードブラウザアプリ

ブラウジングするときはどのサイトでもダークモードにしたいという人には『Ohajiki』というブラウザアプリがおすすめです

無料版と有料版がありますが、夜のブラウジングに使うだけでしたら無料版でも十分だと思います

Ohajiki D Web Browser

Ohajiki D Web Browser

Shingo Fukuyama無料posted withアプリーチ

Ohajiki Webブラウザ

Ohajiki Webブラウザ

Shingo Fukuyama¥120posted withアプリーチ

ダークモードの状態でブラウジングできる上に、操作性が素晴らしいのでぜひ一度試して頂きたいアプリです

強制的にカラーリングを暗くしているので、見辛いサイトも結構あります

おわりに

こういったカスタマイズは自分でやるのは楽しいですが

  • サイトの表示が崩れる
  • 知識がない状態ではかなり時間がかかる

といったデメリットもあります

先に書籍などでHTMLやCSSを勉強しておくのがおすすめです▼

HTML&CSSとWebデザインが1冊できちんと身につく本 [ 服部雄樹 ]
created by Rinker
¥2,508
(2019/11/12 13:26:48時点 楽天市場調べ-詳細)

Jqueryも使ったりするのでこちらの書籍もおすすめです▼

jQuery標準デザイン講座 「使える」知識が身につく! [ 神田幸恵 ]
created by Rinker
¥2,728
(2019/11/12 13:26:48時点 楽天市場調べ-詳細)

『勉強する時間はないけどがっつりサイトデザインを変えたい!』という人は『ココナラ』スキルの高いプロにお願いしましょう

お金はかかりますが、ハイクオリティのデザインを製作してくれるはずです

ダークモード以外にもオススメのカスタマイズが見つけたら紹介していくので、よろしければTwitterフォローもよろしくお願いします!