ソースコード比較以外にも便利な Visual Studio Code の Compare File

こんにちは、 Gaji-Labo フロントエンドエンジニアの鈴木です。

私は長らく Visual Studio Code を愛用していますが、テキスト・ファイルの比較に便利な機能があり、よく使っています。

ファイルの比較は、コマンドパレットに Compare と入力すると使用できます。

このような感じで簡単にファイルを比較することができます。

シンプルなテキストの比較にも活用

ソースコードの比較以外に、このような時にも使っています。

• Slack や Miro など、テキストとしてアウトプットしたものの比較
• 原稿の元データをマークアップ後、抜け漏れがないか確認

2つ目の「原稿の元データをマークアップ後、抜け漏れがないか確認」が少し分かりにくいので解説します。

フロントエンド開発の中で、利用規約やプライバシーポリシー、ユーザーガイドラインなど、原稿をいただいてマークアップするような場面が結構あります。

その際に、マークアップ中に誤ってテキストを削除していないか、余計な文字を入れていないかを以下の手順で確認します。

1. マークアップ完了後ブラウザでプレビューし、比較したい範囲を全文コピー
2. 「元原稿」と「1 でコピーしたテキスト」を比較

サッとできる上に、抜け漏れがあった際も一目瞭然なのでよく使っています。

このようなちょっとした事を話すのって意外ときっかけが難しいのですが、ブログを書く事で Gaji-Labo メンバーにも共有していけたらいいなと思います。