【ぶいえすこーど】

VS Code(Visual Studio Code) とは?

💡 拡張機能で何でもできる「万能エディタ」
📌 このページのポイント
VS Code エディタの構成 サイドバー ファイル 検索 Git デバッグ 拡張機能 エディタ領域 シンタックスハイライト IntelliSense(補完) マルチカーソル編集 分割エディタ 拡張機能 言語サポート テーマ・アイコン リンター・フォーマッター 統合ターミナル コマンド実行・ビルド・テスト Electron + TypeScript ベース
VS Codeのイメージ
ひよこ ひよこ

VS Codeってただのメモ帳とどう違うの?

ペンギン先生 ペンギン先生

メモ帳はただ文字を書くだけだけど、VS Codeはコードの色分け(シンタックスハイライト)、入力補完、エラーの即時表示、デバッグ機能などプログラミングに特化した機能が満載だよ。しかもターミナルも内蔵しているから、コードを書いてすぐ実行できるんだ。

ひよこ ひよこ

拡張機能って具体的にどんなものがあるの?

ペンギン先生 ペンギン先生

たとえばPython用の拡張を入れればPythonの補完やデバッグが効くし、Prettierを入れればコードの自動整形ができる。GitLensを入れれば「この行を最後に変更したのは誰か」までわかるよ。マーケットプレイスには何万もの拡張機能があるんだ。

ひよこ ひよこ

似たようなエディタやIDEと比べてVS Codeの強みって何?

ペンギン先生 ペンギン先生

最大の強みは「軽さと機能のバランス」だね。IntelliJやVisual Studioみたいな本格的なIDEは高機能だけど重い。Vimやnanoは軽いけど設定が大変。VS Codeはその中間で、起動が速くて直感的に使えて、必要な機能は拡張で足せる。だからプロから初心者まで幅広く支持されているんだよ。

ひよこ ひよこ

VS Codeのリモート開発ってどういうこと?

ペンギン先生 ペンギン先生

VS CodeからSSHでリモートサーバに接続したり、Dockerコンテナ内で開発したりできる機能だよ。ファイル編集もターミナルも補完もリモート側で動くのに、操作感はローカルとほぼ同じ。「自分のPCにはVS Codeだけ入れて、開発環境はクラウドのサーバに置く」という開発スタイルが可能になったんだ。

ひよこ ひよこ

GitHub Copilotって使った方がいいの?

ペンギン先生 ペンギン先生

生産性が上がるという調査結果が多いよ。コードの補完だけでなく、コメントから関数を生成したり、テストコードを提案してくれたりする。ただしCopilotの出力を鵜呑みにせず、必ずレビューすること。間違ったロジックやセキュリティ脆弱性を含むコードを提案することもある。「下書きを書いてくれるジュニアエンジニア」くらいに捉えて、最終判断は自分でするのがベストな使い方だよ。

ペンギン
まとめ:ざっくりこれだけ覚えればOK!
「VS Code」って出てきたら「拡張機能が豊富で軽量な、世界で一番人気のコードエディタだな」と思えればだいたいOK!
📖 おまけ:英語の意味
「Visual Studio Code」 = ビジュアルスタジオコード
💬 Microsoftの統合開発環境「Visual Studio」の名前を受け継いでいるけど、軽量なエディタとして別物として作られたよ
← 用語集にもどる