読者です 読者をやめる 読者になる 読者になる

Visual Studio Codeでソースの日本語が文字化けする

visual studio IDE

Microsoft Visual Studio Professional 2013  通常版

はじめに

Microsoftの方針転換により、Visual Studioの大半の機能が無料で使えるようになりました。

無料開発ツール - Visual Studio Community 2015

 

最近のVisual Studioの進歩は著しく、今やAndroidiOSのアプリまで開発できるというから驚きですね。

iOS/Android/Windows アプリ開発 - Visual Studio

 

それどころか、何とLinuxで使えるVisual Studioまで登場したのです!

その名も「Visual Studio Code」

Download Visual Studio Code - Mac OS X, Linux, Windows

 

まあ、Visual StudioEclipseのような本格的なIDEというより、どちらかというと高機能なテキストエディタといった感じなのですが、軽量かつ必要十分な機能を備えていて、なかなか使い勝手は良いです。

特集:Visual Studio Code早分かりガイド:Visual Studio Codeの使い方、基本の「キ」 (1/4) - @IT

 

ところが、ソースを表示したところ、日本語のコメントが化けて読めない!

エラーメッセージとして埋め込まれた日本語も化けてコンパイルエラーになる!

 

文字コードの違いによる文字化け自体はよくある話ですが、何しろVisual Studio Codeに不慣れなので解決まで四苦八苦しました。

 

よくある話でも、所変われば品変わる、というのが今回のお話。

 

結論

Fileメニューから、Preferences ⇒ User Settings を開き、右側(settings.json)に以下の記述を追加する。("shiftjis"の部分は適宜変更してください)

"files.encoding": "shiftjis"

 

 

経緯

原因はハッキリしているんです。ええ、私の作ったファイルがShiftJISだからです。

Visual Studio CodeはおそらくUTF-8としてファイルを開いている模様)

 

で、以下の方法を試してみたところ、確かに文字コードを変更できるが一時的にしか効かず、ファイルを開き直すと元に戻ってしまう。

[VSCode]Visual Studio CodeでShift-JISのファイルを開く - Qiita

 

ファイルを開くたびにイチイチ文字コードを変更していられないので、さらに探してみるとこんな記事を発見!どうやらVisual Studio Codeは設定を自由にカスタマイズできるらしい。

Visual Studio Codeのフォント変更方法 | Time to live forever

 

「それならデフォルトの文字コードの設定もあるはず」と、"utf8"で検索すると以下の記述を発見!

    // The default character set encoding to use when reading and writing files.
    "files.encoding": "utf8",

 

こいつを"utf8"⇒"shiftjis"に変えたところ、ShiftJISとしてファイルを開いてくれるようになりました。めでたしめでたし。

 

まとめ

こちらの記事にあるように、デフォルトのフォントだと文字が微妙に変なので、ついでにフォントも変えてしまいましょう!

Visual Studio Codeをインストールしてみた - SourceChord

 

先ほどと同じくsettings.jsonに以下の記述を追加すれば、お好きなフォントに変更できます。

"editor.fontFamily": "MS Gothic"

 

Indeed からの求人