VSCodeでrailsのログファイルを開くとカラーコードが制御文字で表示されるのを何とかする

事象

VSCodeでrailsのログファイルlog/development.logを開くと以下のようになります

ESCや[1mや[36など謎の文字が表示されており見づらいです。

対策

拡張機能ANSI Colorsをインストールしましょう。

使い方

Ctrl + Shift + Pで開いたプロンプトでansiと入力するとANSI Text: Open Previewとでるのでこれを選択します。

これはなに？

ANSIエスケープシーケンスという形式で書かれたカラーコードです。ターミナルに色付きで表示する場合に使います。

これはtailやlessを使ってターミナルを使って表示するときは便利ですが、VSCodeのようなテキストエディタで開くと制御コードがそのまま表示されてしまいます。そこでANSI Colors拡張機能を入れて表示できるようにしました。

ちなみに、Rails側で制御することもできます。 以下の設定でANSIコードが入力されないようになります。

# config/environments/production.rb
Rails.application.configure do
  config.colorize_logging = false
end

たまに、大量のログが出るときとかにtailしてたら流れちゃうのでVSCodeで開きたいけど見づらいなーとなって我慢してたけど重い腰を上げました。ANSIエスケープシーケンスという名前は初めて知りました。