ひよっこPGのブログ

主に、技術メモや英語たまにギター関連のことも書いているブログです。

Sublime Text 2 で 全角スペースをハイライトする方法

今回は、エラーの原因となる全角スペースを発見しやすくする方法をメモします。

きっかけは PHPのプログラムを書く時に

$str = "あああ" . "いいい" . "ううう";
// . は 他の言語での文字列結合 + と同じ意味です。

自分の好みで、 . と文字列の間にスペースをいれていたのですが
文字列が全角文字なんでスペースも全角スペースを入力してしまいエラーが起きてしまいました。
ぱっと見ても全角スペースとは、分からないため
エラーであることが、気付きにくく 時間がかかってしまったことがきっかけです。


それでは、このようなエラーを未然に防ぐために全角スペースを分かりやすくハイライトする方法を書きます。


まず、標準の Setting Userから JSON形式で指定するプロパティでは、
全角スペースや全角英数字をハイライト出来ない。
f:id:buzzword111:20140227233553j:plain
上記のような設定ファイルですね。


なので、プラグインを追加する方法をとります。
通常は、PackageControlを使ってプラグイン追加したりしますが、
今回は、個人の方が作られたプラグインを追加する形なので、少し違った追加の仕方をします。

1. Sublime Text2のメニューバーから「Preferences」> 「Packages」を開いて「Packages」フォルダを開く
f:id:buzzword111:20140228002007p:plain
f:id:buzzword111:20140228004003j:plain

2. http://www3479uo.sakura.ne.jp/download/AlwaysHighlight.zip
上記からダウンロードして、解凍。
AlwaysHighlight
|-AlwaysHighlight.py

AlwaysHighlightフォルダごと さきほど開いた Packagesフォルダに移動。
f:id:buzzword111:20140228004404j:plain

3.Preferences」> 「Setting - User」を開いて、設定ファイルを開く
f:id:buzzword111:20140228002608j:plain

// 全角スペースのハイライトをするかどうか
"fullwhitespace_viewable" : true,
// "foo"、"bar"、全角空白、全角英数字を常にハイライトする
"alwayshighlight_pattern": "foo|[ 0-9A-Za-z]",

上記を追加する。 一番最後に追加する場合区切り文字の ,(カンマ)は必要ないです。



プラグインを追加して、全角スペースをハイライト表示すると
f:id:buzzword111:20140228003235j:plain
上記のようになります。


参考
Sublime Text2 全角英数字をハイライトするプラグイン | NO:1258 | Webデザインリリック