公開された Adobe XD プロトタイプがブラウザーに表示されないときにトラブルシュートする方法について説明します。

解決策

  1. プロトタイプを別のブラウザーで表示してみます。ブラウザーによってビヘイビアーが異なります。
  2. ご使用のブラウザーのトラブルシューティングを試します。
  3. 上記の手順でこの問題が解決しない場合は、他の解決策を探します。

Chrome

Chrome で作業している場合は、以下を試してください。

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

コンソールに以下のエラーが表示される場合は、Chrome の設定でハードウェアアクセラレーションが無効になっている可能性があります。

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

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

  1. Chrome を起動し、アドレスバーに chrome://settings/?search=ハードウェア と入力します。
  2. システム内でハードウェアアクセラレーションが使用可能な場合は使用するをオンに切り替えます。
  3. Chrome を再起動します。

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

Chrome のバージョンを確認して更新するには、Chrome のマニュアルを参照してください。

あるいは、以下の手順を試します。

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

Firefox

FireFox で作業している場合は、以下を試してください。

FireFox のパフォーマンス設定でハードウェアアクセラレーションを有効にする。

Firefox のパフォーマンス設定で「ハードウェアアクセラレーションが使用可能な場合は使用する」が有効になっていることを確認します。

Firefox のパフォーマンス設定に移動するには、Firefox のマニュアルを参照してください。

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

FireFox のバージョンを確認して更新するには、FireFox のマニュアルを参照してください。

Safari

Safari で作業している場合は、以下を試してください。

Safari の設定でハードウェアアクセラレーションを有効にする。

コンソールに以下のエラーが表示される場合は、Safari の設定でハードウェアアクセラレーションが無効になっている可能性があります。

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

設定を有効にするには、Apple サポートページを参照してください。

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

Safari のバージョンを確認して更新するには、Apple のマニュアルを参照してください。

Edge

Edge で作業している場合は、以下を試してください。

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

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

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

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

Opera

Opera で作業している場合は、以下を試してください。

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

コンソールに以下のエラーが表示される場合は、Opera の設定でハードウェアアクセラレーションが無効になっている可能性があります。

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

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

  1. Opera を起動し、アドレスバーに Opera://settings/ と入力します。
  2. 設定」ページの下にある「詳細設定」をクリックします。
  3. システム内でハードウェアアクセラレーションを使用するをオンに切り替えます。
  4. Opera を再起動します。

最新バージョンの 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 の規約内容は適用されません。

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