- Adobe XD ユーザーガイド
- はじめに
- デザイン
- アートボード、ガイド、レイヤー
- シェイプ、オブジェクト、パス
- テキストとフォント
- コンポーネントとステート
- マスキングと効果
- レイアウト
- ビデオと Lottie アニメーション
- プロトタイプ
- 共有、書き出し、およびレビュー
- デザインシステム
- クラウドドキュメント
- 統合とプラグイン
- XD iOS 版および Android 版
- トラブルシューティング
- 既知の問題と修正された問題
- インストールと更新
- 起動時のクラッシュ
- クラウドドキュメントおよび Creative Cloud ライブラリ
- プロトタイプ作成、公開、レビュー
- 読み込み、書き出し、その他のアプリの操作
公開された Adobe XD プロトタイプがブラウザーに表示されないときにトラブルシュートする方法について説明します。
解決策
Chrome
Chrome で作業している場合、以下のいずれかのオプションを実行します。
コンソールに以下のエラーが表示される場合は、Chrome の設定でハードウェアアクセラレーションが無効になっている可能性があります。
カンバスを作成できませんでした:WebGL コンテキスト、VENDOR = 0xffff、DEVICE = 0xffffを作成できませんでした。
Chrome でハードウェアアクセラレーションを有効にするには:
- Chrome を起動し、アドレスバーに chrome://settings/?search=ハードウェア と入力します。
- システム内でハードウェアアクセラレーションが使用可能な場合は使用するをオンに切り替えます。
- Chrome を再起動します。
Chrome のバージョンを確認して更新するには、Chrome のマニュアルを参照してください。
あるいは、以下の手順を試します。
- ブラウザーウィンドウを開き、chrome://settings/help と入力します。
- 「Google Chrome について」で「Google Chrome は最新版です」が表示されることを確認します。
- 表示されるテキストが一致しない場合、Chrome を最新バージョンにアップデートします。
Firefox
Firefox で作業している場合、以下のいずれかのオプションを実行します。
Firefox のパフォーマンス設定で「ハードウェアアクセラレーションが使用可能な場合は使用する」が有効になっていることを確認します。
Firefox のパフォーマンス設定に移動するには、Firefox のマニュアルを参照してください。
FireFox のバージョンを確認して更新するには、FireFox のマニュアルを参照してください。
Safari
Safari で作業している場合、以下のいずれかのオプションを実行します。
コンソールに以下のエラーが表示される場合は、Safari の設定でハードウェアアクセラレーションが無効になっている可能性があります。
カンバスを作成できませんでした:WebGL コンテキスト、VENDOR = 0xffff、DEVICE = 0xffff を作成できませんでした。
設定を有効にするには、Apple サポートページを参照してください。
Safari のバージョンを確認して更新するには、Apple のマニュアルを参照してください。
Edge
Edge で作業している場合、以下のいずれかのオプションを実行します。
ディスプレイドライバーを確認するには、「Windows 10 でのドライバーの更新」を参照してください。
Windows アップデートを確認します。
Opera
Opera で作業している場合、以下のいずれかのオプションを実行します。
コンソールに以下のエラーが表示される場合は、Opera の設定でハードウェアアクセラレーションが無効になっている可能性があります。
カンバスを作成できませんでした:WebGL コンテキスト、VENDOR = 0xffff、DEVICE = 0xffffを作成できませんでした。
ハードウェアアクセラレーションを有効にするには:
- Opera を起動し、アドレスバーに Opera://settings/ と入力します。
- 「設定」ページの下にある「詳細設定」をクリックします。
- システム内でハードウェアアクセラレーションを使用するをオンに切り替えます。
- Opera を再起動します。
Opera のバージョンを確認して更新するには、Opera のマニュアルを参照してください。
その他の解決策
それでもプロトタイプがブラウザーに表示されない場合、以下の手順を実行します。
- ブラウザーウィンドウを開き、http://webglreport.com/に移動します。また、https://get.webgl.org/にアクセスして、回転する立方体を確認します。
- ブラウザーが WebGL に対応していない場合、別のブラウザーまたは別のデバイス上でプロトタイプを表示します。
- ディベロッパーツールを開くには、プロトタイプを右クリックして「要素の検証」を選択するか Cmd + Option + I キーを押します。
- 「コンソール」タブを選択します。
- WebGL を含むエラーを探して、エラーをコピーします。
- エラーの詳細を Adobe XD User Voice に投稿します。