VSCodeでCSVを見やすく編集する方法|Edit CSVの使い方・注意点

VSCodeでCSVを見やすく編集する方法|Edit CSVの使い方 便利ツール

VSCodeでCSVファイルを開くと、列がずれて内容を確認しにくいことがあります。ExcelやGoogleスプレッドシートを起動せず、VSCodeの中で表形式のまま確認・編集したいときに便利なのが、拡張機能「Edit CSV」です。

この記事では、Edit CSVのインストール方法、基本的な使い方、行・列の追加や削除、保存方法、利用前に知っておきたい注意点をまとめます。

先に結論:小〜中規模のCSVをVSCode内で素早く確認・修正する用途に向いています。大容量CSVや複雑なデータ加工には、専用ツールやPython・pandasとの使い分けがおすすめです。

CSVをテキストで開いた画面

スポンサーリンク

VSCodeでCSVを見やすく編集できる「Edit CSV」とは

Edit CSV(Visual Studio Marketplace)は、CSVファイルをExcelのような表形式で表示・編集できるVSCode拡張機能です。

主な特徴は次のとおりです。

  • CSV・TSVを表形式で表示できる
  • セルを直接編集できる
  • 行や列を追加・削除できる
  • 列を並べ替えられる
  • 編集結果を元のCSVへ反映して保存できる
  • VSCodeがない環境ではブラウザ版も利用できる
スポンサーリンク

Edit CSVのインストール方法

  1. VSCode左側の「拡張機能」を開く
  2. 検索欄に「Edit CSV」と入力する
  3. 開発元が「janisdd」の拡張機能を選ぶ
  4. 「インストール」をクリックする

同名・類似名の拡張機能があるため、Marketplaceの識別子「janisdd.vscode-edit-csv」を確認すると確実です。

VSCodeでEdit CSVを検索する画面

初期設定はほとんど必要ありません。.csvと.tsvは基本的にそのまま認識されます。

Edit CSVの使い方

1. CSVを表形式で開く

編集したいCSVファイルをVSCodeで開き、画面右上の「Edit CSV」から表形式のエディターを起動します。

ボタンが見つからない場合は、コマンドパレットを開いて「edit as csv」を実行してください。コマンドパレットはWindows・Linuxでは「Ctrl + Shift + P」、Macでは「Command + Shift + P」で開けます。

Edit CSVを起動する画面

2. セルを編集する

表形式の画面が開いたら、修正したいセルを選択して値を入力します。列が揃って表示されるため、テキスト表示よりもデータの位置関係を把握しやすくなります。

CSVを表形式で表示した画面

3. 行・列を追加する

行や列を増やしたい場合は、「Add row」「Add column」などの追加操作を使います。複数セルのコピー&ペーストや、数値・日付などのオートフィルにも対応しています。

Edit CSVで行と列を追加する操作

4. 行・列を削除する

削除したい行または列を選び、コンテキストメニューや削除操作を使います。編集前に元ファイルのバックアップを残しておくと安心です。

Edit CSVで行と列を削除する操作

5. CSVを並べ替える

列の見出しを使って昇順・降順に並べ替えられます。CSVの内容をざっと確認したいときや、重複・外れ値を探したいときにも便利です。

Edit CSVで列を並べ替える操作

6. 編集内容を保存する

編集結果を元ファイルへ反映する場合は「Apply」、反映と保存をまとめて行う場合は「Apply and Save」を使います。誤って反映した場合は、通常の取り消し操作で戻せることがありますが、重要なCSVは事前に複製しておくのがおすすめです。

Edit CSVを使う前に知っておきたい注意点

元ファイルとの同期は一方向

表形式のエディターを開いた後に、元のCSVをテキスト側で変更しても、表には自動反映されません。編集途中で元ファイルを別の方法で変更しないようにしましょう。

大容量CSVには向かない

Edit CSVはファイル全体を表として保持する仕組みのため、行数やファイルサイズが大きいCSVでは動作が重くなることがあります。大容量データは、分割して確認するか、Python・pandasや大容量対応のCSVビューアーを利用する方が安全です。

空行や引用符の扱いに注意

読み込み時に空行がスキップされる場合があります。また、保存時に引用符の付き方が揃えられることがあります。厳密な書式を維持する必要があるCSVでは、保存後に差分を確認してください。

TSVを開く場合

.tsvも利用できます。正しく区切られない場合は、VSCode右下の言語モードやインデント設定がタブになっているか確認します。

「Edit CSV」ボタンが表示されないときの対処法

  • コマンドパレットで「edit as csv」を検索する
  • ファイルの拡張子が.csvまたは.tsvになっているか確認する
  • VSCode右下の言語モードを「CSV」に変更する
  • 独自拡張子の場合は、VSCodeのfiles.associationsでCSVとして関連付ける
  • 拡張機能を再読み込みする

ブラウザだけでCSVを編集する方法

VSCodeを使えない環境では、開発元が案内しているEdit CSVのWeb版も利用できます。

ただし、機密情報や個人情報を含むCSVをオンラインサービスへ読み込ませる場合は、組織のルールやデータの取り扱いを事前に確認してください。

よくある質問

Edit CSVは無料で使えますか?

Visual Studio Marketplaceからインストールでき、ソースコードはMITライセンスで公開されています。

CSVを開くだけで自動的に表になりますか?

環境や設定によってはテキスト表示のまま開きます。その場合は画面右上の操作、またはコマンドパレットの「edit as csv」から表形式へ切り替えます。

Excelの代わりになりますか?

内容の確認や小規模な修正には便利ですが、複雑な数式、集計、大容量データの処理はExcel、Googleスプレッドシート、Pythonなどの方が適しています。

まとめ

VSCodeでCSVを見やすく表示し、そのまま編集したいならEdit CSVが便利です。インストール後はCSVを開いて「Edit CSV」または「edit as csv」を実行するだけで、表形式のエディターへ切り替えられます。

一方で、元ファイルとの同期、大容量データ、空行・引用符の扱いには注意が必要です。まずは元ファイルを複製し、小さなCSVで操作を試してみてください。

参考:Edit CSV公式ページ(Visual Studio Marketplace)

コメント

タイトルとURLをコピーしました