🔄 エスケープ変換ツール

JSON・HTML・URL・正規表現・JavaScript・CSSのエスケープ／アンエスケープを変換します。

入力テキストを全6種類のエスケープ形式で同時に変換します。入力するとリアルタイムで更新されます。

使い方・活用例

  • JSON: APIレスポンスやJSON設定ファイル内の特殊文字（\"、\\、\n等）をエスケープ・復元
  • HTML: ブログやCMSにコードを安全に貼り付けるためのHTMLエンティティ変換
  • URL: クエリパラメータやパスに含まれる特殊文字のパーセントエンコーディング
  • 正規表現: 正規表現のメタ文字をリテラル文字として安全に使用
  • JavaScript: 文字列リテラル内の引用符や制御文字のエスケープ処理
  • CSS: CSSセレクタやプロパティ値に含まれる特殊文字のバックスラッシュ表記

エスケープ変換とは

プログラミングやWebデータを扱う際、特殊文字をそのままでは使用できない場面があります。エスケープ変換とは、これらの文字を別の形式に変換することで、安全にデータを処理できるようにする技術です。このツールは6種類のエスケープ形式に対応し、複雑な変換作業をワンクリックで完了させます。

使い方ガイド

1. ツールを開いて変換元のエスケープ形式を選択（JSON・HTML・URL・正規表現・JavaScript・CSS）
2. テキストを入力欄にペースト
3. 変換元から変換先フォーマットを指定
4. 変換ボタンをクリック
5. 数秒で結果が表示され、ワンクリックでコピー可能

活用シーン

・JavaScriptやJSONを扱う開発者が、クォート記号やバックスラッシュを正しくエスケープする必要がある際に。手作業でのエラーを防げます
・HTMLテンプレートに動的データを埋め込む場合に。&や<などの記号が正しく変換されていないと表示が崩れてしまいますが、このツールなら確実です
・REST APIのリクエストボディにテキストを含める時に。URLエンコードやJSON形式への変換を自動化できます
・正規表現のメタ文字をエスケープする必要がある時に。複雑な正規表現もこのツールで安全に変換できます

知っておきたいポイント

エスケープが必要な理由は、各形式が特定の記号を特殊な意味として解釈するからです。例えばJSONでは「"」（ダブルクォート）は文字列の区切り文字なので、テキスト内に含めたい場合は「\"」と表記します。このツールはこうした複雑な規則を自動化し、開発効率を大幅に向上させます。

よくある質問

エスケープシーケンスとは何ですか？

エスケープシーケンスとは、文字列中で特殊な意味を持つ文字を安全に表現するための記法です。例えばJSONでは二重引用符を \" と記述し、HTMLでは < を &lt; と記述します。

JSON・HTML・URLエスケープの違いは何ですか？

JSONエスケープはJSON文字列内の特殊文字（\"、\\、\n等）を処理します。HTMLエスケープはHTML内で特殊文字（<、>、&等）をエンティティに変換します。URLエスケープはURL内で使用できない文字をパーセントエンコーディング（%XX）に変換します。

どのような場面でエスケープ変換が必要ですか？

JSONデータの作成・解析時、HTMLにコードを埋め込む時、URLパラメータに特殊文字を含める時、正規表現でメタ文字をリテラルとして使う時、JavaScriptの文字列リテラルを扱う時などにエスケープ変換が必要です。

エスケープとアンエスケープの双方向変換はできますか？

はい。全6種類（JSON・HTML・URL・正規表現・JavaScript・CSS）のエスケープ形式について、エスケープ（変換）とアンエスケープ（復元）の双方向変換に対応しています。

一括表示モードとは何ですか？

一括表示モードでは、入力したテキストを全6種類のエスケープ形式で同時に変換し、グリッド形式で一覧表示します。リアルタイムで変換結果が更新されるため、各形式の違いを比較しながら確認できます。

入力データはサーバーに送信されますか？

いいえ。すべての変換処理はブラウザ上（JavaScript）で完結しており、入力データがサーバーに送信されることはありません。安心してご利用いただけます。

正規表現でメタ文字をエスケープする必要があります。どのように対応していますか？

正規表現モードでは、.\*+?^${}()|[]といったメタ文字に\（バックスラッシュ）を付与してエスケープします。例えば「1.5」という文字列を正規表現で検索するなら「1\.5」のように変換します。

HTMLで特殊文字を表示させたいのですが、どのエスケープを使うべきですか？

HTMLエスケープを使用してください。「<」は&lt;、「>」は&gt;、「&」は&amp;、「"」は&quot;、「'」は&#39;に変換されます。これらはHTML内のテキストコンテンツで安全に表示するために必須です。

URLに日本語を含める場合、どのようにエスケープすればよいですか？

URLエスケープ（パーセントエンコーディング）を使用してください。日本語の「あいう」は「%E3%81%82%E3%81%84%E3%81%86」に変換されます。このツールで自動変換すれば、手作業でのエラーを防げます。

JavaScriptの文字列内で改行やタブを含める場合は？

JavaScriptエスケープで「\n」（改行）、「\t」（タブ）、「\\」（バックスラッシュ）に変換します。これにより、ソースコード内の複数行文字列を1行で表現でき、スクリプト内のエラーを防げます。

一度にたくさんのテキストをエスケープ変換したいのですが、可能ですか？

はい、複数行に対応しており、数千文字まで処理可能です。一括表示モードでは、JSON、HTML、URLなど複数の形式の変換結果を同時に確認できます。

CSSの値にシングルクォーテーション内に特殊文字を含める場合は？

CSSエスケープモードでは、Unicode文字コード表記を使用します。例えば「é」は「\E9」または「\0000E9」に変換され、CSSファイル内で安全に記述できます。