全角・半角とは何か：見た目と文字コードの違い | 仕組み解説

全角・半角とは、もともと文字の表示幅に由来する言い方です。ただし、プログラムでは見た目だけでなく、Unicode上の文字範囲として考える必要があります。

一言でいうと

全角・半角は見た目の幅だけで判断せず、どのUnicode範囲の文字を許可するかで定義します。

同じように見える文字でも、半角の A と全角の Ａ は別の文字です。

半角英数字や基本的な記号は、ASCII印字可能文字として扱うことが多いです。

U+0020  空白
U+0021  !
U+0030  0
U+0041  A
U+007E  ~

JavaScriptでは次のように範囲判定できます。

function isPrintableAscii(char) {
  const code = char.charCodeAt(0);
  return code >= 0x20 && code <= 0x7e;
}

半角カタカナは、Unicodeでは U+FF61〜U+FF9F にあります。

function isHalfwidthKatakana(char) {
  const code = char.charCodeAt(0);
  return code >= 0xff61 && code <= 0xff9f;
}

半角カタカナは \xA1-\xDF ではなく、Unicodeでは \uFF61-\uFF9F の範囲です。

「全角」と言っても、何を含めるかは用途によって変わります。

フォームの入力制限では、まず「何を許可したいのか」を言語化します。

全角・半角は、見た目の幅だけでなくUnicode上の範囲として扱います。ASCII印字可能文字は U+0020〜U+007E、半角カタカナは U+FF61〜U+FF9F です。入力チェックでは、まず許可したい文字範囲を明確にします。