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

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

新規登録して質問してみよう
ただいま回答率
85.48%

Q&A

解決済

4回答

22606閲覧

Visual Studio Codeで全角スペースを可視化する方法

raccy

総合スコア21735

2グッド

6クリップ

投稿2016/11/14 10:17

編集2016/11/14 10:32

###前提・実現したいこと
Visual Studio Codeで全角スペース(U+3000、IDEOGRAPHIC SPACE、和字間隔)を可視化したい。

可視化の想定は、サクラエディタや秀丸等で全角スペースが表示される感じです。文字や色をカスタマイズできると、なお嬉しいです。

###発生している問題・エラーメッセージ
設定が見当たりません。拡張も見当たりません。

###該当のソースコード

a b c

のように書いたときに、bとcの間が全角スペースじゃないか!と一目見てわかるようになりたいです。逆に半角スペースを常に可視化すれば見分けが付くじゃないか!と言う妥協案は、負けかなと思っています。
※ どうやら、コードの中の全角スペースは投稿するとteratail側が勝手に半角スペースにしてしまうようです。上のコードのbとcの間は本当は全角スペースです。本当です!

###試したこと
「Visual Studio Code 半角スペース」等で検索しましたが、該当する設定等が記載されたサイトは見当たりませんでした(Visual Studioは引っかかるんですけど…)。半角スペースを可視化する設定も行いましたが、全角スペースは半角スペース二個分の何もない空きがあるだけでした。

###補足情報(言語/FW/ツール等のバージョンなど)
Visual Studio Code 1.7.1

Atomがとっても 重いから
Codeを使って 開こう

と思っていたのですが、全角スペースを見て発狂してしまいそうになったので、やつらを駆逐するために可視化したいのです。

なければ、自分で拡張を作ろうかと思っています(また、作るのか…)。でも、Atomと違ってVisual Studio Codeは拡張でいじれない部分が多いとかそんな情報もちらほら…。TypeScriptを真面目に勉強しないと…。

"VisualStudioCode"というタグがあることに気付かずに"Visual Studio Code"でタグの追加申請をしてしまったのは秘密です。

ssmxgo, Y.H.👍を押しています

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

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

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

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答4

0

ベストアンサー

**Whitespace+**は色の主張が激しくて全角スペースだけ軽い主張をしてくれればいいなー。と思ったのでさくっとパク・・フォークしました。

vs codeを開くたびに> Enable Zenkakuをしないといけないですね。
拡張機能のAPIを全く見てないので、余力があれば...

marketplaceに公開したのでzenkakuで出てきます。
おそらく全角スペースで困るのは日本人ぐらいだと思ったので
sample

アンチウィルスがcertificateを弾いてnpm installで手こずったのは内緒

投稿2016/11/18 07:38

mosapride

総合スコア1480

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

raccy

2016/11/18 09:42

すばらしいです。 "> Enable Zenkaku"は、fork元のパッケージの作りがそうみたいですね。常に表示じゃなくて、切り替えながらということなのかもしれません。
mosapride

2016/11/20 03:57

そうみたいですね。 個人的に常時表示されて欲しいので時間とやる気があるときにでもAPIを調べてみたいと思います。
guest

0

完全に条件を満たしている拡張ではないですが、**Whitespace+**というものがありました。
空白文字,タブ,改行を強調表示してくれるのですが、手元のVSCodeでは全角スペースの可視化もされていました。
ただし、素のままでは半角スペースと全角スペースで色が変わらないようです。

SSとってみました。

イメージ説明

仮に拡張を自作するにしても、GitHubからフォークして改修した方が易しそうではあります。

投稿2016/11/16 14:38

attakei

総合スコア2738

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

raccy

2016/11/16 15:15

ソースコードを見たら、スペースは/\s/で検索しているようで、JavaScriptの正規表現で\sがU+3000も含んじゃうので、たまたま、全角スペースも対象になっているっぽいですね。そのうち半角スペース以外のスペースも対象になるといういちゃもんなissuesが投げられて、全角スペースは対応されなくなりそうな予感が…。 ただ,作るときの参考にはなりそうです。って、やっぱり作るのか…。
guest

0

Rictyのような、「最初からU+3000に文字が入ったフォント」に入れ替えるというのも、ソフトを問わず使える手段です。

…って、自分もVisual Studio Codeですが、「フォントを変える」方法で実現していたので、逆に設定で探すことがありませんでした。

投稿2016/11/14 10:47

編集2016/11/14 10:49
maisumakun

総合スコア145184

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

raccy

2016/11/14 10:55

なるほど、そんな手もあるのですね。しかし、愛用しているMigu 2Mを捨てるのは(Inconsolataがあまり好きじゃない)…いや、むしろ自分でfontをコンパイルすれば…。
guest

0

投稿2016/11/14 10:24

MasahikoHirata

総合スコア3747

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

MasahikoHirata

2016/11/14 10:31

失礼しました。私も探してみます。
MasahikoHirata

2016/11/14 13:10

'CJK'という検索も含めて海外サイトを調べています。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

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

ただいまの回答率
85.48%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問