> For the complete documentation index, see [llms.txt](https://docs.allganize.ai/alliyzgaido/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.allganize.ai/alliyzgaido/troubleshooting/har-file.md).

# HARファイルの取得

## HARファイルの概要 <a href="#overview" id="overview"></a>

**HAR（HTTP Archive）ファイル**は、Webブラウザが行った通信の詳細な記録を保存するためのファイルです。\
主に以下の情報を含んでいます

* ページを開く際に送信・受信された **リクエストとレスポンスの履歴**
* 通信のタイミング（読み込みに何秒かかったか）
* エラーの有無（ステータスコード 404や500など）

開発者やサポート担当者が問題の原因を調査する際に非常に役立ちます。

## HARファイルが必要なケース <a href="#when-is-it-necessary" id="when-is-it-necessary"></a>

* サイトの一部が表示されない
* ボタンを押しても動作しない
* 特定の操作でエラーが出る

といった **「自分の画面でしか起きていない不具合」** を再現・共有するために、HARファイルを使います。

不具合が発生している「その瞬間」の通信を記録することで、**エラーや問題点が特定しやすくなります**。

## ChromeでのHARファイルの取得手順 <a href="#how-to-capture-a-har-file-in-chrome" id="how-to-capture-a-har-file-in-chrome"></a>

1. Chromeブラウザで、問題が発生しているページを開きます。﻿<br>

2. F12キーを押すか、画面上で右クリックして「検証」を選択して開発者ツールを開きます。<br>

   <figure><img src="/files/Ts2YdmYiBrSHqP6Oodjf" alt=""><figcaption></figcaption></figure>

3. 「Network」タブをクリックします。﻿

   <figure><img src="/files/QSjtVQpCPxF6KE0hJ48v" alt=""><figcaption></figcaption></figure>

4. 画面上部の「●ネットワークログを記録ボタン」が赤くなっていることを確認します。黒ければクリックして赤くなるようにし、ログを記録します。

   <figure><img src="/files/QeOC5DSGbRxJ993gPF0k" alt=""><figcaption></figcaption></figure>

5. 「ログを保持(Preserve log)」にチェックを入れ、再読み込み時などのログを保持するように設定します。﻿

   <figure><img src="/files/CRi96qwwxJIW4ycBwfCU" alt=""><figcaption></figcaption></figure>

6. 「Clear browser data」アイコン（斜線の入ったグレーの丸ボタン）をクリックして、既存のログをクリアします。

   <figure><img src="/files/vgS3y2Oyc0A5XalmIsYs" alt=""><figcaption></figcaption></figure>

7. 問題が発生する操作を赤枠内で再現(操作)します。﻿

   <figure><img src="/files/cpNcLsQAcZrphUoNLXoy" alt=""><figcaption></figcaption></figure>

8. 開発者ツールの「Network」タブに、問題に関連するリクエストが表示されます。<br>

9. 「Export HAR...」アイコン（下向きの矢印アイコン）をクリックして、HARファイルを保存します。﻿

   <figure><img src="/files/iZzA2TonxIMeYBpqvD2Z" alt=""><figcaption></figcaption></figure>

10. 保存したHARファイルを再現手順(動画でも可)やエラー画面キャプチャと合わせて、Allganize Japanの担当営業やカスタマーサクセスに共有します。

## Microsoft EdgeでのHARファイルの取得手順 <a href="#how-to-capture-a-har-file-in-edge" id="how-to-capture-a-har-file-in-edge"></a>

1. Edgeブラウザで、問題が発生しているページを開きます。﻿<br>

2. F12キーを押すか、画面上で右クリックして「開発者ツールで調査する(検証)」を選択して開発者ツールを開きます。﻿

   <figure><img src="/files/fOpNZ6nlp4AOIsIWen6b" alt=""><figcaption></figcaption></figure>

3. 「ネットワーク」タブをクリックします。﻿

   <figure><img src="/files/PGd4XUKlQJiYlOp377Zr" alt=""><figcaption></figcaption></figure>

4. 画面上部の「●ネットワークログを記録ボタン」が赤くなっていることを確認します。黒ければクリックして赤くなるようにし、ログを記録します。

   <figure><img src="/files/p5bPlxeyZmRhdehLuZT7" alt=""><figcaption></figcaption></figure>

5. 「ログを保持(Preserve log)」にチェックを入れ、再読み込み時などのログを保持するように設定します。﻿

   <figure><img src="/files/blc7lg2NzgJnwTbfJxl3" alt=""><figcaption></figcaption></figure>

6. 「Clear network log」アイコン（斜線の入ったグレーの丸ボタン）をクリックして、既存のログをクリアします。

   <figure><img src="/files/I7HSgBJ3wZ8mslkwLR8Y" alt=""><figcaption></figcaption></figure>

7. 問題が発生する操作を赤枠内で再現(操作)します。﻿

   <figure><img src="/files/66WD6UlpvT7u6bbB6Pyr" alt=""><figcaption></figcaption></figure>

8. 開発者ツールの「ネットワーク」タブに、問題に関連するリクエストが表示されます。<br>

9. 「HARをエクスポート...」アイコン（下向きの矢印アイコン）をクリックして、HARファイルを保存します。﻿

   <figure><img src="/files/DWsHQsdnw0sY6Kkg5yp8" alt=""><figcaption></figcaption></figure>

10. 保存したHARファイルを再現手順(動画でも可)やエラー画面キャプチャと合わせて、Allganize Japanの担当営業やカスタマーサクセスに共有します。
