文字コードに悩んだ

So-net HPの閉鎖に伴いHPの移行作業を始めた。

今日はエディタに関する悩みが解決した話だ。

「文字化け」という現象はほかの人が作ったWebページを見る限り、めったに起こらない。それはそれで幸せなことだが、本格的に作業を始めて悩んだ。

HTML記述開始時に　meta charset="UTF-8"　として書き始めたページを表示すると文字が化けるのである。

他人のコードをコピーして、パスに注意しながら表示しても化けたままなので悩んだ。そういえば昔HTMLを生徒に書かせていた時に同じ目にあっていたのだが、この時は「UTF-8をSJISに直せば正常になるよと原因をよく考えずに話していたのだが。ここにきて原因がはっきりした。

書かれているHTML中に指定してある文字コードと保存してあるデータの文字コードが一致しないのだ。

更に調べを進めると、「名前を付けて保存」のメニューの中に文字コードの指定があった。この画像はこれを見つけて訂正した後の画像で UTF-8 になっているが、悩んでいた当初はここが 日本語 になっていた。保存ファイルが ShiftJIS で表示エンジンが UTF-8 では正しく表示されるはずがない。

授業でよく使うWindows付属のエディタ「メモ帳」を見ると、ここにもあった。

次に授業でエディタを使うときには「SJISで保存しろ」なんていい加減なことを言わずに、正しく教えなければならないと反省した。

ちなみに、使用しているエディタはEmrasoft様 の Emeditor Free というフリーソフトだが、20年以上愛用させていただいている。やはりエディタはペンや鉛筆のような存在なので、使い続けているいるものが最もいい。