サポート課題へ最小HTML再現リンクを安全に添付する
不具合を一つのHTMLへ減らし、個人情報を置換して、期待・実際の結果と手順を短期の検証済みURLで共有します。
INPUT.HTMLLIVE URL
役立つサポートリンクは、一つの不具合を最少のコードと個人情報のないデータで再現します。実行手順、期待、実際、試験環境がすぐ分かる必要があります。本番ページ全体のコピーは原因を隠し、漏えいリスクを増やします。
共有前に小さくする
- 新しいローカルHTMLへ失敗を移す。
- 無関係なframework、component、style、dataを削除。
- 氏名、email、ID、URL、token、顧客内容をfixtureへ置換。
- 本番APIを決定的なローカル応答へ置換。
- 不具合が残るか確認。
- 依存をもう一つ消して再確認。
- 期待・実際、手順、browser、viewport、日付を上部に記載。
ページ内に再現条件を書く
Expected: Escapeでdialogが閉じ、Openへfocusが戻る。
Actual: dialogは閉じるがfocusがbodyへ移る。
Steps: Open → Escape → Tab。
Tested: Chrome desktop, 2026-08-12。consoleは必要な出力だけにします。analytics ID、session storage、request header、production logを入れません。
プレビューの境界
HTML2WEBは隔離viewerでinline HTML・CSS・scriptを動かし、外部接続を止めます。一つのファイルで再現するbrowser問題に向きます。認証API、cookie、service worker、CORS、SSR、email、production DBは正確に再現できません。
backendを外すと不具合も消える場合は、サポートの承認済み安全経路でrepository fixtureやstagingを渡します。
公開して検証
- secret・個人情報を検索。
- 短い期限を選択。
- HTML一つを公開。
- private windowで同じ手順を実行。
- 管理URLを秘密に保つ。
- 公開URLと短い手順だけ課題へ添付。
- 調査後に削除。
期限と削除でも保存済みコピーは回収できません。資格情報は公開せず、漏れたら交換します。
HTML URL変換ツールで再現リンクを作れます。ローカルCSSや画像が先に壊れるならfile://素材のガイドを確認してください。