スマホ対応 レスポンシブWebデザイン 一部の文字化け (No. 1467)

質問

スマホ対応 レスポンシブWebデザインの画像付 ニュース更新ツール 大容量版 Ver 4.4 (日本語 Shift_JIS版) ですが、管理画面から再構築ボタンを押した時に出るメッセージが文字化けします。他は文字化けはありません。なぜでしょうか？

回答

※ この問題は当初のご回答の後、2014年3月4日に修正版を公開しました。
　 修正版ダウンロード： http://sugutsukaeru.jp/support/325/


「すぐ使えるCGI」のご利用ありがとうございます。

■製品の確認

問題の製品は、下記ページのサンプルをダウンロードしていただいたものですね。
http://sugutsukaeru.jp/sample/325-responsive-cms/admin/admin.cgi

■文字化けの直接の原因

文字化けの件原因は、このサンプルで利用している外部 JavaScript ファイルの文字コードが UTF-8 になっているため、Shift_JIS版 では文字化けするという状況でした。

■対応方法

１．以下のように、templates/admin/1.html を編集して下さい。

ページの末尾のあたりにJavaScriptファイルの読み込みのための記載があります。ここに、ファイルの文字コードを指定する charset 属性を以下のように追加して下さい。なお、src のパスを変更していた場合、そこは変えないで下さい。

〇変更前）
---------------------------------
<script src="../parts/js/admin.js" type="text/javascript"></script>
---------------------------------

〇変更後）
---------------------------------
<script src="../parts/js/admin.js" type="text/javascript" charset="UTF-8"></script>
---------------------------------

２．上書きアップロード

編集したファイルをサーバに上書きアップロードして下さい。

３．キャッシュをクリア

ブラウザのキャッシュをクリアして、再読み込みして問題が修正されたかご確認下さい。


■製品上の問題

このような問題が製品に含まれていた原因をご説明します。
デモの製品は、一つの文字コードでサンプルを作成したものをダウンロード時に別の文字コード変換してご利用いただいているのですが、その際、parts/ ディレクトリの中のファイルが文字コード変換対象から抜けていたため、製品本体の文字コードとずれが出てしまいました。

ご迷惑をおかけしまして申し訳ございません。次回アップデートで修正させていただきます。今後とも「すぐ使えるCGI」をよろしくお願い申し上げます。