コード→文字列リテラル

dev/dev-code-to-string-literal

貼り付けたコード文字列をJSON.stringifyし、ダブルクォート付きの1行文字列リテラルへ変換する。

最終更新日 2026-07-03 ・ by yuzlrin

このツールでできること

コード→文字列リテラルでは、貼り付けたコード文字列をJSON.stringifyし、ダブルクォート付きの1行文字列リテラルへ変換する。
関連する観点としてコード→文字列リテラル、code to string literal、開発ツールを確認し、結果をコピーして別の作業に使えます。

入力

結果

""

使い方

「入力」欄に、文字列として埋め込みたいコードや複数行テキストを貼り付けます。
JSON.stringify(input) の結果が「結果」欄に表示されます。
出力はダブルクォートで囲まれ、改行は \n、バックスラッシュは \\ として表現されます。
シングルクォートはJSON文字列ではエスケープ不要のため、そのまま残る点を確認してコピーします。

入力例・出力例

INPUT

const x = "A"; console.log(x);

OUTPUT

"const x = \"A\";\nconsole.log(x);"

ダブルクォートと改行がJSON文字列としてエスケープされます。

INPUT

path\to\file 'single'

OUTPUT

"path\\to\\file\n'single'"

バックスラッシュは二重化され、シングルクォートはそのままです。

よくある利用シーン

短いコード断片を、テストデータやJSON設定内の文字列値として貼り込みたいとき。
複数行テキストを1行のエスケープ済み文字列にして、スナップショットやfixtureへ移したいとき。
手作業で \n や \\ を数えず、JavaScriptのJSON文字列として安全に表したいとき。
文字列リテラル→コードの逆変換前に、JSON.stringifyが作るエスケープ形を確認したいとき。

結果確認のポイント

構文、引用符、改行、エスケープが利用先の仕様に合っているか確認してください。
コード→文字列リテラル、code to string literal、開発ツールの観点で、入力内容と出力内容がずれていないか見直してください。
コピーした結果を利用先に貼り付けたあと、改行や記号が変わっていないかも確認してください。

注意点

本番の秘密情報、APIキー、パスワードは入力しないでください。
結果を公開・送信する前に、用途に合う形式かを必ず確認してください。

データの扱い / プライバシー

コード→文字列リテラルの主要な処理はブラウザ内で実行されます。
入力内容を保存するアカウント機能はなく、ページを閉じると作業内容は手元のブラウザから離れます。
本番の秘密情報や個人情報を扱う場合は、入力前に必要性を確認してください。

FAQ

よくある質問

改行はどのようにエスケープされますか？

改行（LF）は \n に、復帰（CR）は \r に変換されます。複数行のコードを1つの文字列リテラルとして表現したいときに便利です。

バックスラッシュや引用符はどう扱われますか？

JSON.stringify の結果をそのまま表示します。バックスラッシュ（\）は \\ に、ダブルクォート（"）は \" に、改行は \n になりますが、シングルクォート（'）は通常エスケープされずそのまま残ります。

逆変換（文字列リテラル→コード）はできますか？

はい。「文字列リテラル→コード」ツール（dev-string-literal-to-code）を使うと、エスケープされた文字列を元のコードテキストに戻せます。

関連ツール

JSON整形ツール

JSONの整形（Pretty Print）・圧縮・バリデーション・ツリービュー表示。構文エラーの位置表示、YAML変換にも対応。

正規表現テスター

正規表現のリアルタイムテスト。マッチ箇所のハイライト、グループキャプチャ表示、よく使うパターンのチートシート付き。

CSV→JSON変換

CSVファイル・テキストをJSON形式に変換。配列/オブジェクト形式の選択、ヘッダー行の自動認識にも対応。

JSON→CSV変換

JSONデータをCSV形式に変換。配列やネストしたJSONにも対応。

UUID生成ツール

UUID v4をワンクリックで生成。ハイフンなし、大文字、小文字など各種フォーマット対応。一括100個まで生成可能。

タイムスタンプ変換

UNIXタイムスタンプと人間が読める日時形式を相互変換。秒・ミリ秒に対応（マイクロ秒・ナノ秒は非対応）。ログ解析やAPI開発のデバッグに。

ASCIIコード表

ASCIIコード(0-127)の文字・10進数・16進数・2進数の一覧表。

アクセシビリティチェックリスト

Webアクセシビリティ(WCAG 2.1)の主要チェック項目を一覧表示する。

読み込み中...

このツールでできること

コード→文字列リテラルでは、貼り付けたコード文字列をJSON.stringifyし、ダブルクォート付きの1行文字列リテラルへ変換する。

関連する観点としてコード→文字列リテラル、code to string literal、開発ツールを確認し、結果をコピーして別の作業に使えます。

使い方

「入力」欄に、文字列として埋め込みたいコードや複数行テキストを貼り付けます。

JSON.stringify(input) の結果が「結果」欄に表示されます。

出力はダブルクォートで囲まれ、改行は \n、バックスラッシュは \\ として表現されます。

シングルクォートはJSON文字列ではエスケープ不要のため、そのまま残る点を確認してコピーします。

入力例・出力例

INPUT

const x = "A"; console.log(x);

OUTPUT

"const x = \"A\";\nconsole.log(x);"

ダブルクォートと改行がJSON文字列としてエスケープされます。

INPUT

path\to\file 'single'

OUTPUT

"path\\to\\file\n'single'"

バックスラッシュは二重化され、シングルクォートはそのままです。

よくある利用シーン

短いコード断片を、テストデータやJSON設定内の文字列値として貼り込みたいとき。

複数行テキストを1行のエスケープ済み文字列にして、スナップショットやfixtureへ移したいとき。

手作業で \n や \\ を数えず、JavaScriptのJSON文字列として安全に表したいとき。

文字列リテラル→コードの逆変換前に、JSON.stringifyが作るエスケープ形を確認したいとき。

結果確認のポイント

構文、引用符、改行、エスケープが利用先の仕様に合っているか確認してください。

コード→文字列リテラル、code to string literal、開発ツールの観点で、入力内容と出力内容がずれていないか見直してください。

コピーした結果を利用先に貼り付けたあと、改行や記号が変わっていないかも確認してください。

データの扱い / プライバシー

コード→文字列リテラルの主要な処理はブラウザ内で実行されます。

入力内容を保存するアカウント機能はなく、ページを閉じると作業内容は手元のブラウザから離れます。

本番の秘密情報や個人情報を扱う場合は、入力前に必要性を確認してください。

よくある質問

改行はどのようにエスケープされますか？

改行（LF）は \n に、復帰（CR）は \r に変換されます。複数行のコードを1つの文字列リテラルとして表現したいときに便利です。

バックスラッシュや引用符はどう扱われますか？

逆変換（文字列リテラル→コード）はできますか？

はい。「文字列リテラル→コード」ツール（dev-string-literal-to-code）を使うと、エスケープされた文字列を元のコードテキストに戻せます。