質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

ただいまの
回答率

90.40%

  • Visual Studio Code

    474questions

    Visual Studio Codeとは、Microsoft社が開発したマルチプラットフォーム対応のテキストエディタです。Visual Studioファミリーの一員でもあります。拡張性とカスタマイズ性が高く、テキストエディタでありながら、IDEと遜色ない機能を備えることができます。

Visual Studio Codeで何故か空白文字とタブが表示されません。

解決済

回答 2

投稿 編集

  • 評価
  • クリップ 0
  • VIEW 2,320

Takym

score 15

Visual Studio Codeを1.13にアップデートしてから、空白文字が表示されなくなってしまいました。
editor.renderWhitespaceはきちんと指定しています。
でも、何故か表示されなくなっています。
フォントはMS Gothicを指定しています。
配色テーマは、Lightを使用しています。
考えられる問題は何でしょうか?
回答、よろしくお願いいたします。

現在、適用させている設定

{
    "editor.fontFamily": "MS Gothic",
    "editor.fontSize": 18,
    "editor.lineHeight": 0,

    "editor.lineNumbers": "on",
    "editor.wordWrap": "wordWrapColumn",
    "editor.wordWrapColumn": 140,
    "editor.wrappingIndent": "indent",

    "editor.insertSpaces": false,
    "editor.renderWhitespace": "all",
    "editor.renderControlCharacters": true,
    "editor.renderIndentGuides": true,
    "editor.tabSize": 4,
    "editor.detectIndentation": false,

    "editor.autoClosingBrackets": true,
    "editor.folding": true,

    "editor.cursorBlinking": "blink",
    "editor.cursorStyle": "line",

    "editor.formatOnType": false,
    "editor.suggestOnTriggerCharacters": true,
    "editor.acceptSuggestionOnEnter": "on",

    "editor.minimap.enabled": true,
    "editor.minimap.renderCharacters": true,




    "diffEditor.renderSideBySide": false,
    "diffEditor.ignoreTrimWhitespace": false,


    "files.encoding": "utf8",
    "files.eol": "\n",
    "files.hotExit": "off",

    "window.openFilesInNewWindow": "off",
    "explorer.openEditors.visible": 5,
    "explorer.openEditors.dynamicHeight": false,

    "update.channel": "default",
    "workbench.colorTheme": "Visual Studio Light",
    "workbench.iconTheme": "vs-minimal"
}

動作画面

イメージ説明

また、関係ないですが、右下に表示されているスクリーンリーダーとは何ですか?

追記

'editor.minimap.enabled'をtrueに設定しているのですが、ミニマップも表示されません。

追記2

最近、1.14.1にアップデートしましたが、やはり、空白文字は表示されませんでした。
使っているOSは最新のWindows10です。
(バージョン 1703 OSビルド 15063.483)

  • 気になる質問をクリップする

    クリップした質問は、後からいつでもマイページで確認できます。

    またクリップした質問に回答があった際、通知やメールを受け取ることができます。

    クリップを取り消します

  • 良い質問の評価を上げる

    以下のような質問は評価を上げましょう

    • 質問内容が明確
    • 自分も答えを知りたい
    • 質問者以外のユーザにも役立つ

    評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

    質問の評価を上げたことを取り消します

  • 評価を下げられる数の上限に達しました

    評価を下げることができません

    • 1日5回まで評価を下げられます
    • 1日に1ユーザに対して2回まで評価を下げられます

    質問の評価を下げる

    teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。

    • プログラミングに関係のない質問
    • やってほしいことだけを記載した丸投げの質問
    • 問題・課題が含まれていない質問
    • 意図的に内容が抹消された質問
    • 広告と受け取られるような投稿

    評価が下がると、TOPページの「アクティブ」「注目」タブのフィードに表示されにくくなります。

    質問の評価を下げたことを取り消します

    この機能は開放されていません

    評価を下げる条件を満たしてません

    評価を下げる理由を選択してください

    詳細な説明はこちら

    上記に当てはまらず、質問内容が明確になっていない質問には「情報の追加・修正依頼」機能からコメントをしてください。

    質問の評価を下げる機能の利用条件

    この機能を利用するためには、以下の事項を行う必要があります。

質問への追記・修正、ベストアンサー選択の依頼

  • lunatea

    2017/06/15 16:13

    スクリーンリーダーは画面の読み上げ機能ですね→ https://vscode-doc-jp.github.io/docs/userguide/accessibility.html

    キャンセル

  • lunatea

    2017/06/15 16:14

    本日1.13.1のアップデートが来たのですが、そちらでもダメでしょうか?

    キャンセル

  • Takym

    2017/06/16 09:19

    はい、1.13.1アップデートを入れても駄目でした。

    キャンセル

回答 2

checkベストアンサー

+2

