べんりワザ・VSCode を速く使う

VSCodeを日本語化する方法

英語だらけのVSCodeは、拡張機能を1つ入れるだけで日本語になります。2分で終わる手順と、「日本語にならない」「急に英語に戻った」ときの直し方をまとめました。

インストール直後のVSCodeは画面が英語だらけですが、拡張機能を1つ入れるだけで日本語になります。2分で終わる手順と、うまくいかないときの直し方をまとめました。

日本語化の手順(2分)

使うのはMicrosoft公式の拡張機能「Japanese Language Pack for Visual Studio Code」。無料です。

  1. VSCodeの左端、四角が4つ集まったアイコン(拡張機能)をクリック
  2. 検索欄に「Japanese」と入力
  3. いちばん上に出る「Japanese Language Pack for Visual Studio Code」の「Install」を押す
  4. 右下に「Change Language and Restart」と出たら、それを押す(VSCodeが再起動します)
VSCodeの拡張機能パネル。検索欄に「Japanese」と入力し、日本語言語パックが一覧の先頭に出ている
検索欄に「Japanese」と打つと先頭に出てきます。似た名前が並んでいたら、発行元が「Microsoft」のものを選んでください。

再起動後、メニューが日本語になっていれば完了です。

日本語化パックの正体

「Japanese Language Pack」は、特別な仕組みではなくVSCodeの拡張機能のひとつです。中身は「このメニュー文言はこの日本語に置きかえる」という対応表のようなもので、VSCode本体が新しい画面や機能を追加するたびに、Microsoftがこの対応表を更新しています。仕組みがシンプルだからこそ、入れる・外す・更新するがすべて拡張機能と同じ操作でできるわけです。

日本語にならないときは

インストールしたのに英語のまま——原因はほぼ1つで、表示言語の切り替えが済んでいないだけです。手動で切り替えます。

  1. キーボードでCtrl + Shift + P(MacはCmd + Shift + P)を押して、コマンド入力欄をひらく
  2. display」と入力し、「Configure Display Language」を選ぶ
  3. 一覧から「日本語 (ja)」を選ぶ
  4. 再起動をうながされたら「Restart」を押す

これで確実に切り替わります。この画面は日本語⇔英語をいつでも行き来できるスイッチでもあります。

急に英語に戻ったときは

昨日まで日本語だったのに、今日ひらいたら英語——VSCode本体の自動更新の直後によく起きる現象で、故障ではありません。本体が新しくなった直後は、言語パック側の対応が一時的に追いつかないことがあるためです。

  1. 拡張機能のアイコンから「Japanese Language Pack」を探す
  2. 更新」ボタンが出ていれば押す(出ていなければ、いったんアンインストール→再インストール)
  3. VSCodeを再起動する

それでも戻らなければ、前の節の「Configure Display Language」で日本語を選び直してください。

一部が英語のままでも正常です

日本語化しても、拡張機能の設定画面や最新機能の説明など、ところどころ英語は残ります。言語パックはVSCodeの主要部分を翻訳するもので、すべての文字列が対象ではないからです。動作にはまったく影響ありません。

英語に戻したいときは

戻し方は日本語にするときと同じ場所です。Ctrl + Shift + P(MacはCmd + Shift + P)→「Configure Display Language」→一覧から「English (en)」を選んで再起動。言語パックを消す必要はありません。入れたまま切りかえられます。

海外の解説動画や記事を見ながら手を動かすときだけ英語に戻す、という使い方も便利です。

メニューの日英対応早見表

日本語化すると、英語で書かれた解説記事や動画の指示が読み替えられなくなることがあります。よく出てくるものだけ対応表にしました。

英語表記日本語表記
Fileファイル
Edit編集
Selection選択
View表示
Go移動
Run実行
Terminalターミナル
Settings設定
Command Paletteコマンドパレット
Extensions拡張機能
Explorerエクスプローラー
Open Folderフォルダーを開く
Save Allすべて保存
Toggle Word Wrap折り返しの切り替え
Format Documentドキュメントのフォーマット

コマンドパレットは英語名でも日本語名でも検索できるので、記事に「Format Document」と書かれていたら、そのまま打ちこめば見つかります。

日本語化のあとに、いっしょに変えておきたい設定

日本語になったら、初心者がつまずきやすいところを先に2つつぶしておくと快適です。設定は歯車アイコン→「設定」から検索して変えられます。

  • 自動保存をオンにする——設定で「auto save」を検索し、afterDelay を選ぶと、少し待つだけで勝手に保存されます。「保存し忘れて変わらない」という定番のつまずきが消えます
  • 全角スペースを見えるようにする——日本語で書いていると全角スペースがコードに混ざり、原因不明のエラーになります。拡張機能の「zenkaku」を入れると、全角スペースに色がついて一目で分かります
べんりワザおすすめのVSCodeカラーテーマ画面の色を目にやさしくするカラーテーマの選び方はこちら2

拡張機能を入れられない環境のときは

会社や学校のパソコンでは、拡張機能のインストールそのものが制限されていることがあります。その場合、日本語化はあきらめて英語のまま進めるほうが早いです。前の節の早見表を手元に置けば、英語表示でもほとんど困りません。メニューの場所を覚えなくても、コマンドパレットに機能名を打てばたどりつける——ここだけ押さえておけば大丈夫です。

まとめ

  1. 日本語化は拡張機能「Japanese Language Pack」を入れて再起動するだけ——2分で終わる
  2. 日本語にならないときはCtrl + Shift + P→「Configure Display Language」→日本語を選ぶ
  3. 急に英語に戻るのは本体更新直後の一時現象——言語パックを更新して再起動すれば戻る
  4. 英語へ戻すのも同じ場所。入れたまま行き来できる
  5. ついでに自動保存全角スペースの可視化をオンにしておくと、定番のつまずきを先につぶせる
べんりワザ入れておきたいVSCode拡張機能日本語化のつぎに入れたい拡張機能は、こちらにまとめてあります3

画面が母語になるだけで、道具への苦手意識はぐっと減ります。安心して次の一歩へ進んでください。

よくある質問

日本語化パックを入れたのに日本語にならない
インストール後に表示言語の切り替えとVSCodeの再起動が必要です。右下に出る「Change Language and Restart」を押すか、コマンドパレットからConfigure Display Languageで日本語を選んでください。
ある日突然英語に戻ってしまった
VSCode本体の更新直後によく起きます。壊れたわけではなく、言語パック側の更新が追いつくまでの一時的なものがほとんどです。拡張機能の画面で言語パックを更新(または入れ直し)て、再起動すれば戻ります。
メニューの一部だけ英語のままなのは故障?
故障ではありません。言語パックは主要な画面を翻訳しますが、拡張機能の設定項目や新機能の一部は英語のまま残ります。動作には影響ありません。
会社や学校のパソコンで拡張機能がインストールできません
組織の方針で拡張機能のインストールが制限されていることがあります。この場合は自分では解決できないので、情報システム担当者に日本語化パックの許可を相談してください。