HTMLデコード
見た目は正しいのに読めない文字列 — HTMLデコードが必要なとき
エスケープされたHTMLは、チケット、JSONペイロード、DBエクスポート、ツールを一度多く通った「ソース表示」のコピーなど、どこにでも現れます。内容は正しいことが多いのに、`<`が`<`、引用符が`"`として保存されているだけです。転送には問題ありません。スニペットを編集したり、テンプレートに入れたり、フィールドの中身を同僚に説明したりするときはつらい。 このオンラインHTMLデコード作業画面は、その瞬間のためです。左にエスケープ文字列を貼り付けると、右側が入力と同時に更新されます。アップロード不要、アカウント不要、サーバーが内容を返すのを待つ必要もありません。多くの作業は既定で**デコードテキスト** — &の壁ではなく文字が見えます。 対話環境の1行アンエスケープと違う点が2つ。1つ目は**二重デコード**：パイプラインが2回エンコードしていると、1回後も`<`が残り「まだおかしい」と分かります。**2回**に切り替えると、2回目で結果が変わるときツールバーが強調されます。2つ目は、デコード結果が本物のマークアップなら、サンドボックスiframeで**デコード後HTMLのライブプレビュー**が開け、テキスト表示はワンクリック — 「842文字目は何？」ではなく「タグは戻ったか？」を確認するときに便利です。
HTMLデコーダーが実際に戻すもの
デコードはエンティティ参照を元の文字に戻します：`&`→`&`、`<`→`<`、`'`→アポストロフィ、CMSエクスポートでよく見る名前付きエンティティも。本HTMLデコーダーは貼り付け全体 — 断片、部分テンプレート、長いログ1行 — に変換をかけ、完全な文書だけに限定しません。 壊れたタグの修復、インデントの付け直し、スクリプト削除はしません。封筒を開けるのであって、中の手紙を書き換えるのではありません。構造の整理はエディタやフォーマッターへ。デコードの仕事は、文字列を再び読めるようにすることです。
出力にHTMLらしいタグがあれば、右カラムに**プレビュー**と**デコードテキスト**タブがあります。プレビューはエスケープ**入力**ではなく**デコード後**の結果を描画し、エンティティ除去後にレイアウトを確認できます。既定はデコードテキスト — タグのない文や属性値だけで終わる作業が多いからです。断片を目で見る必要があるときだけプレビューを使います。
HTMLデコードツールを開く1回・2回、2回が効くときは案内
2回目のデコードで出力が変わるとき、回数セレクターが強調されます。APIフィールドの二重エンコードでよくあるので、記号だらけの文字列から推測しなくて済みます。
エスケープ層ではなく、デコード後マークアップをプレビュー
iframeプレビューはデコード後のクリーンな文字列に動きます。エディタへコピーする前にタグが戻ったか確認できます。
読み込み・コピー・ダウンロード — ローカルのみ
ディスクの`.txt`・`.html`エクスポートを読み込み、デコードテキストをコピーするか、チケット添付用`.txt`を保存。処理はブラウザタブ内だけです。
実務のサポート・連携に合うHTMLデコーダーを使う理由
読む・貼るためのエンティティ復元 — 1ページにHTML IDEを無理に詰め込みません。
すでにエスケープされた状態で届く文字列向け
連携・サポートはきれいなマークアップをあまり受け取りません。角括弧がすべてエスケープされたJSON値、`&lt;table&gt;`になったチケットフィールド — 2つのシステムが同じフィールドを触ったケース。HTMLデコードに特化した流れなら、その場しのぎのスクリプトや長い行を静かに切るツールに頼らず検査できます。 左パネルを編集すると出力がライブ更新。末尾改行の削除、前後比較、回数変更後の再実行ができます。チャットに貼れない大きなエスケープチェーンはファイル読み込みで。
HTMLコードのデコード方法（実務3ステップ）
1）エスケープ文字列を貼り付けまたは読み込み
左パネルにエンコード済み内容 — チケット本文、APIフィールド、ログ抜粋、ファイルエクスポート — を入れます。文字列がディスク上なら`.txt`・`.html`に**ファイルから読み込む**。全文書は不要。部分エスケープも同じ要領でデコードします。
2）1回・2回を選び、デコード出力を確認
**1回**から始めます。右側でエンティティ名の先頭に`&`が残る、またはツールバーが2回目を示すなら**2回**へ。**デコードテキスト**タブが既定なので、文字がすぐ見えます。デコード結果に目視したいタグがあるときだけ**プレビュー**を開きます。
3）コピーまたはダウンロードし、別の場所で編集
デコード文字列をエディタ、CMS、テストハーネスへコピー。インシデント添付用`.txt`も可能。共用PCでは終わったら**クリア**してください。
HTMLデコード FAQ
エンティティのノイズを、読めるテキストに
ブラウザ内HTMLデコード — 1回・2回、デコード結果がマークアップならプレビュー。
HTMLデコード
- ブラウザローカルHTMLデコーダー
- 1回・2回デコードとスマート案内
- デコード後HTMLのライブプレビュー
- デコードテキストのコピーとtxt保存
ブラウザで動作します。アカウントは不要です。
記号だらけの文字列を目で追うのはやめよう
エスケープ文字列を貼り、ライブデコード。必要ならマークアップをプレビュー、読めたらコピー。