JavaScript難読化処理
のためのヒント

9．String.fromCharCodeメソッドを少し変形させる

ソース2-2で日本語の文字列を英数字に置き換え、String.fromCharCodeメソッドで元の文字に戻すやり方を紹介しました。この方法では、ファイルサイズが大きくなり過ぎることが一つの問題だったのですが、ここでひとつの対策法をご紹介します。

ファイルサイズが大きい理由の一つは、原文の日本語１文字（２バイト）に対して数字は５桁（５バイト）になっていることがあります。これを減らすことを考えます。ソース2-2をよく見ると、12300台が多いのが分かります。12354番が「あ」ですから、ひらがながこの辺りの数字であるためにそうなっているのが分かります。

そこで、単純に引数の数字をString.fromCharCodeで元に戻すのではなく、「あらかじめ12350を引いた番号を引数に与える形にしておいて、元に戻す関数が実行される際に12350を加えて元に戻す」という方法を考えてみます。すなわち、

のようにします。引数の数が一定でないので、「arguments.length」でループさせて処理させています。これで復元させる方の関数は良いですが、本来のcharcodeから12350を引いた引数を準備する必要があります。これは、下記のフォームを利用してください。たとえば、「あいうえお」を変換させると、「s2(4,6,8,10,12);」になります。もちろんs2とは、上のソース9-1で定義した関数のことです。

これらのことを踏まえて、第１章のソース1-2をいったん下記のように、コメント付きで変換します。

ソース9-2

function s2(){var ht="",nu;for(var i=0;i<s2.arguments.length;i++){nu=eval(12350+s2.arguments[i]);ht+=String.fromCharCode(nu);}return ht;}
//メールアドレスの一文字目に@が来るのは変です。
msg21 = s2(163,190,173,100,139,174,123,48,7618,13641,11033,18096,45,-12286,14,14119,77,48,49,10443,41,27,-60);

//メールアドレス中で「.」が連続するのは変です。
msg3 = s2(163,190,173,100,139,174,123,7663,41,-50,-12304,-49,14,24549,19804,27,77,48,49,10443,41,27,-60);

//フリガナは必須です。
msg12 = s2(151,172,110,140,49,12167,26570,41,27,-60);

//メールアドレスに、@が二つ以上あります。メールアドレスとして不適切です。
msg25 = s2(163,190,173,100,139,174,123,45,-61,-12286,14,7758,38,7847,7628,4,76,64,27,-60,163,190,173,100,139,174,123,42,25,40,7631,24619,8649,41,27,-60);

//入力チェック・クリアです。
msg19 = s2(8487,8797,131,105,133,113,189,113,172,100,41,27,-60);

//メールアドレスを入力してください。
msg7 = s2(163,190,173,100,139,174,123,84,8487,8797,25,40,17,34,23,6,-60);

//メールアドレスに、「.」がひとつもありません。メールアドレスとして不適切です。
msg4 = s2(163,190,173,100,139,174,123,45,-61,-50,-12304,-49,14,52,42,38,68,4,76,64,29,85,-60,163,190,173,100,139,174,123,42,25,40,7631,24619,8649,41,27,-60);

//メールアドレスの中の最後の「.」（ドット）の後に一文字しかないというのは変です。「.jp」「.com」など、最低でも２文字以上存在するはずです。
msg2 = s2(163,190,173,100,139,174,123,48,7663,48,14018,12110,48,-50,-12304,-49,52938,139,133,138,52939,48,12110,45,7618,13641,11033,25,13,44,6,42,6,8,48,49,10443,41,27,-60,-50,-12304,-12244,-12238,-49,-50,-12304,-12251,-12239,-12241,-49,44,43,-61,14018,7952,41,68,52948,13641,11033,7847,7628,11034,9962,27,77,49,28,41,27,-60);

//」は、メールアドレスとして不適切な文字です。
msg27 = s2(-49,49,-61,163,190,173,100,139,174,123,42,25,40,7631,24619,8649,44,13641,11033,41,27);

