NEW ARTICLE
kotlin 正規表現を使用して文字列が部分一致で含まれているかを判定する
  1. HOME
  2. javascript
  3. JavaScript ライブラリ「moji.js」使用して、ひらがなをカタカナに変換する

JavaScript ライブラリ「moji.js」使用して、ひらがなをカタカナに変換する

JavaScript ライブラリ「moji.js」使用して、ひらがなをカタカナに変換する

JavaScriptのライブラリ「moji.js」使用して、ひらがなをカタカナに、全角を半角に変換するサンプルコードを記述してます。

目次

環境

  • OS windows10 pro 64bit
  • ブラウザ chrome 99.0.4844.51
Javascript サンプル集はこちら

moji.js使い方

moji.jsをこちらよりダウンロードして、下記のサンプルコードと同一階層に保存します。

<!DOCTYPE html>
<html lang="ja">
<head>
  <meta charset="UTF-8">
  <title>mebee テスト</title>
  <script src="./moji.js"></script>
</head>
<body>
  <div id="content"></div>
  <script>
    // 全角　→　半角
    var str1 = moji("ＡＢＣＤ０１２３４").convert("ZEtoHE").toString();
    // 半角　→　全角
    var str2 = moji("ABCD01234").convert("HEtoZE").toString();
    // ひらがな　→　カタカナ 
    var str3 = moji("あいうえお").convert("HGtoKK").toString();
    // カタカナ → ひらがな
    var str4 = moji("アイウエオ").convert("KKtoHG").toString();
    // 全角カナ → 半角カナ
    var str5 = moji("アイウエオ").convert("ZKtoHK").toString();
    // 半角カナ → 全角カナ
    var str6 = moji("ｱｲｳｴｵ").convert("HKtoZK").toString();

    document.getElementById('content').innerHTML = str1 + "<br>" + str2 + "<br>" + str3 + "<br>" + str4 + "<br>" + str5 + "<br>" + str6;   
  </script>
</body>
</html>

実行結果を確認すると、「ひらがな」から「カタカナ」に変換されていることが確認できます。