「WebGLがサポートされていません」エラーの原因と対処法まとめ

「WebGLはサポートされていません」エラーとは？

WebGL EarthやShadertoyなどのWebGLベースのサイトを利用しようとした際、「WebGL is not supported（WebGLはサポートされていません）」というエラーメッセージが表示され、コンテンツを閲覧できないという報告が多数寄せられています。この問題はGoogle Chromeで発生することが最も多いですが、OperaやFirefoxなどの他のブラウザでも確認されています。特定のWindowsバージョンに限定された問題ではありませんが、古いGPUモデルを搭載したシステムで発生するケースが多い傾向にあります。

WebGLとは？

WebGLは、対応するWebブラウザ上でプラグインを使用せずに、インタラクティブな2D・3Dグラフィックスを描画するためのJavaScript APIです。ほとんどのWeb標準と完全に統合されていますが、GPUのサポートに依存しているため、古いデバイスでは利用できない場合があります。

WebGLの主な用途は、Webページのキャンバス上で物理演算、エフェクト、画像処理などをGPUアクセラレーションによって高速に実行することです。WebGLの元々の開発者はMozilla Foundationです。

「WebGLがサポートされていません」エラーの原因

この問題について、さまざまなユーザーの報告や、ユーザー自身が実践した修復手順を調査しました。その結果、このエラーを引き起こす主な要因は以下の通りであることがわかりました。

• ブラウザのバージョンがWebGLに対応していない – 古いバージョンのブラウザはWebGL技術をサポートするよう設計されていません。著しく古いブラウザでこの問題が発生している場合は、WebGL対応バージョンへのアップデートで解決できます。
• ブラウザでハードウェアアクセラレーションが無効になっている – ハードウェアアクセラレーションはWebGLの必須要件ではありませんが、無効になっているとWebGLが正しく動作しないという報告が多く見られます。特にChromeでは、ハードウェアアクセラレーションが無効だとWebGL未対応と誤って表示されることが知られています。この場合は、ブラウザ設定からハードウェアアクセラレーションを有効にしましょう。
• グラフィックドライバーが古い – 大幅に古いグラフィックドライバーも、このエラーの原因となります。デバイスマネージャーで自動更新するか、GPUメーカー専用のアップデートソフトを使って最新版に更新してください。
• Windows XPはWebGLに対応していない – まだWindows XPを使用している場合、WebGLを利用するにはOSのアップグレードが必要です。XPを使い続ける回避策として古いChromiumビルドを使用する方法もありますが、推奨されません。

ここからは、ブラウザで「WebGL is not supported」エラーを解決するためのトラブルシューティング手順を、実際に問題を克服したユーザーの事例をもとにご紹介します。

方法1：ブラウザのバージョンがWebGLに対応しているか確認する

すべてのブラウザのバージョンがWebGLをサポートしているわけではない点に注意してください。ブラウザのバージョンが非常に古い場合、WebGL自体に対応していないためにこのエラーが表示されている可能性があります。

近年のほとんどのブラウザはWebGLに対応していますが、例外もあります。たとえばOpera Miniでは、どのバージョンを使用していてもWebGLはサポートされていません。

お使いのブラウザのバージョンがWebGLに対応しているかを素早く確認するには、公開されている対応表をチェックするのが便利です。どのバージョンがWebGLに対応しているかを一目で確認できます。

現在、主要なブラウザの最新デスクトップ版はすべてWebGLをサポートしているため、最新ビルドへアップデートすれば問題を解決できる可能性が高いです。

ブラウザがWebGLに対応していることを確認してもまだエラーが表示される場合は、次の方法に進んでください。

方法2：ブラウザでハードウェアアクセラレーションを有効にする

「WebGL is not supported」エラーの原因の一つとして、ブラウザでハードウェアアクセラレーションが無効になっていることが考えられます。WebGLはハードウェアアクセラレーションに依存する技術のため、ブラウザ側で有効になっていることを確認する必要があります。

有効化の手順はブラウザごとに異なるため、主要なブラウザそれぞれのガイドを用意しました。お使いのブラウザに該当する手順に従ってください。

