Q: HTML実体参照（&、<等）を正しく使う方法は？

必須のエスケープ: `&` → `&`、` ` → `>`、`"` → `"`、`'` → `'`。JavaScriptでのHTMLエスケープ: `str.replace(/[&<>"']/g, m => ({"&":"&"," ":">","\"":""","'":"'"})[m])`。Reactは自動エスケープ（dangerouslySetInnerHTMLを使わない限り安全）。特殊記号: `©`=©、`®`=®、` `=改行なしスペース、`—`=—（emダッシュ）。

Question 1

UTF-8・UTF-16・Shift_JISの違いは？文字化けの原因は？

Accepted Answer

UTF-8: 1〜4バイト可変長。ASCII互換（英数字は1バイト）。Webの標準。日本語は通常3バイト。UTF-16: 2〜4バイト。JavaScriptの内部エンコーディング。サロゲートペアで4バイト。Shift_JIS: 日本語Windows標準。Excelのデフォルト。ASCII+日本語に特化。文字化けの主原因: 送信側と受信側のエンコーディング不一致。対策: HTTPヘッダー`Content-Type: text/html; charset=UTF-8`とHTML`<meta charset="UTF-8">`を必ず指定。

Question 2

JavaScriptでUnicodeコードポイントを取得・変換する方法は？

Accepted Answer

コードポイント取得: `"あ".codePointAt(0)` → 12354（`0x3042`）。コードポイント→文字: `String.fromCodePoint(0x3042)` → "あ"。ES6のUnicodeエスケープ: `"\u3042"` や `"\u{1F600}"`（絵文字はサロゲートペア）。全文字のコードポイント配列: `[...str].map(c => c.codePointAt(0).toString(16))`（スプレッドでサロゲートペアを正しく処理）。

Question 3

HTML実体参照（&、<等）を正しく使う方法は？

Accepted Answer

必須のエスケープ: `&` → `&`、`<` → `<`、`>` → `>`、`"` → `"`、`'` → `'`。JavaScriptでのHTMLエスケープ: `str.replace(/[&<>"']/g, m => ({"&":"&","<":"<",">":">","\"":""","'":"'"})[m])`。Reactは自動エスケープ（dangerouslySetInnerHTMLを使わない限り安全）。特殊記号: `©`=©、`®`=®、` `=改行なしスペース、`—`=—（emダッシュ）。

文字コード変換ツール

テキスト入力

各エンコードについて

UTF-8 バイト列

Unicodeコードポイント

HTML実体参照

URLエンコード

このツールをもっと活用する

チートシート・テンプレート集

技術記事・実装ガイド

もっと学びたい方へ

BOOTH Store

Gumroad Store

TechBoost

フィードバック

EZARK Blog