自社のヒント＆ナレッジ共有のトピックHARファイルの作成方法　(How to collect HAR file -Japanese) https://community.hubspot.com/t5/%E8%87%AA%E7%A4%BE%E3%81%AE%E3%83%92%E3%83%B3%E3%83%88-%E3%83%8A%E3%83%AC%E3%83%83%E3%82%B8%E5%85%B1%E6%9C%89/HAR%E3%83%95%E3%82%A1%E3%82%A4%E3%83%AB%E3%81%AE%E4%BD%9C%E6%88%90%E6%96%B9%E6%B3%95-How-to-collect-HAR-file-Japanese/m-p/273068#M28 <P><FONT size="3"><SPAN><STRONG><BR />初めに：<BR /></STRONG>Google Chromeを開き、マウスを右クリック＞検証(Inspect)を選択＞歯車の設定マークから、 [センシティブ データを含む HAR の生成を許可する] をオンにしておく。<BR /></SPAN></FONT></P> <P><span class="lia-inline-image-display-wrapper lia-image-align-inline" image-alt="設定.png" style="width: 999px;"><img src="https://community.hubspot.com/t5/image/serverpage/image-id/138900i5687D88F0008AD13/image-size/large?v=v2&amp;px=999" role="button" title="設定.png" alt="設定.png" /></span></P> <P> </P> <P><FONT size="3"><SPAN><STRONG><BR /><BR />１</STRONG>Google Chrome を使い、問題のあるページを訪れる。 </SPAN><SPAN><BR /></SPAN></FONT><SPAN><BR /></SPAN><FONT size="3"><SPAN><STRONG>２</STRONG>ページ内にてマウスを右クリック＞検証(</SPAN><STRONG>Inspect</STRONG><SPAN>)を選択</SPAN></FONT></P> <P>&nbsp;</P> <P><span class="lia-inline-image-display-wrapper lia-image-align-inline" image-alt="Screen_Shot_2019-01-09_at_17_53_32.jpg" style="width: 935px;"><img src="https://community.hubspot.com/t5/image/serverpage/image-id/17502i630BD8D97AFDF5C3/image-size/large?v=v2&amp;px=999" role="button" title="Screen_Shot_2019-01-09_at_17_53_32.jpg" alt="Screen_Shot_2019-01-09_at_17_53_32.jpg" /></span></P> <P>&nbsp;</P> <P><FONT size="3"><SPAN><STRONG>３</STRONG>デベロッパーツールをChromeで開いたら、(</SPAN><STRONG>Network</STRONG><SPAN>)タブをクリック</SPAN><SPAN><BR /></SPAN></FONT><SPAN><BR /></SPAN><FONT size="3"><SPAN>縦に表示される場合</SPAN></FONT></P> <P><span class="lia-inline-image-display-wrapper lia-image-align-center" image-alt="Net work tab .jpg" style="width: 936px;"><img src="https://community.hubspot.com/t5/image/serverpage/image-id/17503i9D1D846A94F73973/image-size/large?v=v2&amp;px=999" role="button" title="Net work tab .jpg" alt="Net work tab .jpg" /></span></P> <P>&nbsp;</P> <P><STRONG><BR /></STRONG><FONT size="3"><SPAN>横に表示される場合</SPAN></FONT></P> <P><STRONG><span class="lia-inline-image-display-wrapper lia-image-align-inline" image-alt="Network_ho.jpg" style="width: 941px;"><img src="https://community.hubspot.com/t5/image/serverpage/image-id/17504i92EDBA62AA67A1EF/image-size/large?v=v2&amp;px=999" role="button" title="Network_ho.jpg" alt="Network_ho.jpg" /></span></STRONG></P> <P>&nbsp;</P> <P><FONT size="3"><STRONG>４Preserve log</STRONG><SPAN>と</SPAN><STRONG>Disable cache</STRONG><SPAN>にチェックをつける。</SPAN></FONT></P> <P><STRONG><BR /></STRONG><STRONG><span class="lia-inline-image-display-wrapper lia-image-align-inline" image-alt="Network.jpg" style="width: 937px;"><img src="https://community.hubspot.com/t5/image/serverpage/image-id/17505i5E35BC29459F894E/image-size/large?v=v2&amp;px=999" role="button" title="Network.jpg" alt="Network.jpg" /></span></STRONG></P> <P>&nbsp;</P> <P><FONT size="3"><SPAN><STRONG>５</STRONG>赤い丸がついてる事を確認。（グレーになっていたらクリックしてレコードを開始する。）</SPAN></FONT></P> <P><SPAN><BR /></SPAN><FONT size="3"><SPAN>もし、情報がすでに表示されていたらクリアのマークを押す。</SPAN></FONT><SPAN><BR /></SPAN></P> <P>&nbsp;</P> <P><span class="lia-inline-image-display-wrapper lia-image-align-inline" image-alt="Red_circle.jpg" style="width: 890px;"><img src="https://community.hubspot.com/t5/image/serverpage/image-id/17543i2B5C90D530FC4F53/image-size/large?v=v2&amp;px=999" role="button" title="Red_circle.jpg" alt="Red_circle.jpg" /></span></P> <P>&nbsp;</P> <P><FONT size="3"><SPAN><STRONG>６</STRONG>起きている問題を再現する。</SPAN></FONT></P> <P><SPAN><BR /></SPAN><FONT size="3"><SPAN><STRONG>７</STRONG>再現が終わったらダウンロードボタンを長押しして、プルダウンメニューから<BR />HARをエクスポート（機密データを含む）を選択</SPAN></FONT></P> <P>&nbsp;</P> <P><span class="lia-inline-image-display-wrapper lia-image-align-inline" image-alt="エクスポート.png" style="width: 999px;"><img src="https://community.hubspot.com/t5/image/serverpage/image-id/138901i2E0AE0E71E000985/image-size/large?v=v2&amp;px=999" role="button" title="エクスポート.png" alt="エクスポート.png" /></span></P> <P>&nbsp;</P> <P> </P> <P>&nbsp;</P> <P><FONT size="3"><SPAN>英語での説明は下記リンクにございます。</SPAN></FONT></P> <P><FONT size="3"><SPAN>Link to English version - How to collect HAR file :</SPAN></FONT></P> <P><FONT size="3"><A href="https://community.hubspot.com/t5/Tips-Tricks-Best-Practices/Troubleshooting-Toolkit-Collecting-a-HAR-file/td-p/20103" target="_blank" rel="noopener"><SPAN>https://community.hubspot.com/t5/Tips-Tricks-Best-Practices/Troubleshooting-Toolkit-Collecting-a-HAR-file/td-p/20103</SPAN></A></FONT></P> <P><STRONG><BR /></STRONG><SPAN><BR /><BR /></SPAN></P> Wed, 19 Feb 2025 09:52:00 GMT sgo 2025-02-19T09:52:00Z HARファイルの作成方法　(How to collect HAR file -Japanese) https://community.hubspot.com/t5/%E8%87%AA%E7%A4%BE%E3%81%AE%E3%83%92%E3%83%B3%E3%83%88-%E3%83%8A%E3%83%AC%E3%83%83%E3%82%B8%E5%85%B1%E6%9C%89/HAR%E3%83%95%E3%82%A1%E3%82%A4%E3%83%AB%E3%81%AE%E4%BD%9C%E6%88%90%E6%96%B9%E6%B3%95-How-to-collect-HAR-file-Japanese/m-p/273068#M28 <P><FONT size="3"><SPAN><STRONG><BR />初めに：<BR /></STRONG>Google Chromeを開き、マウスを右クリック＞検証(Inspect)を選択＞歯車の設定マークから、 [センシティブ データを含む HAR の生成を許可する] をオンにしておく。<BR /></SPAN></FONT></P> <P><span class="lia-inline-image-display-wrapper lia-image-align-inline" image-alt="設定.png" style="width: 999px;"><img src="https://community.hubspot.com/t5/image/serverpage/image-id/138900i5687D88F0008AD13/image-size/large?v=v2&amp;px=999" role="button" title="設定.png" alt="設定.png" /></span></P> <P> </P> <P><FONT size="3"><SPAN><STRONG><BR /><BR />１</STRONG>Google Chrome を使い、問題のあるページを訪れる。 </SPAN><SPAN><BR /></SPAN></FONT><SPAN><BR /></SPAN><FONT size="3"><SPAN><STRONG>２</STRONG>ページ内にてマウスを右クリック＞検証(</SPAN><STRONG>Inspect</STRONG><SPAN>)を選択</SPAN></FONT></P> <P>&nbsp;</P> <P><span class="lia-inline-image-display-wrapper lia-image-align-inline" image-alt="Screen_Shot_2019-01-09_at_17_53_32.jpg" style="width: 935px;"><img src="https://community.hubspot.com/t5/image/serverpage/image-id/17502i630BD8D97AFDF5C3/image-size/large?v=v2&amp;px=999" role="button" title="Screen_Shot_2019-01-09_at_17_53_32.jpg" alt="Screen_Shot_2019-01-09_at_17_53_32.jpg" /></span></P> <P>&nbsp;</P> <P><FONT size="3"><SPAN><STRONG>３</STRONG>デベロッパーツールをChromeで開いたら、(</SPAN><STRONG>Network</STRONG><SPAN>)タブをクリック</SPAN><SPAN><BR /></SPAN></FONT><SPAN><BR /></SPAN><FONT size="3"><SPAN>縦に表示される場合</SPAN></FONT></P> <P><span class="lia-inline-image-display-wrapper lia-image-align-center" image-alt="Net work tab .jpg" style="width: 936px;"><img src="https://community.hubspot.com/t5/image/serverpage/image-id/17503i9D1D846A94F73973/image-size/large?v=v2&amp;px=999" role="button" title="Net work tab .jpg" alt="Net work tab .jpg" /></span></P> <P>&nbsp;</P> <P><STRONG><BR /></STRONG><FONT size="3"><SPAN>横に表示される場合</SPAN></FONT></P> <P><STRONG><span class="lia-inline-image-display-wrapper lia-image-align-inline" image-alt="Network_ho.jpg" style="width: 941px;"><img src="https://community.hubspot.com/t5/image/serverpage/image-id/17504i92EDBA62AA67A1EF/image-size/large?v=v2&amp;px=999" role="button" title="Network_ho.jpg" alt="Network_ho.jpg" /></span></STRONG></P> <P>&nbsp;</P> <P><FONT size="3"><STRONG>４Preserve log</STRONG><SPAN>と</SPAN><STRONG>Disable cache</STRONG><SPAN>にチェックをつける。</SPAN></FONT></P> <P><STRONG><BR /></STRONG><STRONG><span class="lia-inline-image-display-wrapper lia-image-align-inline" image-alt="Network.jpg" style="width: 937px;"><img src="https://community.hubspot.com/t5/image/serverpage/image-id/17505i5E35BC29459F894E/image-size/large?v=v2&amp;px=999" role="button" title="Network.jpg" alt="Network.jpg" /></span></STRONG></P> <P>&nbsp;</P> <P><FONT size="3"><SPAN><STRONG>５</STRONG>赤い丸がついてる事を確認。（グレーになっていたらクリックしてレコードを開始する。）</SPAN></FONT></P> <P><SPAN><BR /></SPAN><FONT size="3"><SPAN>もし、情報がすでに表示されていたらクリアのマークを押す。</SPAN></FONT><SPAN><BR /></SPAN></P> <P>&nbsp;</P> <P><span class="lia-inline-image-display-wrapper lia-image-align-inline" image-alt="Red_circle.jpg" style="width: 890px;"><img src="https://community.hubspot.com/t5/image/serverpage/image-id/17543i2B5C90D530FC4F53/image-size/large?v=v2&amp;px=999" role="button" title="Red_circle.jpg" alt="Red_circle.jpg" /></span></P> <P>&nbsp;</P> <P><FONT size="3"><SPAN><STRONG>６</STRONG>起きている問題を再現する。</SPAN></FONT></P> <P><SPAN><BR /></SPAN><FONT size="3"><SPAN><STRONG>７</STRONG>再現が終わったらダウンロードボタンを長押しして、プルダウンメニューから<BR />HARをエクスポート（機密データを含む）を選択</SPAN></FONT></P> <P>&nbsp;</P> <P><span class="lia-inline-image-display-wrapper lia-image-align-inline" image-alt="エクスポート.png" style="width: 999px;"><img src="https://community.hubspot.com/t5/image/serverpage/image-id/138901i2E0AE0E71E000985/image-size/large?v=v2&amp;px=999" role="button" title="エクスポート.png" alt="エクスポート.png" /></span></P> <P>&nbsp;</P> <P> </P> <P>&nbsp;</P> <P><FONT size="3"><SPAN>英語での説明は下記リンクにございます。</SPAN></FONT></P> <P><FONT size="3"><SPAN>Link to English version - How to collect HAR file :</SPAN></FONT></P> <P><FONT size="3"><A href="https://community.hubspot.com/t5/Tips-Tricks-Best-Practices/Troubleshooting-Toolkit-Collecting-a-HAR-file/td-p/20103" target="_blank" rel="noopener"><SPAN>https://community.hubspot.com/t5/Tips-Tricks-Best-Practices/Troubleshooting-Toolkit-Collecting-a-HAR-file/td-p/20103</SPAN></A></FONT></P> <P><STRONG><BR /></STRONG><SPAN><BR /><BR /></SPAN></P> Wed, 19 Feb 2025 09:52:00 GMT https://community.hubspot.com/t5/%E8%87%AA%E7%A4%BE%E3%81%AE%E3%83%92%E3%83%B3%E3%83%88-%E3%83%8A%E3%83%AC%E3%83%83%E3%82%B8%E5%85%B1%E6%9C%89/HAR%E3%83%95%E3%82%A1%E3%82%A4%E3%83%AB%E3%81%AE%E4%BD%9C%E6%88%90%E6%96%B9%E6%B3%95-How-to-collect-HAR-file-Japanese/m-p/273068#M28 sgo 2025-02-19T09:52:00Z Re: HARファイルの作成方法　(How to collect HAR file -Japanese) https://community.hubspot.com/t5/%E8%87%AA%E7%A4%BE%E3%81%AE%E3%83%92%E3%83%B3%E3%83%88-%E3%83%8A%E3%83%AC%E3%83%83%E3%82%B8%E5%85%B1%E6%9C%89/HAR%E3%83%95%E3%82%A1%E3%82%A4%E3%83%AB%E3%81%AE%E4%BD%9C%E6%88%90%E6%96%B9%E6%B3%95-How-to-collect-HAR-file-Japanese/m-p/1167768#M237 <P>HubSpotの公式のナレッジベース記事でも、Harファイルの作成方法についての説明がされるようになりましたので、よろしければ最新の情報については、下記をご覧ください。</P> <P>&nbsp;</P> <P><EM><STRONG>トラブルシューティングのために HAR ファイルを収集する</STRONG></EM></P> <P><A href="https://knowledge.hubspot.com/ja/help-and-resources/collect-a-har-file-for-troubleshooting" target="_blank">https://knowledge.hubspot.com/ja/help-and-resources/collect-a-har-file-for-troubleshooting</A></P> Mon, 23 Jun 2025 05:32:58 GMT https://community.hubspot.com/t5/%E8%87%AA%E7%A4%BE%E3%81%AE%E3%83%92%E3%83%B3%E3%83%88-%E3%83%8A%E3%83%AC%E3%83%83%E3%82%B8%E5%85%B1%E6%9C%89/HAR%E3%83%95%E3%82%A1%E3%82%A4%E3%83%AB%E3%81%AE%E4%BD%9C%E6%88%90%E6%96%B9%E6%B3%95-How-to-collect-HAR-file-Japanese/m-p/1167768#M237 MHattori4 2025-06-23T05:32:58Z