//メールアドレスの一文字目に「.」（ドット）が来るのは変です。
msg1 = s2(163,190,173,100,139,174,123,48,7618,13641,11033,18096,45,-50,-12304,-49,52938,139,133,138,52939,14,14119,77,48,49,10443,41,27,-60);

//メールアドレスの末尾に「.」（ドット）が来るのは変です。
msg20 = s2(163,190,173,100,139,174,123,48,14061,11264,45,-50,-12304,-49,52938,139,133,138,52939,14,14119,77,48,49,10443,41,27,-60);

//名前を入力してください。
msg10 = s2(9167,8719,84,8487,8797,25,40,17,34,23,6,-60);

//メールアドレス中で、@の直前に「.」が来るメールアドレスはご利用になれません。
msg22 = s2(163,190,173,100,139,174,123,7663,41,-61,-12286,48,18102,8719,45,-50,-12304,-49,14,14119,77,163,190,173,100,139,174,123,49,22,8683,17642,45,44,78,64,29,85,-60);

//メールアドレスに、「.」がひとつもありません。メールアドレスとして不適切です。
msg29 = s2(163,190,173,100,139,174,123,45,-61,-50,-12304,-49,14,52,42,38,68,4,76,64,29,85,-60,163,190,173,100,139,174,123,42,25,40,7631,24619,8649,41,27,-60);

//メールアドレスに、@がひとつもありません。メールアドレスとして不適切です。
msg15 = s2(163,190,173,100,139,174,123,45,-61,-12286,14,52,42,38,68,4,76,64,29,85,-60,163,190,173,100,139,174,123,42,25,40,7631,24619,8649,41,27,-60);

//文字目の「
msg26 = s2(13641,11033,18096,48,-50);

//メールアドレスの末尾に@が来るのは変です。
msg8 = s2(163,190,173,100,139,174,123,48,14061,11264,45,-12286,14,14119,77,48,49,10443,41,27,-60);

のようになります。マイナスの数も出てきて、いい感じです。

そこで、このソースをさらにコメントを削除したり（第１章を参照）、余計な半角スペースを削除する（第５章を参照）、よく出てくるオブジェクト（ここではdocumentとalert。）の名称を変更する（第４章を参照）ことにより、難読化を行います。

また、12350という数字を隠したいので、これをビット演算子（第８章を参照）で表してみます。

ソース9-3