Chromeでハードウェアアクセラレーションを有効にする

1. 画面右上のアクションメニュー（3点アイコン）をクリックし、「設定」を選択します。
2. 設定メニュー内でリストの一番下までスクロールし、「詳細設定」をクリックして詳細設定オプションを表示します。
3. 「システム」セクションまでスクロールし、「使用可能な場合はハードウェア アクセラレーションを使用する」のトグルをオンにします。
4. 「再起動」ボタンをクリックして変更を適用します。

Mozilla Firefoxでハードウェアアクセラレーションを有効にする

1. Firefoxを開き、右上のアクションボタンをクリックして「オプション」を選択します。
2. オプションメニュー内で「パフォーマンス」までスクロールし、「推奨のパフォーマンス設定を使用する」のチェックを外します。
3. 推奨設定を無効にしたら、「可能な場合はハードウェアアクセラレーションを使用する」のチェックボックスをオンにします。
4. 変更を反映させるため、ブラウザを再起動します。

Operaでハードウェアアクセラレーションを有効にする

1. 左上のOperaアイコンをクリックし、メニューから「設定」を選択します。
2. 設定メニュー内で画面の一番下までスクロールし、「詳細設定」ボタンをクリックして隠れている設定項目を表示します。
3. 「システム」セクションまでスクロールし、「使用可能な場合はハードウェアアクセラレーションを使用する」のトグルをオンにします。

ハードウェアアクセラレーションを有効にしてもエラーが解消しない場合は、次の方法に進みましょう。

方法3：グラフィックドライバーを更新する

WebGLはGPUのサポートに依存しているため、古いグラフィックドライバーが「WebGL is not supported」エラーの原因となることがあります。システム自体がWebGLに対応しているなら、最新のグラフィックドライバーを使用するだけで問題が解決する場合があります。

Windows 10をお使いの場合は、デバイスマネージャーを使って簡単にドライバーを更新できます。手順は以下の通りです。

1. Windowsキー + Rを押して「ファイル名を指定して実行」ダイアログを開きます。「devmgmt.msc」と入力してEnterキーを押し、デバイスマネージャーを起動します。
2. デバイスマネージャー内で「ディスプレイアダプター」を展開し、グラフィックカードを右クリックして「ドライバーの更新」を選択します。
   注意：専用GPUと内蔵GPUの両方を搭載しているシステムでは、両方とも更新することをおすすめします。また、安定したインターネット接続を確保してください。
3. 次の画面で「ドライバーを自動的に検索」をクリックし、画面の指示に従って最新ドライバーを検索します。
4. ドライバーのダウンロードが完了するまで待ち、インストールを完了させて新しいドライバーをセットアップします。
5. インストール完了後、コンピューターを再起動して作業を終了します。
6. ブラウザを再度開き、WebGLコンテンツが正しく表示されるか確認します。

古いWindowsバージョンをお使いの場合や、デバイスマネージャーで新しいドライバーが見つからない場合は、お使いのGPUモデルに対応した最新ドライバーを探して手動でインストールする必要があります。

幸い、主要なGPUメーカーはいずれも、適切なドライバーを自動的に検出してインストールしてくれる専用ソフトを提供しています。お使いのGPUメーカーに合ったソフトを利用してください。

• GeForce Experience – NVIDIA
• AMD Software: Adrenalin Edition – AMD
• Intel Driver & Support Assistant – Intel

ドライバーを更新しても同じ問題が続く場合は、次の方法に進んでください。

方法4：新しいWindowsバージョンをインストールする（該当する場合）

セキュリティ上の理由により、ほとんどのブラウザでWindows XP向けのGPUレンダリングは廃止されています。そのため、WebGLを使用したい場合は、新しいWindowsバージョンをインストールする必要があります。

どうしてもWindows XPのままWebGLを使いたい場合は、古いバージョンのChromiumを使用するという手段もあります。この方法を選ぶ場合は、ビルド291976より前のChromiumバージョンを使用してください。