# 利用ガイド:Web アプリケーションの高度なトラブルシューティング

## はじめに <a href="#usageguide-webapplicationadvancedtroubleshooting-introduction" id="usageguide-webapplicationadvancedtroubleshooting-introduction"></a>

このライブラリパックは、Webアプリケーションのパフォーマンスをモニタリング、管理、そして向上させる手助けをします。 このページでは、コンテンツの構成とその使い方についてのガイドを提供します。

これはガイドであり、あくまで得られるインサイトや実行可能なアクションの一部を示しています。 あなたの環境内で発見される多くのユースケースや特定のトラブルシューティングシナリオがあります。

{% hint style="info" %}
遅いページロードを診断するためのウォーターフォールメトリクスの詳細はこの[ドキュメントページ](https://nexthink.gitbook.io/opd/user-guide/applications/monitoring-applications/monitoring-web-applications/troubleshoot)をご覧ください。
{% endhint %}

## パックの構成 <a href="#usageguide-webapplicationadvancedtroubleshooting-packstructure" id="usageguide-webapplicationadvancedtroubleshooting-packstructure"></a>

**「Webアプリケーショントラブルシューティング」** [ライブダッシュボード](https://nexthink.gitbook.io/opd/user-guide/live-dashboards)は、あなたのWebアプリケーションの使用環境を見える化し、容易にモニタリングすることができます。

特定のアプリケーションWebクライアントの全体的な健康と信頼性についての追加の可視性は[Applications](https://nexthink.gitbook.io/opd/user-guide/applications)モジュールから確認できます。

**「Webアプリケーション使用状況調査」** [ライブダッシュボード](https://nexthink.gitbook.io/opd/user-guide/live-dashboards)は、あなたのネットワーク接続について報告します。 アクセスされた全てのドメインの全体像を示し、頻度、ユーザー、各ドメインに関連するデバイスを詳細に示します。

## ユースケース <a href="#usageguide-webapplicationadvancedtroubleshooting-usecases" id="usageguide-webapplicationadvancedtroubleshooting-usecases"></a>

### **Webアプリケーションの改善箇所を特定する** <a href="#usageguide-webapplicationadvancedtroubleshooting-identifyareasofwebapplicationimprovements" id="usageguide-webapplicationadvancedtroubleshooting-identifyareasofwebapplicationimprovements"></a>

**「ページロード体験」タブでは、「Webアプリケーショントラブルシューティング」** [ライブダッシュボード](https://nexthink.gitbook.io/opd/user-guide/live-dashboards)で潜在的な問題領域の包括的な概要を提供します。 このデータを利用して、集中すべき特定のアプリケーションを特定することができます。 例えば、\*\*「苛立たしいページロード」\*\*メトリックは、アプリケーション選定の基準として利用できます。

ダッシュボード上部のフィルターを使用することで、特定のアプリケーションの可視性に集中することができます。 時間セレクターを使用することで、より詳細、または長期間にわたるデータを確認することができます。

<div data-full-width="false"><figure><img src="/files/JALCqTXb5FMpBA2kJYpD" alt="page-load-experience.gif"><figcaption><p>最も苛立たしいページロード数の高いアプリケーションを選択</p></figcaption></figure></div>

### **Webアプリケーションのパフォーマンス問題をトラブルシュートする** <a href="#usageguide-webapplicationadvancedtroubleshooting-troubleshootwebapplicationperformanceissues" id="usageguide-webapplicationadvancedtroubleshooting-troubleshootwebapplicationperformanceissues"></a>

**「ページロードメトリクス」** タブでは、**「Webアプリケーショントラブルシューティング」** [ライブダッシュボード](https://nexthink.gitbook.io/opd/user-guide/live-dashboards)が遅いページロードのメトリクスを分析し、キーとなるページ別の内訳を含む他のメトリクスを提供します。 この機能はページロード遅延の謎を解明し、可能な原因を特定するのに役立ちます。 ダッシュボードは、ページロード数が最も多い特定のキーページでフィルタリングできます。

<div data-full-width="false"><figure><img src="/files/vWLhFPCIJY0YtbRFqAGM" alt="page-load-metrics.gif"><figcaption><p>最もページロードが多いキーページを選択</p></figcaption></figure></div>

**「リソース分析」** タブでは、**「Webアプリケーショントラブルシューティング」** [ライブダッシュボード](https://nexthink.gitbook.io/opd/user-guide/live-dashboards)が、サイズが最大かつ最もロードに時間がかかるリソースに関する包括的なデータを収集します。 ウェブページ表示に必要な総リソースが全体のページロード時間に大きく影響するため、最もリソースを消費する要素を特定して分析し、最適化の可能性を探ることが重要です。 このダッシュボードタブ内にある「**読み込みに時間がかかるリソース**」 ウィジェットは、これらのリソースのURLを表示します。

<figure><img src="/files/FDNKtLo5IzD7YxpAcM4Z" alt="resource-analysis.gif" width="760"><figcaption><p>読み込みに時間がかかるリソース</p></figcaption></figure>

### Webアプリケーションの使用状況を発見する <a href="#usageguide-webapplicationadvancedtroubleshooting-discoverwebapplicationusage" id="usageguide-webapplicationadvancedtroubleshooting-discoverwebapplicationusage"></a>

**「Webアプリケーション使用状況調査」** [ライブダッシュボード](https://nexthink.gitbook.io/opd/user-guide/live-dashboards)の主な目的は、あなたの環境でアクセスされているドメインを特定するのを助けることです。 これにより、頻繁に訪問されるドメインに対してWebアプリケーションを設定するのを容易にします。

**「データを確認」** タブは、利用可能なデータの概要を提供します。 選択した期間内に接続データを持つデバイスの割合と、ドメイン名が認識されたイベントのパーセントを計算します。

<div data-full-width="true"><figure><img src="/files/RA6L4LMrxfXQJCZHfqUL" alt="image-20240614-083334.png" width="579"><figcaption></figcaption></figure></div>

**「よく知られたSaaSアプリケーション」** タブは、最も多く使用される認識されたSaaSアプリケーションと、それに関連する一般的に使用されるドメインを提示します。 この機能は、特に「URLパターン」構成属性の正しい設定に関連して、Webアプリケーションの設定の正確性を確認するのに役立ちます。

<figure><img src="/files/N02SpaNZxNtkFzbSPzcB" alt="image-20240614-083926.png" width="760"><figcaption></figcaption></figure>

**「最もアクセスされたドメイン」** タブは、Edge、Chrome、Firefoxのようなウェブブラウザを通じてアクセスされたドメイン名を一覧表示します。 このテーブルを使用して、あなたの環境内で使用されているWebアプリケーションのURLを特定します。 最も頻繁に使用されるWebアプリケーションのURLを特定した後、これらをモニタリング用に設定することができます。

<figure><img src="/files/aLRoiJ83NychvvZHW0V4" alt="image-20240614-091543.png" width="760"><figcaption></figcaption></figure>

***

関連トピック

* [Applications](https://nexthink.gitbook.io/opd/user-guide/applications)
* [Webアプリケーションのモニタリング](https://nexthink.gitbook.io/opd/user-guide/applications/monitoring-applications/monitoring-web-applications)


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.nexthink.com/platform/ja/library-packs/applications/web-application-advanced-troubleshooting/usage-guide_-web-application-advanced-troubleshooting.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.