Udemyのダークモード：ウェブとスマホでダークテーマにして学習する方法
仕事終わりに3時間の講座を受けると、画面を見る時間はかなりのものです。Udemyに標準で備わっている機能とその限界、そして無料のDark Mode拡張機能でChrome上のUdemyサイトを暗くする方法をまとめました。
著者：Ivan Charad 更新日 初回公開日 約6分で読めます
結論
UdemyのダークモードはiPhone・Android版Udemyアプリの機能として紹介されています。ウェブ版では一部のアカウントで暗いコースプレーヤーがテスト中ですが、検索、コースページ、マイラーニング（My learning）などのページは明るいままです。Chromeなら無料のDark Mode拡張機能をインストールし、udemy.comを開いてAlt+Shift+Dを押します。
Udemyにダークモードはある？
あります。ただし、すべての画面ではありません。App StoreのUdemyの紹介ページでは、モバイルアプリの機能として「Dark mode: Stay focused in any lighting environment」（ダークモード：どんな明るさの環境でも集中できる）と説明されています。Udemyは具体的な手順を公開していないため、アプリのアカウント設定にテーマの項目が見当たらない場合は、アプリがスマホ本体の外観設定に連動しているか確認してください。
ウェブ版は事情が少し複雑です。Udemyは作り直した新しい受講画面を試験的に導入しており、そのヘルプセンターのFAQには「Can I switch the experience to light mode?」（ライトモードに切り替えられますか？）という質問があります。つまり新しいプレーヤーは、一部の受講者には暗く表示される場合があるということです。ただし全アカウントに展開されているわけではなく、udemy.comのほかのページ、つまりトップページ、検索結果、コースの紹介ページ、カート、マイラーニングは真っ白なままです。パソコンのブラウザで一貫してUdemy ダークモードを使うなら、拡張機能が現実的です。Chrome用のDark Mode拡張機能なら、レクチャーのテキスト、小テスト、Q&Aタブ、コースのメモまで、Udemyのすべてのページを暗くできます。
動画プレーヤーはもともと黒いのに、なぜUdemyを暗くするの？
動画は暗い枠の中で再生されますが、講座の中身は動画だけではありません。記事形式のレクチャー、コーディング演習、小テスト、カリキュラムのサイドバー、Q&Aのスレッド、メモのパネルは、どれも明るい背景に文字が並んでいます。夜にレクチャーを一時停止して回答やリソース一覧を読むと、白いページがまぶしく感じられます。サイト全体を暗くすれば、レクチャー画面もその周りも同じ低い明るさにそろいます。
ChromeでUdemyをダークモードにする方法
無料のDark Mode拡張機能を使ってUdemyをダークモードにする手順です。1分ほどで終わります。
- 1
Dark Mode拡張機能をインストールする
Chrome ウェブストアでDark Modeのページを開き、「Chrome に追加」をクリックします。Edge、Brave、Opera、Vivaldi、Yandex Browserでも使えます。
- 2
Udemyを開く
udemy.comにアクセスしてログインし、マイラーニング（My learning）からコースを開くか、読みたいページを開きます。
- 3
ダークモードをオンにする
Dark Modeのアイコンをクリックして大きなOn/Offスイッチを切り替えるか、Alt+Shift+D（Macでは⌥⇧D）を押します。白い背景がすぐに暗くなります。
- 4
長時間のレクチャー向けに調整する
Brightness（明るさ）を少し下げ、記事形式のレクチャーにはSepia（セピア）を少し加えます。「Only for」にチェックを入れると、この設定をUdemyだけに適用できます。
- 5
学習時間に合わせて自動化する（任意）
有効時間を設定するか「Activate after sunset at location」を選べば、夜の学習を始める頃にUdemyが自動で暗くなります。「Use system color scheme」を使うと、パソコンのダークモードに連動します。
今すぐUdemyをダークモードに
無料のChrome拡張機能 · すべてのサイトに対応 · アカウント登録不要。
Udemyを暗くするその他の方法
拡張機能を入れたくない場合は、次の方法でもUdemyをある程度ダークモードにできます。
- Udemyのモバイルアプリ。アプリはダークモードを機能として挙げているので、スマホやタブレットで学習するならいちばん手軽です。
- ウェブ版の新しいコースプレーヤー。アカウントがUdemyの試験導入の対象なら、受講画面がすでに暗い場合があります。プレーヤー以外のページは明るいままです。
- Chrome本体のダークテーマ。「Chrome をカスタマイズ」→「デザイン」でダークを選ぶと、ツールバー、タブ、メニューが暗くなります。Chrome ヘルプではこれをブラウザのテーマとして説明しており、閲覧するページには適用されないため、udemy.comは白いままです。
- Auto Dark Mode for Web Contents。
chrome://flagsにあるこの試験運用版の機能は、すべてのサイトを強制的に暗く表示します。オンかオフかの二択で、サイトごとの除外もスライダーもなく、講座の画像や図が反転して表示されることがあります。
Udemyがダークモードにならないときの対処法
- Udemyが白いまま：メインスイッチがオンか確認し、Alt+Shift+Aでudemy.comをサイトリストに追加・削除します。リストが「Invert listed only」か「Not invert listed」かによっては、Udemyが単に対象外になっている可能性があります。
- レクチャー内のスライド、コードのスクリーンショット、図の見え方がおかしい：テーマの生成モードを、色の彩度を保つFilter+か、Dynamicに切り替えます。
- 古いノートパソコンでページが重い：シンプルで高速なテーマを生成するStaticモードを試してください。
- Chrome ウェブストアや
chrome://のページが明るいまま：これらのページはブラウザに保護されており、どの拡張機能でも変更できません。
Udemyをライトモードに戻す方法
拡張機能のアイコンをクリックしてスイッチをオフにするか、もう一度Alt+Shift+Dを押します。ほかのサイトは暗いまま、Udemyだけ明るく表示したい場合は、サイトごとのボタン「Change mode on current site」を使うか、Udemyを開いた状態でAlt+Shift+Aを押します。新しいコースプレーヤーをライトモードに切り替える方法は、Udemyのヘルプセンターで案内されています。
Udemyでダークモードを使うメリット
夜の学習時間
Udemyをダークモードにすれば、仕事のあとに薄暗い部屋で勉強するときも、レクチャー、小テスト、Q&Aのページがまぶしくありません。
プログラミング講座
エディタがすでにダークなら、Udemyのタブも暗くすることで、レクチャーとコードを行き来するたびのまぶしさがなくなります。
記事形式のレクチャーとメモ
文字の多いレッスンや自分のメモも、落ち着いた暗いページなら長時間読みやすくなります。
タブ切り替えのまぶしさを軽減
暗い動画画面から白いカリキュラム一覧やリソースページに移ったときの、まぶしい光がなくなります。
Udemy向けのおすすめ設定
明るさとコントラスト
まずはデフォルトのままで。深夜は明るさを少し下げ、小さな字幕やタイムスタンプが薄く見えるならコントラストを上げます。
読むときはセピア
セピアを少し加えると暗いページに暖かみが出て、長い記事形式のレクチャーも目にやさしくなります。
ビジュアル系の講座はFilter+
デザイン、写真、データ分析の講座は画像が中心です。Filter+は色の彩度を保つので、スクリーンショットの色もそのままです。
Udemyだけの設定
「Only for」にチェックを入れるとUdemy専用の見た目を保存でき、ほかのサイトには全体の設定がそのまま使われます。
フォントと文字の縁取り
「Select a font」で読みやすいフォントに置き換えたり、「Text stroke」で細い文字を太く見せたりできます。
2つのショートカットキー
Alt+Shift+Dでダークモードを切り替え、Alt+Shift+Aで現在のサイトを追加・削除します。chrome://extensions/shortcutsで変更できます。
よくある質問
Udemyのウェブサイトにダークモードはありますか？
一部だけです。Udemyは一部のアカウントで暗く表示できる新しいコースプレーヤーを試験導入していますが、udemy.comのほかのページは明るいままです。無料のDark Mode拡張機能を使えば、Chromeでウェブサイト全体を暗くできます。
Udemyアプリでダークモードをオンにするには？
Udemyはダークモードをアプリの機能として挙げていますが、具体的な手順は公開していません。アプリのアカウント設定でテーマの項目を探してみてください。見つからない場合は、スマホ本体をダークモードにしましょう。多くのアプリはシステムの設定に連動します。
Dark Mode拡張機能はUdemyアプリでも使えますか？
いいえ。拡張機能はパソコン版のChromeとChromium系ブラウザ用なので、AndroidやiOSのアプリは変わりません。
ダークモードにするとUdemyの講座動画も変わりますか？
Udemyの動画はもともと暗い枠の中で再生されるので、ダークモードで変わるのは主に周りのテキストです。レクチャーの画像やプレーヤー周りの見え方がおかしい場合は、テーマの生成モードをFilter+かDynamicに切り替えてください。
Dark Mode拡張機能は無料ですか？
はい。無料プランに、このガイドで紹介したスイッチ、スライダー、サイトリスト、時間指定、ショートカットキーがすべて含まれます。任意のProプランは月額$3または買い切り$20です。料金をご覧ください。
ほかの学習サイトも暗くできますか？
はい。拡張機能はChromeで開くほとんどのサイトで使えます。CourseraのダークモードやGoogle Classroomのダークモードのガイドもご覧ください。
まとめ
Udemyのダークモードはモバイルアプリの機能で、ウェブでは一部の受講者向けに暗いコースプレーヤーがテストされています。udemy.comのすべてのページを暗くするなら、無料のDark Mode拡張機能をChromeに追加してAlt+Shift+Dを押しましょう。