NEW ARTICLE
MySQL 待機時間を作成する
  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>

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