【JavaScript】外部ファイルのコメントが文字化けする場合の対処法

こんにちは、ryohei(@ityryohei)です!

JavaScriptの外部ファイルをブラウザで閲覧するとコメントが文字化けしているときの対処法です。スクリプトは問題ないのにコメントだけが文字化けしている……。

対処法:文字コードの指定を統一する

基本的にHTMLの文字コードに合わせてスクリプトタグに文字コードを指定することが解決します。

HTMLの文字コード

<meta charset="utf-8">

Scriptタグの文字コード

<script src="js/myscript.js" charset="uft-8"></script>

これで文字化けは解消するはず!

以上、JavaScriptで外部ファイルのコメントが文字化けする場合の対処法のご紹介でした!

JavaScriptを基礎からしっかりと学びたい方へ

下記の参考書がおすすめです。私がJavaScript入門時に購入した書籍で、基礎から応用まで多様なサンプルを用いて解説されています。ページ数は多いですが、内容が伴っているのですらすら読めます。腰を据えて学びたい方に最良の一冊となっています。

おすすめの書籍

Adobe Creative Cloudを通常価格で購入していませんか?

Adobe Creative Cloud(Adobe CC)はAdobe社が提供するクリエイター向けのサービスです。WEB制作の幅を広げる「Photoshop・Illustrator・XD」Youtuberや動画クリエイターの編集作業に欠かせない「Premiere Pro・After Effects」など全20以上のアプリが提供されており、幅広いプランが用意されています。

コンプリートプランはAdobe CCの全20以上のアプリが使用できるプランです。多くのアプリが使用できるため定価で購入すると年間7万円以上するプランですが、デジタルハリウッドのAdobeマスター講座では「基礎動画教材+Adobe CC コンプリートプラン(12ヵ月)」がセットになって39,980円(税込)で利用できます。定価より安価にAdobe Creative Cloudのライセンスを購入でき、以降のライセンス更新も可能。動画教材で基礎スキルを習得できるので、入門する方にも便利な講座です。詳しくは下記のリンクからチェックしてみてくださいね。

Adobeマスター講座はこちら