[VSCode] タブをスペースに変換するTag to Spaceが便利だった

こんにちは。サービス開発室の武田です。

タブを使ってデータの見た目を整形することはよくありますよね。

たとえば次のような（ぱっと見ではわかりにくいですが、タブ幅4だと綺麗に揃っています）。

商品名			価格		在庫数	カテゴリ	入荷日
高性能ノートPC	128,000円	12		電子機器	2023/04/15
消しゴム		120円		342		文房具		2023/05/22
オフィスチェア	24,800円	5		家具		2023/03/08

さてこのデータですが、タブのままではこの後の加工がしにくいということで、見た目を維持したままスペースに変換したいことがあります。

失敗その1：エディタの置換機能を使う

VSCodeに限らずエディタには一般的に文字列を置換する機能があります。これを使えばタブ（\t）も置換できます。しかし、タブ1個がスペース4個だったり2個だったり変わるため、一発でうまく変換ということができません。

ということで、最初に思い付く方法ですがダメでした。

失敗その2：Convert Indentation to Spacesを使う

VSCodeはさまざまなコマンドを提供しています（⌘ + ⇧ + P）。その中にConvert Indentation to Spacesというコマンドがあり、これを使用するといい感じにタブをスペースに変換できます。

ただしコマンド名からも分かるように、これはインデントを変換するものですので、行の先頭にあるタブにしか効果がありません。

ということで、便利そうなVSCodeのコマンドもちょっと無理そうでした。

成功！：Tag to Spaceを使う

拡張機能ならあるかな？ということで探したところいいのがありました。それがTag to Spaceです。

https://github.com/takumisoft68/vscode-tab-to-space

リリースされてからアップデートなどがありませんが、シンプルな拡張機能なので必要がないのですかね。実際にインストールして、一発で変換できました（固定幅フォントで見れば綺麗に揃ってます）。

商品名          価格        在庫数  カテゴリ    入荷日
高性能ノートPC  128,000円   12      電子機器    2023/04/15
消しゴム        120円       342     文房具      2023/05/22
オフィスチェア  24,800円    5       家具        2023/03/08

まとめ

かゆいところに手が届く拡張機能はうれしいですね。参考になれば幸いです！