サイトアイコン IT & ライフハックブログ|学びと実践のためのアイデア集

非エンジニア向けVS Code活用術10選|Markdown、CSV、共同編集を仕事に生かす

16のMBTI性格タイプとIT業界での適職

16のMBTI性格タイプとIT業界での適職

VS Code(Visual Studio Code)は、プログラムを書く人だけの道具ではありません。

文字を中心に扱うエディターなので、議事録の作成、CSVの確認、定型文の入力、複数ファイルの検索と置換などにも使えます。

ただし、表計算やレイアウトを整えた配布資料の作成まで、すべてをVS Codeに置き換える必要はありません。作業中の情報を素早く整える場所として使い、必要に応じて表計算ソフトや文書作成ソフトへ渡すと無理なく定着します。

VS Codeが向く作業と向かない作業

導入前に、得意な作業と別のソフトへ任せる作業を分けておくと、道具選びで迷いません。

作業 VS Codeとの相性 判断の目安
議事録や手順書の下書き 向いている 見出しと箇条書きを中心に組み立てる文書
CSVやログの内容確認 向いている 値を壊さず、列や文字列を目で確認したい場合
定型文や同じ語句の一括修正 向いている 繰り返し入力や複数箇所の置換が多い場合
複雑な集計やグラフ作成 表計算ソフト向き 数式、集計、可視化が作業の中心になる場合
体裁を細かく整えた配布資料 文書作成ソフト向き ページ単位のレイアウトや印刷品質を優先する場合

始める前に確認したい安全設定

VS Codeの拡張機能は便利ですが、VS Code本体と同じ権限で動作します。インストール前に発行元、更新状況、権限、リポジトリを確認してください。Microsoftの拡張機能の安全性に関する公式説明も判断材料になります。

第三者から受け取ったフォルダーは、内容を確かめるまで制限モードで開きます。Workspace Trustの公式ガイドでは、信頼していない作業場所でタスクや一部の拡張機能を制限する仕組みが説明されています。

1.Markdownで議事録や手順書を整える

Markdownは、記号を使って見出し、箇条書き、リンクなどの文書構造を表す軽量なマークアップ方式です。HTMLとの違いから確認したい場合は、サイト内のHTML、XML、Markdownの違いを解説した記事も参照できます。

VS CodeにはMarkdownの編集とプレビュー機能が標準で備わっています。まずは拡張機能を入れずに、次の手順で試せます。

  1. 会議名_20260904.mdのような名前でファイルを作る。
  2. #で見出し、-で箇条書き、- [ ]で未完了の項目を書く。
  3. WindowsとLinuxではCtrlとKを順に押してからV、macOSではCommandとKを順に押してからVで、横にプレビューを開く。
  4. 共有前に、見出しの順序、リンク、個人情報を確認する。
# 定例会議(2026/09/04)

## 決定事項
- 申込画面の文言を修正する

## 対応項目
- [ ] 担当者:期限

## 次回の確認事項
- 修正版を参加者で確認する

プレビュー、画像の挿入、見出し一覧などは、MicrosoftのVS CodeでMarkdownを扱う方法で確認できます。

2.英文のスペルと文法を執筆中に確認する

英文を含む資料では、拡張機能を使うと入力ミスの候補を編集中に確認できます。校正結果は提案なので、固有名詞、製品名、社内用語を機械的に置き換えないことが大切です。

日本語原稿は、拡張機能の指摘だけに頼らず、表記揺れ、主語と述語の対応、読み手に必要な前提が書かれているかを別に見直します。

3.Rainbow CSVでCSVやTSVを確認する

CSVは値を区切り記号で並べたテキスト形式で、TSVは主にタブで値を区切ります。表計算ソフトの見た目とは違い、実体は文字の並びです。