ca1=Math.floor((11<<2)*Math.PI);ca2=(32^(10|3))*2+(25>>3);ca3=ca1*ca2+(17<<2);d=document;a=alert;function s2(){var ht="",nu;for(var i=0;i<s2.arguments.length;i++){nu=eval(ca3+s2.arguments[i]);ht+=String.fromCharCode(nu);}return ht;}msg21=s2(163,190,173,100,139,174,123,48,7618,13641,11033,18096,45,-12286,14,14119,77,48,49,10443,41,27,-60);msg3=s2(163,190,173,100,139,174,123,7663,41,-50,-12304,-49,14,24549,19804,27,77,48,49,10443,41,27,-60);msg12=s2(151,172,110,140,49,12167,26570,41,27,-60);msg25=s2(163,190,173,100,139,174,123,45,-61,-12286,14,7758,38,7847,7628,4,76,64,27,-60,163,190,173,100,139,174,123,42,25,40,7631,24619,8649,41,27,-60);msg19=s2(8487,8797,131,105,133,113,189,113,172,100,41,27,-60);msg7=s2(163,190,173,100,139,174,123,84,8487,8797,25,40,17,34,23,6,-60);msg4=s2(163,190,173,100,139,174,123,45,-61,-50,-12304,-49,14,52,42,38,68,4,76,64,29,85,-60,163,190,173,100,139,174,123,42,25,40,7631,24619,8649,41,27,-60);msg2=s2(163,190,173,100,139,174,123,48,7663,48,14018,12110,48,-50,-12304,-49,52938,139,133,138,52939,48,12110,45,7618,13641,11033,25,13,44,6,42,6,8,48,49,10443,41,27,-60,-50,-12304,-12244,-12238,-49,-50,-12304,-12251,-12239,-12241,-49,44,43,-61,14018,7952,41,68,52948,13641,11033,7847,7628,11034,9962,27,77,49,28,41,27,-60);msg27=s2(-49,49,-61,163,190,173,100,139,174,123,42,25,40,7631,24619,8649,44,13641,11033,41,27);msg1=s2(163,190,173,100,139,174,123,48,7618,13641,11033,18096,45,-50,-12304,-49,52938,139,133,138,52939,14,14119,77,48,49,10443,41,27,-60);msg20=s2(163,190,173,100,139,174,123,48,14061,11264,45,-50,-12304,-49,52938,139,133,138,52939,14,14119,77,48,49,10443,41,27,-60);msg10=s2(9167,8719,84,8487,8797,25,40,17,34,23,6,-60);msg22=s2(163,190,173,100,139,174,123,7663,41,-61,-12286,48,18102,8719,45,-50,-12304,-49,14,14119,77,163,190,173,100,139,174,123,49,22,8683,17642,45,44,78,64,29,85,-60);msg29=s2(163,190,173,100,139,174,123,45,-61,-50,-12304,-49,14,52,42,38,68,4,76,64,29,85,-60,163,190,173,100,139,174,123,42,25,40,7631,24619,8649,41,27,-60);msg15=s2(163,190,173,100,139,174,123,45,-61,-12286,14,52,42,38,68,4,76,64,29,85,-60,163,190,173,100,139,174,123,42,25,40,7631,24619,8649,41,27,-60);msg26=s2(13641,11033,18096,48,-50);msg8=s2(163,190,173,100,139,174,123,48,14061,11264,45,-12286,14,14119,77,48,49,10443,41,27,-60);function ai(){d.myForm.email.focus();}function checkInput(){dm=d.myForm;if(dm.name.value==""){a(msg10);dm.name.focus();return false;}if(dm.furigana.value==""){a(msg12);dm.furigana.focus();return false;}email=d.myForm.email.value;if(email==""){a(msg7);ai();return false;}atmark=0;dot=0;var j,moji_x;for(var i=0;i<email.length;i++){moji=email.charCodeAt(i);if(moji>=48&&moji<=57){}else if(moji>=65&&moji<=90){}else if(moji>=97&&moji<=122){}else if(moji==64){if(i==0){a(msg21);ai();return false;}else if(i==(email.length-1)){a(msg8);ai();return false;}if(email.charCodeAt(i-1) == 46){alert(msg22);document.myForm.email.focus();return false;}atmark++;}else if(moji==45||moji==95){}else if(moji==46){if(i==0){a(msg1);ai();return false;}else if(i==(email.length- 1)){a(msg20);ai();return false;}else if(i==(email.length- 2)){a(msg2);ai();return false;}if(i>=1){if(email.charCodeAt(i-1)==46){a(msg3);ai();return false;}}dot++;}else {j=i+1;moji_x=email.charAt(i);a(j+msg26+moji_x+msg27);ai();return false;}}if(atmark==0){a(msg15);ai();return false;}else if (atmark>=2){a(msg25);ai();return false;}if(dot==0){a(msg29);ai();return false;}a(msg19);}

のようになります。こうすることで、単純にString.fromCharCodeを別の関数名に変更したソース5-1に比べて、約15%もファイルサイズの縮小に成功しています。

この難読化したソースを実際に外部ファイル化して、下記の入力フォーム・サンプルで入力チェックができるようにしています。難読化しても問題なく動作することを確認してください。

▼ よくある入力フォームとJavaScriptによるチェック（検証用サンプル）

まだまだ、難読化のためのヒント・アイデアはあります。次のページで、これまで紹介しきれなかったその他のテクニックを一挙ご紹介します。

目次：

連絡先：info@broadband-xp.com

【PR】 HTMLソース難読化用PHPライブラリ「サーバサイドSHTML」

（免責事項）このホームページの内容に起因する如何なるトラブルに対しても責任を持ちえません。必ず自己責任でご利用ください。

JavaScript難読化処理 のためのヒント

9．String.fromCharCodeメソッドを少し変形させる

JavaScript難読化処理
のためのヒント