恐らくスクリーンリーダー対応が ON になっていることが問題です。スクリーンリーダーとは、目が不自由な方向けに提供されている文字を読み上げるサービスのことです。詳細については検索してみてください。

さて、これが ON になると一部機能が制限されスクリーンリーダー向けに最適化されます。初期設定でスクリーンリーダー検出は "auto" なのですが、今回の場合誤検出している可能性があります。

設定で

"editor.accessibilitySupport": "off"


を追加してみてください。これでスクリーンリーダーへの対応が無効化されます。

投稿

編集

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

  • 2017/07/24 19:22

    意図的に"editor.accessibilitySupport": "on"でスクリーンリーダーモードをONにした所、こちらでもステータスバーにスクリーン リーダーが検出されましたが表示されタブ・空白文字が消えるのが確認できましたのでこれで間違い無さそうですね。

    キャンセル

  • 2017/07/27 09:53

    スクリーンリーダーをONにした所、空白文字が表示される様になりました。
    EbXpJ6bpさん、Iunateaさんどうもありがとうございました。

    キャンセル

+2

何かの拍子に、メニューの表示 > 空白文字の表示の切り替えもしくはコマンドパレットのToggle Render Whitespaceを選択してしまったとかでは無く?

一度、settings.jsonの内容を別のファイルに移して初期状態に戻して様子を見てはどうでしょうか?


追記

1.12から1.13で初期値が変わったのは以下の6つで、これらの設定値が空白文字の有無に作用しているとは考えにくいので、問題があるとしたら拡張機能の方でしょうか?

editor.minimap.enabled
workbench.iconTheme
editor.renderIndentGuides
editor.dragAndDrop
extensions.autoUpdate
window.openFilesInNewWindow

こちらではMS GothicとLightの付くテーマとの組み合わせでは状況再現できませんでした。
MS Gothicでダメなら、いっそRicty DiminishedとかMiricaM MとかSource Han Code JPとかプログラミング用途向けのに変えてみてはどうでしょう?


更に追記

どうしても直らない場合の一時しのぎですが、
拡張機能で空白文字に色付けをする方法のリンクも載せておきます。

VS Code でドキュメントの空白文字を見やすくしてみる


こちらでも設定を全て初期化後に、ms-vscode.cpptoolsms-vscode.csharpgeorgewfraser.vscode-javacの3つの拡張機能をインストールして、settings.jsonの内容をコピペもしてみたのですが状況再現できませんでした。

後考えうるのは、ワークスペース側の設定でeditor.renderWhitespaceの設定をnoneに上書きしている事でしょうか?
あくまでワークスペース毎の設定なので、特定のワークスペース以外のフォルダやファイルを開いている時にも発生するとなるとこれ以上のことはちょっとわからないです。

最終手段としては、C:\Users\[ユーザ名]\.vosocdeC:\Users\[ユーザ名]\AppData\Roaming\Codeの2つのフォルダを削除して設定を完全な初期状態に戻すことでしょうか?
この2つのフォルダはアンインストールや再インストールでもおそらく削除されないと思うので。

ワークスペースの設定1

ワークスペースの設定2

投稿

編集

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

  • 2017/06/11 15:46

    VS Codeを再インストールしたら表示されるようになりました。
    回答、ありがとうございました。

    キャンセル

  • 2017/06/11 15:56

    すみません。
    インストール後、数秒したら空白の表示が消えてしまいました。

    キャンセル

  • 2017/06/11 16:25

    見せられる範囲でsettings.jsonの設定とインストールしている拡張機能の一覧を載せてみてはどうでしょう?

    キャンセル

  • 2017/06/12 01:09

    今、入れている、拡張機能は、Microsoft公式のC#とC/C++とGeorge FraserのJava Language Supportだけです。

    キャンセル

  • 2017/06/12 13:06 編集

    `C:\Users\[ユーザ名]\.vosocde`と`C:\Users\[ユーザ名]\AppData\Roaming\Code`を削除して、再インストールしてみましたがやはり治りません。
    また、ワークスペース設定が適応されていないフォルダです。

    キャンセル

  • 2017/06/12 16:04

    GithubのIssuesでwhitespaceとか1.13.0とかで検索してみてもそれらしき書き込みは見つけられず(英語力無くて見落としてる可能性もありますが…)、再インストール+設定を完全にリセットしてもダメとなると完全な環境依存としか言えないですね。

    キャンセル

15分調べてもわからないことは、teratailで質問しよう!

  • ただいまの回答率 90.40%
  • 質問をまとめることで、思考を整理して素早く解決
  • テンプレート機能で、簡単に質問をまとめられる

同じタグがついた質問を見る

  • Visual Studio Code

    474questions

    Visual Studio Codeとは、Microsoft社が開発したマルチプラットフォーム対応のテキストエディタです。Visual Studioファミリーの一員でもあります。拡張性とカスタマイズ性が高く、テキストエディタでありながら、IDEと遜色ない機能を備えることができます。