月曜日, 7月 10, 2023

EmEditorでの文字化け対処は書き出し時に調整

質問がありましたので・・・
最低限のソースコード(※)を記述したファイルを渡し、指定のソースをタイピングしたら文字化けが発生したのですが・・・・

Let's start JavaScript 03 背景色をランダムに変更してみる 2023/04/26

HTMLの文字だけが文字化けしました。

コレは編集時にファイル(index.html)をEmEditor右クリックでで開き、編集後に保存する際、文字コードをShift-JISとしたことによります。何もしなければWindows10環境であってもであってもUTF-8となるはずです。

そのため、再度開こうとすると文字化けで日本語部分が壊滅的な状況になってしまいます。コレを回避するには、取りあえず[設定の文字コード]で[開く]をクリックし・・・

続けて表示されるパレットにて[一覧からエンコードを選択]を選択して[OK]をクリック・・・

一覧から文字化けしないエンコードを見つけて[開く]をクリック。

そのまま別名で保存にてUTF-8エンコードを(BOM無し)で保存すれば文字化けは解消され、以降は問題なく処理可能です。

なお、BOMとはbyte order mark(バイトオーダーマーク)の略で、Unicodeで符号化したテキストデータの先頭部分に付与されるデータのことで、UTF-8なのかUTF-16なのかの判別に利用しますが、HTML等の場合はソース中で判断するので「無し」を指定した方がよいとされています。ちなみに私はVS Codeを使っているので気にせず処理していました。