共有のプロトタイプが Web ブラウザーに表示されない問題をトラブルシューティングする方法について説明します。

問題

プロトタイプのタイトル、コメント、ページの他の部分は表示されるが、プロトタイプ自体のコンテンツが表示されない、共有の Web プロトタイプの問題が発生する場合があります。 これは、主に Chrome で発生する WebGL の問題の可能性がありますが、他のブラウザーでも発生する場合があります。

 

解決策

この問題を解決するには、次の手順を実行します。

  • 別のブラウザーでプロトタイプを再ロード、または表示してみます。ブラウザーによっては、動作が異なることがあります。
  • お使いのブラウザーを最新バージョンにアップデートします。
  • 現在、問題が発生しているブラウザーを選択して、記述の手順を実行します。

Chrome

Chrome で作業している場合、以下のいずれかのオプションを実行します。

Chrome の設定の「ハードウェアアクセラレーションが使用可能な場合は使用する」にチェックを入れる

コンソールに以下のエラーが表示される場合、Chrome の設定がオフになっている可能性があります。

カンバスを作成できませんでした:WebGL コンテキスト、VENDOR = 0xffff、DEVICE = 0xffff を作成できませんでした。

以下の手順で、Chrome のハードウェアアクセラレーションのステータスを確認できます。

  1. ブラウザーウィンドウを開き、chrome://settings/?search=hardware と入力します。
  2. システムページの「ハードウェアアクセラレーションが使用可能な場合は使用する」が無効になっている場合、選択して有効化します。
  3. Chrome を再起動します。
  4. それでもプロトタイプがブラウザーに表示されない場合、以下の手順を実行します。
    1. ブラウザーが WebGL に対応していることを確認する。
    2. 検証機能 で WebGL エラーを確認する。

最新バージョンの Chrome を使用していることを確認する

ブラウザーをアップデートするには、Chrome のドキュメントを参照してください。

または

以下の手順を実行します。

  1. ブラウザーウィンドウを開き、chrome://settings/help と入力します。
  2. 「Google Chrome について」で「Google Chrome は最新版です」が表示されることを確認します。
  3. 表示されるテキストが一致しない場合、Chrome を最新バージョンにアップデートします。

Firefox

Firefox で作業している場合、以下のいずれかのオプションを実行します。

Firefox のパフォーマンス設定を確認する

Firefox のパフォーマンス設定を確認するには、Firefox のドキュメントの手順に従います。

「ハードウェアアクセラレーション機能を使用する(可能な場合)」にチェックが入っていることを確認します。

Firefox が最新であることを確認する

確認およびアップデートするには、Firefox のドキュメントの手順に従います。

Safari

Safari で作業している場合、以下のいずれかのオプションを実行します。

Safari の設定を確認する

コンソールに以下のエラーが表示される場合、Safari の設定がオフになっている可能性があります。

カンバスを作成できませんでした:WebGL コンテキスト、VENDOR = 0xffff、DEVICE = 0xffff を作成できませんでした。

詳しくは、「Apple サポートページ」を参照してください。

Safari が最新であることを確認する

確認およびアップデートするには、Apple のドキュメントの手順に従います。

Edge

Edge で作業している場合、以下のいずれかのオプションを実行します。

お使いのマシンのディスプレイドライバーが最新であることを確認する

ディスプレイドライバーを確認するには、「Windows 10 でのドライバーの更新」を参照してください。

Edge が最新であることを確認する

Windows アップデートを確認します。

Opera

Opera で作業している場合、以下のいずれかのオプションを実行します。

Opera の設定を確認する

コンソールに以下のエラーが表示される場合、Opera の設定がオフになっている可能性があります。

カンバスを作成できませんでした:WebGL コンテキスト、VENDOR = 0xffff、DEVICE = 0xffff を作成できませんでした。

Opera のハードウェアアクセラレーションのステータスを確認できます。

  1. ブラウザーウィンドウを開き、Opera://settings/ と入力します。
  2. 設定」ページの下にある「詳細設定」をクリックします。
  3. システムの見出しの下にある「利用できる場合はハードウェアアクセラレーションを使用する」が無効の場合、選択して有効化します。
  4. Opera を再起動します。

Opera が最新であることを確認する

確認およびアップデートするには、Opera のドキュメントの手順に従います。

その他の解決策

それでもプロトタイプがブラウザーに表示されない場合、以下の手順を実行します。

ブラウザーが WebGL に対応していることを確認する

  1. ブラウザーウィンドウを開き、http://webglreport.com/に移動します。また、https://get.webgl.org/にアクセスして、回転する立方体を確認します。
  2. ブラウザーが WebGL に対応していない場合、別のブラウザーまたは別のデバイス上でプロトタイプを表示します。

検証機能 で WebGL エラーを確認する

  1. ディベロッパーツールを開くには、プロトタイプを右クリックして「要素の検証」を選択するか Cmd + Option + I キーを押します。
  2. コンソール」タブをクリックします。
  3. WebGL を含むエラーを探して、エラーをコピーします。
  4. エラーの詳細をサポートに問い合わせるか、Adobe XD User Voice にエラーの詳細を投稿します。

本作品は Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License によってライセンス許可を受けています。  Twitter™ および Facebook の投稿には、Creative Commons の規約内容は適用されません。

法律上の注意   |   プライバシーポリシー