JSファイルで文字化けする場合の対処方法

はじめに

Expression Webでの既定の文字コードはUTF-8となっています。もしWebページがたとえばシフトJISの場合、metaタグの要素によって判断されて読み込まれますし、CSSの場合も1行目に文字コードの指定があればその文字コードで読み込まれる仕組みになっています。

<meta content="text/html; charset=shift_jis" http-equiv="Content-Type" />

@charset "utf-8";

ただし、外部JSファイルにおいては、あらかじめUTF-8にしなければいけません。残念ながらExpression Webにおいて、JSファイルの文字コード変換機能が備わっていないため、メモ帳などであらかじめUTF-8にしておく必要があります。

しかしながら、UTF-8にも BOM（バイトオーダーマーク）がついているものとついていないものがあります。Expression Webにて、UTF-8で文字化けしないようにするには、BOMつきにしておきましょう。日本語文字が含まれるUTF-8の場合、ファイルのヘッダー情報に文字コードの呪文となるBOMをつけておきましょう、ということです。ちなみに、メモ帳にて文字コードをUTF-8に指定すると、BOMつきで保存される仕様となっています。

もし、WebページがUTF-8で作成されているのであれば、JSファイルもUTF-8にしておいたほうが、JSファイルへのリンクの指定に以下のようなcharset属性が不要となるので、いずれにしてもUTF-8にしてしまいましょう。

<script type="text/javascript" src="jquery.ztwitterfeed.min2.js" charset="shift_jis"></script>

メモ帳で文字コードをUTF-8に変換するには

1. JSファイルをメモ帳で開きます。フォルダーリストからそのファイルを右クリックして、ショートカットメニューより［プログラムから開く］をポイントし、サブメニューより［メモ帳］をクリックします。
   
2. メモ帳が開いたら、［ファイル］メニューの［名前を付けて保存］をクリックします。
3. ［名前を付けて保存］ダイアログボックスの右下の［文字コード］から「UTF-8」にして［保存］ボタンをクリックします。
   

問題は解決しましたか？

操作方法、設定方法等で困ったら、 Expression Web Users Forum に投稿してください！

▲このページのトップへ