JavaScriptで文字コードを判定したい時など、たま〜に、文字コードが必要になります。
もちろん、開発者ではない人はほとんど使う事はないと思いますが、個人的に便利だと思っているので、便利ツールとして公開しておきます。
使いたい人だけどうぞ。
サンプルページ
https://mynt-blog-tools.netlify.app/ascii/index.html
画面イメージ
概要
文字を入力すると文字コードを表示して、文字コードを入力すると、文字を表示するようにしてます。
各入力欄に入力すると、リアルタイムに表示されるので、さほど説明はなくても分かります。
基本的に、JavaScriptだけで動作させているので、htmlファイルに全てのコードを記述してます。
コピペすると、ローカルでも動作するので、改造して使ってもらって構いません。
ソースコード
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML>
<HEAD>
<META http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<TITLE>JavaScript版文字コード算出</TITLE>
<script type='text/javascript'>
function char_val(element){
var value=element.value;
var aa=[];
var bb=[];
var cc=[];
for(var i=0;i<value.length;i++){
aa[i] = value.charCodeAt(i);
bb[i] = String.fromCharCode(value.charCodeAt(i));
cc[i] = "[ "+String.fromCharCode(value.charCodeAt(i)) +" : "+ value.charCodeAt(i) + "] ";
}
document.a.b5.value = aa.join(",");
document.a.b6.value = bb.join(",");
document.a.b7.value = cc.join("");
}
function char_codes(element){
var codes=element.value.split(",");
var aa=[];
var bb=[];
var cc=[];
var num=0;
for(var code in codes){
var value=String.fromCharCode(codes[code]);
for(var i=0;i<value.length;i++){
aa[num] = value.charCodeAt(i);
bb[num] = String.fromCharCode(value.charCodeAt(i));
cc[num] = "[ "+String.fromCharCode(value.charCodeAt(i)) +" : "+ value.charCodeAt(i) + "] ";
num++;
}
}
document.a.b4.value = value;
document.a.b5.value = aa.join(",");
document.a.b6.value = bb.join(",");
document.a.b7.value = cc.join("");
}
function char_code(element){
var code=element.value;
var value=String.fromCharCode(code);
var aa=[];
var bb=[];
var cc=[];
for(var i=0;i<value.length;i++){
aa[i] = value.charCodeAt(i);
bb[i] = String.fromCharCode(value.charCodeAt(i));
cc[i] = "[ "+String.fromCharCode(value.charCodeAt(i)) +" : "+ value.charCodeAt(i) + "] ";
}
document.a.b4.value = value;
document.a.b5.value = aa.join(",");
document.a.b6.value = bb.join(",");
document.a.b7.value = cc.join("");
}
</script>
</HEAD>
<BODY>
<p>JavaScript版文字コード算出</p>
<form name='a' method='post'>
<table style='width:740px;'>
<tr>
<th style='width:100px;font-size:12px;border:1px solid black;background-color:#DDDDDD'>code入力</th>
<td><input type='text' name='b3' style='width:640px;' onkeyup='char_codes(this)'></td>
</tr>
<tr>
<th style='width:100px;font-size:12px;border:1px solid black;background-color:#DDDDDD'>文字入力</th>
<td><input type='text' name='b4' style='width:640px;' onkeyup='char_val(this)'></td>
</tr>
<tr>
<th style='width:100px;font-size:12px;border:1px solid black;background-color:#DDDDDD'>fromCharCode</th>
<td><input type='text' name='b6' style='width:640px;' readonly></td>
</tr>
<tr>
<th style='width:100px;font-size:12px;border:1px solid black;background-color:#DDDDDD'>charCodeAt</th>
<td><input type='text' name='b5' style='width:640px;' readonly></td>
</tr>
<tr>
<th style='width:100px;font-size:12px;border:1px solid black;background-color:#DDDDDD'>文字別</th>
<td><input type='text' name='b7' style='width:640px;' readonly></td>
</tr>
</form>
</BODY>
</HTML>
