【VSCode】文字化けする場合の対処法|UTF-8へ文字コードを変更する方法

みなさんこんにちは。

VSCodeで日本語が含まれているテキストファイルやCSVファイルを開いたとき、文字が「�」などに置き換わって読めなくなった経験をしたことがある方も多いかと思います。

文字化けは、ファイルが保存されている文字コードと、VSCodeが読み込んだ文字コードが一致していない場合に発生することがあります。

今回は、現在の文字コードを確認し、正しい文字コードで開き直したあと、UTF-8へ変換して保存する方法をご紹介したいと思います。

この記事はこんな人におすすめ

  • VSCodeで日本語ファイルが文字化けする人
  • Shift JISのファイルを正しく開きたい人
  • ファイルをUTF-8へ変更して保存したい人

VSCodeで文字化けしている状態を確認する

例えば、Shift JISで保存されている日本語ファイルをUTF-8として読み込むと、文字が正常に表示されない場合があります。

まずは文字化けしているファイルを開き、VSCode画面右下のステータスバーに表示されている文字コードを確認してください。

VSCodeでShift JISの日本語ファイルをUTF-8として開いて文字化けした画面

Reopen with Encodingで正しい文字コードへ開き直す

画面右下に表示されている「UTF-8」などの文字コードをクリックすると、文字コードに関する操作を選択できます。

文字化けしているファイルを正しく表示したい場合は、「Reopen with Encoding」を選択してください。

続いて、元のファイルがShift JISで作成されている場合は、一覧から「Japanese (Shift JIS)」を選択します。

正しい文字コードで開き直すと、日本語が正常に表示されるようになります。

VSCodeのReopen with EncodingでShift JISとして開き直し日本語が正常に表示された画面

Save with EncodingでUTF-8へ変更する

正しく表示できたファイルをUTF-8へ変換したい場合は、再度ステータスバーの文字コードをクリックします。

今度は「Save with Encoding」を選択し、文字コード一覧から「UTF-8」を選んでください。

これで、現在表示されている内容をUTF-8の文字コードで保存できます。VSCodeではステータスバーから、ファイルを別の文字コードで開き直したり保存したりできます。

VSCodeのSave with EncodingでファイルをUTF-8へ変更して正常に表示された画面

ReopenとSaveの違い

Reopen with Encodingは、ファイルを別の文字コードとして読み直す操作です。一方、Save with Encodingは、現在の内容を指定した文字コードで保存し直す操作になります。

文字化けしている状態からUTF-8へ変換する場合は、先に正しい文字コードで開き直して日本語が正常に表示されることを確認してから保存するのがおすすめです。

注意点

文字化けした状態のまま上書き保存すると、元の内容を戻しにくくなる場合があります。重要なファイルは事前にバックアップを作成してから文字コードを変更してください。

また、システムや外部ツールによってShift JISなど特定の文字コードが指定されている場合は、UTF-8へ変更すると読み込めなくなることがあります。利用先の仕様も確認しておくと安心です。

最後に

いかがでしたでしょうか。

今回は、VSCodeで文字化けする場合に、正しい文字コードで開き直してからUTF-8へ変更する方法をご紹介しました。

まずはステータスバーから現在のEncodingを確認し、Reopen with EncodingとSave with Encodingを使い分けてみてください。

VSCodeで日本語ファイルを扱う際に、少しでも参考になれば幸いです。

開発依頼について

ココナラでWebスクレイピング開発サービスを出品しております。

自分で開発をしようと思ったけど、VBAでのネット記事が少なく困っている方も多いかと思います。

そんな方はいつでもお気軽にご相談ください。

また、本ブログからご依頼いただいた方については割引特典がございますので、

ご不明点と合わせてメッセージをいただけると幸いです。

Excelにてブラウザ操作自動化ツールを作成します その作業、webスクレイピングを使って自動化しましょう!

Webスクレイピング以外にもWebアプリの開発サービスも出品しております。

こちらについても、本ブログからご依頼いただいた方については割引特典がございますので、

お気軽にご相談ください。

スモールスケールのWebアプリ開発します 先ずはスモールスケールのWebアプリから始めませんか?

ご興味がある方はこちら!!

コメントを残す

メールアドレスが公開されることはありません。 ※ が付いている欄は必須項目です

CAPTCHA