【JS/TS】全角ひらがな→全角カタカナ→半角カタカナ

コード

TypeScript Playgroundにコピペしてすぐ動作確認できます👍

// 全角ひらがな → 全角カタカナ
const hiraToKana = (str: string) => str.replace(/[\u3041-\u3096]/g, (match) => String.fromCharCode(match.charCodeAt(0) + 0x60));
// 全角の濁点&半濁点 → 半角の濁点&半濁点
const narrowDakuten = (str: string) => str.replace(/\u309B|\u3099/g, '\uFF9E').replace(/\u309C|\u309A/g, '\uFF9F');
// 全角カタカナ → 半角カタカナ
const  narrowKatakana = (str: string) => {
  const convertMap = {
    ァ: 'ｧ',
    ィ: 'ｨ',
    ゥ: 'ｩ',
    ェ: 'ｪ',
    ォ: 'ｫ',
    ャ: 'ｬ',
    ュ: 'ｭ',
    ョ: 'ｮ',
    ッ: 'ｯ',
    ヵ: 'ｶ',
    ヶ: 'ｹ',
    ヮ: 'ﾜ',
    ー: 'ｰ',
    ア: 'ｱ',
    イ: 'ｲ',
    ウ: 'ｳ',
    エ: 'ｴ',
    オ: 'ｵ',
    カ: 'ｶ',
    キ: 'ｷ',
    ク: 'ｸ',
    ケ: 'ｹ',
    コ: 'ｺ',
    サ: 'ｻ',
    シ: 'ｼ',
    ス: 'ｽ',
    セ: 'ｾ',
    ソ: 'ｿ',
    タ: 'ﾀ',
    チ: 'ﾁ',
    ツ: 'ﾂ',
    テ: 'ﾃ',
    ト: 'ﾄ',
    ナ: 'ﾅ',
    ニ: 'ﾆ',
    ヌ: 'ﾇ',
    ネ: 'ﾈ',
    ノ: 'ﾉ',
    ハ: 'ﾊ',
    ヒ: 'ﾋ',
    フ: 'ﾌ',
    ヘ: 'ﾍ',
    ホ: 'ﾎ',
    マ: 'ﾏ',
    ミ: 'ﾐ',
    ム: 'ﾑ',
    メ: 'ﾒ',
    モ: 'ﾓ',
    ヤ: 'ﾔ',
    ユ: 'ﾕ',
    ヨ: 'ﾖ',
    ラ: 'ﾗ',
    リ: 'ﾘ',
    ル: 'ﾙ',
    レ: 'ﾚ',
    ロ: 'ﾛ',
    ワ: 'ﾜ',
    ン: 'ﾝ',
    ヰ: 'ｲ',
    ヱ: 'ｴ',
    ヲ: 'ｦ',
    ガ: 'ｶﾞ',
    ギ: 'ｷﾞ',
    グ: 'ｸﾞ',
    ゲ: 'ｹﾞ',
    ゴ: 'ｺﾞ',
    ザ: 'ｻﾞ',
    ジ: 'ｼﾞ',
    ズ: 'ｽﾞ',
    ゼ: 'ｾﾞ',
    ゾ: 'ｿﾞ',
    ダ: 'ﾀﾞ',
    ヂ: 'ﾁﾞ',
    ヅ: 'ﾂﾞ',
    デ: 'ﾃﾞ',
    ド: 'ﾄﾞ',
    バ: 'ﾊﾞ',
    ビ: 'ﾋﾞ',
    ブ: 'ﾌﾞ',
    ベ: 'ﾍﾞ',
    ボ: 'ﾎﾞ',
    パ: 'ﾊﾟ',
    ピ: 'ﾋﾟ',
    プ: 'ﾌﾟ',
    ペ: 'ﾍﾟ',
    ポ: 'ﾎﾟ',
    ヷ: 'ﾜﾞ',
    ヸ: 'ｲﾞ',
    ヴ: 'ｳﾞ',
    ヹ: 'ｴﾞ',
    ヺ: 'ｦﾞ'
  };

  for (const [wideKana, narrowKana] of Object.entries(convertMap)) {
    str = str.replace(new RegExp(wideKana, 'g'), narrowKana);
  }
  return str;
}

const hiragana = 'あいうえおがぎぐげご　゛゜';
const result1 = hiraToKana(hiragana);
const result2 = narrowDakuten(result1);
const result3 = narrowKatakana(result2);

console.log(hiragana); // "あいうえおがぎぐげご　゛゜";
console.log(result1);  // "アイウエオガギグゲゴ　゛゜" 
console.log(result2);  // "アイウエオガギグゲゴ　ﾞﾟ" 
console.log(result3);  // "ｱｲｳｴｵｶﾞｷﾞｸﾞｹﾞｺﾞ　ﾞﾟ" 

全角ひらがな → 全角カタカナ

const hiragana = 'あいうえお';
const katakana = hiraToKana(hiragana);// アイウエオ

function hiraToKana(str: string) {
    return str.replace(/[\u3041-\u3096]/g, function(match) {
        var chr = match.charCodeAt(0) + 0x60;
        return String.fromCharCode(chr);
    });
}

【\u3041-\u3096】って何？

「ぁ(U+3041)」から「け(U+3096)」までのUnicode from [Hiragana(Unicode block)]

+ 0x60 って何？

全角ひらがな と 全角カタカナ のUnicodeはちょうど【0x60】の等しい間隔になっている。
「あ(U+3042)」-「ア(U+30A2)」= 4 - A(10) = 6
「け(U+3051)」-「ケ(U+30B1)」= 5 - B(11) = 6

なので、この間隔をなくせば全角ひらがな ⇔ 全角カタカナの変換が可能。

全角カタカナ → 半角カタカナ

先ほどの全角ひらがな⇔全角カタカナのように、Unicodeが等しい間隔になっているわけではないので、地道にマッピングを作成してあげる必要がある。