Rainbow CSVは、列ごとの色分け、列数の不一致の確認、SQLに似たRBQLによる抽出を提供します。問い合わせ履歴から特定の状態だけを確認する場合や、在庫データの列ずれを探す場合に使えます。

  1. 元のCSVを複製する。
  2. 文字コードと区切り文字を確認する。
  3. 色分けとCSVLintで行ごとの構造を確認する。
  4. 抽出結果が必要ならRBQLを使い、元データと件数を照合する。

CSVには改行を含むセルや引用符の規則があります。色がそろって見えても内容が正しいとは限らないため、更新前後の件数と主要な列を確認してください。

4.標準機能でMarkdownへ画像を貼り付ける

現在のVS Codeは、クリップボードの画像をMarkdownへ貼り付け、画像ファイルと参照記法を作成できます。元記事で案内していた画像貼り付け用の拡張機能は、基本的な用途では必須ではありません。

  1. Markdownファイルを保存して、画像の保存先となるフォルダーを確定する。
  2. 画像をコピーし、Markdownエディターへ貼り付ける。
  3. 挿入された画像のファイル名を内容が分かる名前へ整える。
  4. ![申込画面の入力例](images/application-form.png)のように、画像の目的が伝わる代替テキストを書く。

保存場所はmarkdown.copyFiles.destinationで調整できます。操作と設定例は画像とファイルリンクの挿入手順に掲載されています。

5.draw.io連携で業務フローを図にする

文章だけでは順序や分岐が伝わりにくいときは、承認手順や問い合わせ対応の流れを図にすると関係を追いやすくなります。

Draw.io Integrationは、VS Code内で.drawio、.drawio.svg、.drawio.pngなどを編集できる非公式の拡張機能です。インストール前に、発行元と現在の更新状況を確認してください。

図には開始点、判断条件、担当、完了条件を明記します。SVGやPNGへ書き出して社外へ渡す場合は、図中の個人名、社内URL、サーバー名などが残っていないかも確認します。

6.REST ClientでAPIの応答を確認する

APIは、ソフトウェア同士が決められた形式で情報を受け渡すための接点です。非エンジニアが使う場合でも、担当者からURL、認証方法、送信してよいデータ、試験環境の範囲を確認してから操作します。

REST Clientでは、.httpファイルにリクエストを書き、VS Code内で応答を確認できます。

### 稼働状態を確認する例
GET https://example.com/api/status
Accept: application/json

この例のURLは説明用です。実際の業務では、仕様書に記載された試験用URLだけを使い、本番データを更新するPOST、PUT、PATCH、DELETEは権限と影響範囲を確認せずに送信しないでください。

7.マルチカーソルと検索置換で表記をそろえる

マルチカーソルは、複数の位置へ同時に文字を入力する標準機能です。100行の先頭へ同じ記号を加える作業や、繰り返し登場する項目名の修正に向きます。

操作 WindowsとLinux macOS
カーソルを追加 Altを押しながらクリック Optionを押しながらクリック
次の同じ語を選択 CtrlとD CommandとD
複数ファイルの置換 Ctrl、Shift、H Command、Shift、H

検索置換は正規表現にも対応します。置換候補の差分を確認できるので、いきなり全件を確定せず、数件で意図した結果になるかを試します。詳しい操作はVS Codeの基本編集ガイドで確認できます。

8.スニペットで定型文を呼び出す

スニペットは、繰り返し使う文章や構造を短い名前から挿入するテンプレートです。議事録、日報、問い合わせの一次回答など、項目が決まっている文書に使えます。

{
  "議事録テンプレート": {
    "prefix": "minutes",
    "body": [
      "# ${1:会議名}(${CURRENT_YEAR}/${CURRENT_MONTH}/${CURRENT_DATE})",
      "## 決定事項",
      "- $2",
      "## 対応項目",
      "- [ ] 担当者: 期限:"
    ],
    "description": "会議の決定事項と対応項目を記録する"
  }
}

コマンドパレットの「Snippets: Configure Snippets」で登録し、「Insert Snippet」から選べます。接頭辞を入力してTabキーで展開する場合は、タブ補完の設定も確認します。詳しい仕様はユーザー定義スニペットの公式ガイドにあります。

