HARファイル、開発者コンソールログ、tracerouteを収集する

デザインに関する問題についてサポートが必要な場合や、Canvaの動作が遅い場合は、通常、最初に発生している問題の原因を理解するために、いくつかの解決策を試してみてください。

問題が解決しない場合、当社のサポートチームが次のトラブルシューティング手順に従うようにお願いすることになります。

• HARファイルを録画
• 開発者コンソールのログを保存するか、
• ネットワークの速度を確認

この方法については、次の手順に従ってください。

HARファイルは、Canvaとウェブブラウザ間のネットワークトラフィックをキャプチャするブラウザセッションの録画です。当社のエンジニアは、HARファイルを通じてどのアクティビティがエラーを引き起こしたかを追跡し、適切な解決策を提供することができます。

1. Google ChromeでCanvaにログインし、問題の原因となっているページに移動します。
2. Google Chromeのアドレスバーで、
   （三点リーダーボタン）をクリックします。 [その他のツール] > [ 開発者ツール]まで下にスクロールします。
3. 表示されるパネルから、[ネットワーク]タブを選択します。 注：デフォルトでは、Chromeは[ネットワーク]タブをクリックすると録画を自動開始します。 録画を停止するには、[ネットワークログの録画を停止]をクリックします。
4. [ログを保存]ボックスをオンにして、ページが再読み込みされてもログがクリアされないようにします。
5. 白紙の状態で録画を開始するには、[録画]ボタンの横にある[ネットワークログを消去]ボタンをクリックします。 これを行うと、[ネットワーク]タブから既存のログが消去されます。
6. [録画]ボタン（ネットワークログを録画）をクリックし、Canvaで行った手順を繰り返して問題をキャプチャします。 完了したら、[録画]ボタン(ネットワークログの録画を停止)をクリックします。
7. ダウンロードボタン（ HARをエクスポート）をクリックして、ファイルをコンピュータに保存します

8. アカウントからログアウトし、ファイルをチケットにアップロードして分析します。

1. FirefoxでCanvaにログインし、問題の原因となるページに移動します。
2. ネットワークモニターを開きます。
3. ページを更新し、Canvaで行った手順を繰り返して問題を把握します。注： Firefoxは、ブラウザのアクティビティを監視している間に自動的に記録します。
4. 問題を正確にキャプチャした場合は、ネットワークリクエストのグリッド上の任意の場所を右クリックし、[すべてHARとして保存]を選択して、ファイルをコンピュータに保存します。
5. アカウントからログアウトし、ファイルをチケットにアップロードして分析します。

1. SafariでCanvaにログインし、問題の原因となっているページに移動します。
2. [現像]メニューに移動します。 [現像]メニューが表示されない場合は、Safariユーザーガイドのこの記事の手順に従ってください。MacのSafariで[現像]メニューの開発者ツールを使用します。
3. [Webインスペクターを表示]を選択し、[ネットワーク]タブをクリックしてネットワーク監視に切り替えます。 注：デフォルトでは、Safariは開発者ツールが開いているときに自動的に記録します。
4. ページを更新し、Canvaで行った手順を繰り返して問題を把握します。 録画を停止するには、[録画]ボタンをクリックします。
5. [ネットワーク]タブの[エクスポート]アイコンをクリックし、HARファイルを保存します。
6. アカウントからログアウトし、ファイルをチケットにアップロードして分析します。

1. EdgeでCanvaにログインし、問題の原因となっているページに移動します。
2. ネットワーク]ツールを開きます。
3. [ネットワーク]タブの[録画]ボタンをクリックします。
4. Canvaで、問題をキャプチャするために行った手順を繰り返します。録画を停止するには、[録画 ]ボタンをもう一度クリックします。
5. ネットワークパネルの任意の場所を右クリックし、[すべてをHARとして保存]を選択し、ファイルをコンピュータに保存します。
6. アカウントからログアウトし、ファイルをチケットにアップロードして、分析を行います。

Canvaの機能に関連する可能性のあるメッセージやエラーが発生していないかどうかを確認するために、開発者コンソールのログが求められます。

1. Google ChromeでCanvaにログインし、問題の原因となっているページに移動します。
2. Google Chromeのアドレスバーで、
   （三点リーダーボタン）をクリックします。[その他のツール] > [ 開発者ツール]まで下にスクロールします。
3. 表示されるパネルから、[コンソール]タブを選択します。
4. Canvaで、問題を把握するために行った手順を繰り返します。[コンソール]タブには、問題の特定と解決に役立つメッセージ、エラー、警告が表示されます。
5. [コンソール]タブの任意の場所を右クリックし、[名前を付けて保存]を選択して、ファイルをコンピュータに保存します。
6. アカウントからログアウトし、ファイルをチケットにアップロードします。

1. FirefoxでCanvaにログインし、問題の原因となっているページに移動します。
2. ネットワークモニターを開きます。
3. 表示されるパネルから、[コンソール]タブを選択します。
4. Canvaで、問題をキャプチャするために行った手順を繰り返します。 [コンソール]タブには、問題の特定と解決に役立つメッセージ、エラー、警告が表示されます。
5. 問題をキャプチャする場合は、[コンソール]タブでメッセージを右クリックし、[すべてのメッセージをファイルに保存]を選択して、ファイルをコンピュータに保存します。
6. アカウントからログアウトし、ファイルをチケットにアップロードして分析します。

1. SafariでCanvaにログインし、問題の原因となっているページに移動します。
2. [現像]メニューに移動します。 [現像]メニューが表示されない場合は、Safariユーザーガイドのこの記事の手順に従ってください。MacのSafariで[現像]メニューの開発者ツールを使用します。
3. [Webインスペクターを表示]を選択し、表示されるパネルの[コンソール]タブをクリックします。
4. Canvaで、問題を把握するために行った手順を繰り返します。 [コンソール]タブには、問題を識別して解決するためのメッセージ、エラー、警告が表示されます。
5. 完了したら、[コンソール]タブの任意の場所をクリックし、キーボードの[Command + s]を押します。 パソコンにファイルを保存します。 問題が解決しない場合は、ページ全体をスクリーンショットしてください。
6. アカウントからログアウトし、ファイルをチケットにアップロードして分析します。

1. MS EdgeでCanvaにログインし、問題の原因となっているページに移動します。
2. ネットワークツールを開きます。
3. 表示されるパネルから[コンソール]タブを選択します。
4. Canvaで、問題を把握するために行った手順を繰り返します。[コンソール]タブには、問題を特定して解決するのに役立つメッセージ、エラー、警告が表示されます。
5. [コンソール]タブでメッセージを右クリックし、[名前を付けて保存]を選択して、ファイルをコンピュータに保存します。
6. アカウントからログアウトし、ファイルをチケットにアップロードします。

デバイスとサーバー間のネットワーク通信に影響している遅延をチェックするために、tracerouteの提供をお願いしています。

1. コマンドプロンプトアプリケーションを開きます。[スタート]ボタン> [cmd]を選択し、リストから[コマンドプロンプト]を選択します。
2. "pathping www.canva.com"を入力します。コマンドが完了するまで数分待ちます。完了すると、「トレースが完了しました。”
3. 出力をコピーし、チケットにアップロードします。

1. Macでターミナルアプリケーションを開きます。[アプリケーション]フォルダーの[ユーティリティ]フォルダーにあります。
2. Input traceroute - S - q 30 www.canva.com; echo “Trace complete."コマンドが完了するまで数分待ちます。完了すると、「Trace complete. ”
3. 出力をコピーし、チケットにアップロードします。