部署で共有するテンプレートには管理者と更新日を付け、古い文面が複数残らないようにします。

9.Live Shareで同じ作業場所を共同編集する

Microsoft Visual Studio Live Shareを使うと、ホストが開いているプロジェクトを招待URLで共有し、参加者とリアルタイムに編集できます。初回共有時などには、GitHubまたはMicrosoftアカウントでのサインインが求められます。

議事録の共同修正や手順書のレビューでは、参加者が同じ箇所を見ながら確認できます。一方、Live Shareにはターミナルやローカルサーバーを共有する機能もあるため、文書レビューでは不要な共有を有効にしません。

10.プロファイルとワークスペースで用途を分ける

プロファイルは、設定、キーボードショートカット、スニペット、拡張機能などを用途別に切り替える仕組みです。たとえば「文書作成」と「CSV確認」を分ければ、使わない拡張機能を常時有効にせずに済みます。設定項目はVS Codeのプロファイル公式ガイドで確認できます。

ワークスペースは、作業対象のフォルダーと、その仕事に固有の設定をまとめる単位です。複数の関連フォルダーを一つの.code-workspaceファイルへまとめることもできます。

個人の見た目やキーボード操作はプロファイル、案件ごとのフォルダー構成や設定はワークスペース、と分けて考えると整理しやすくなります。

キーボード操作と読みやすさを整える

VS Codeには、拡大縮小、ハイコントラストテーマ、スクリーンリーダー対応、キーボードによる画面領域の移動などがあります。設定は利用者ごとに必要なものが異なるため、チームで一つの値を強制するより、変更方法を共有するほうが使いやすくなります。

操作方法と支援機能はVS Codeのアクセシビリティ公式ガイドで確認できます。文書側の配慮は、サイト内のアクセシブルなMarkdownの書き方にもまとめています。

最初に試す順番

最初からすべての機能を入れる必要はありません。次の順番なら、標準機能を試してから必要な拡張機能を選べます。

  1. Markdownで短い議事録を一つ作り、プレビューする。
  2. マルチカーソルと検索置換で、コピーした文書の表記をそろえる。
  3. 普段使う定型文を一つだけスニペットへ登録する。
  4. CSVの確認が多い場合だけRainbow CSVを追加する。
  5. 共同レビューが必要ならLive Shareを試し、共有範囲と終了手順を決める。
  6. 用途が増えた段階で、プロファイルとワークスペースを分ける。

よくある質問

Wordや表計算ソフトをやめる必要はありますか

ありません。VS Codeは下書き、検索、置換、構造の整理に使い、最終的なレイアウトや集計は目的に合うソフトで仕上げる方法があります。

最初に入れる拡張機能はどれですか

Markdown編集、画像の貼り付け、マルチカーソル、検索置換、スニペットは標準機能で試せます。CSV、英文校正、図解、共同編集など、実際に必要になった機能だけを追加してください。

業務ファイルをLive Shareで共有してもよいですか

組織の情報管理規程とファイルの機密区分を先に確認してください。利用できる場合も、対象フォルダーを絞り、不要なターミナルやローカルサーバーを共有せず、終了後にセッションを閉じます。

VS Codeを仕事へ取り入れる要点

VS Codeの利点は、文字情報を構造化し、繰り返し編集を減らせることです。まずはMarkdown、検索置換、スニペットという標準機能から始めると、拡張機能を増やさずに相性を確かめられます。

そのうえで、CSV確認、図解、APIテスト、共同編集を業務上の必要に応じて追加します。操作の速さだけでなく、バックアップ、機密情報、拡張機能の信頼性、共有範囲まで手順に含めることが、継続して使うための条件です。

VS Codeで作業手順を整えても、複数人の入力や承認まで含む業務には専用の仕組みが必要です。株式会社greedenは、現場の課題整理から設計、実装、保守改善まで、Webシステム開発を一気通貫で支援しています。

モバイルバージョンを終了