付録 C — Visual Studio Code

Visual Studio Code (VS Code) は、Microsoft社が開発したオープンソースのテキストエディタです。マルチプラットフォームで動作するため、Windows, Mac, Linux などのOSで利用できます。様々なプログラミング言語の開発、編集に対応し、拡張機能をインストールすることで、様々な機能を追加することができます。また、Jupyter Notebookで利用されるipynbファイルを開いてプログラムの実行や編集ができるためにJupyter Notebookの代替としても利用できます。ここでは、VSCodeのインストール方法と基本的な使い方について説明します。

C.1 インストール

VS Codeのインストールは、公式サイトからダウンロードしてインストールします。インストール方法はOSによって異なります。ここでは、Windowsの場合のインストール方法を説明します。

  1. 公式サイトにアクセスして、Download for Windowsをクリックします。
  2. ダウンロードしたインストーラを実行します。
  3. インストールが完了したら、LaunchをクリックしてVS Codeを起動します。

C.2 基本的な使い方

VS Codeの基本的な使い方について説明します。VS Codeは次のような画面になっています。

VS Codeの画面

VS Codeの画面

VS Codeの画面は、以下のように分割されています。

  • タイトルバー
  • メニューバー
  • アクティビティバー
  • サイドバー
  • エディター
  • ステータスバー

これらの部分について説明します。いずれの部分も、表示・非表示を切り替えることができます。表示・非表示を切り替えるには、表示メニューから、表示・非表示を切り替えたい部分を選択します。また、レイアウトも自分の好みに合わせて変更することができます。

C.2.1 タイトルバー

タイトルバーには、VS Codeのバージョンや拡張機能の更新情報などが表示されます。また、タイトルバーの右側には、最大化、最小化、閉じるボタンがあります。

C.2.2 メニューバー

メニューバーには、ファイル、編集、表示、移動、実行、ターミナル、ヘルプなどのメニューがあります。メニューをクリックすると、そのメニューに属するコマンドが表示されます。例えば新規ファイルを作成したい場合は、ファイルメニューの新規ファイルをクリックします。

VS Codeでは、メニューの代わりにコマンドパレットを利用することもできます。コマンドパレットは、表示メニューのコマンドパレットをクリックすることで表示されます。コマンドパレットには、ファイルの作成や拡張機能のインストール、設定の変更などの豊富なコマンドがあります。コマンドパレットを利用すると、メニューを開くことなくコマンドを実行することが可能となります。

VS Code上でターミナルを利用することも可能です。これにより、VS Code上でコマンドを実行したり、Pythonの対話型インタプリタを起動したりすることができます。ターミナルを利用するには、表示メニューのターミナルをクリックします。新しいターミナルはエディター部分の下に表示されます。

C.2.3 アクティビティバー

アクティビティバーには、エクスプローラー、検索、Git、拡張機能などのアイコンがあります。アクティビティバーのアイコンをクリックすると、その機能がサイドバーに表示されます。

C.2.4 サイドバー

サイドバーはアクティビティバーで選択した機能に応じて表示される領域です。エクスプローラーを選択した場合は、ファイルやフォルダの構造を表示します。サイドバーにはプライマリサイドバーとセカンダリサイドバーの2種類があり、デフォルトではセカンダリサイドバーは非表示です。なおサイドバーの幅は、エディタ部分との境界をマウスでドラッグすることで調整可能です。

C.2.5 エディター

エディターは、ファイルの内容を表示する領域です。複数のファイルをタブによって個別に表示できます。また、エディターの分割も可能です。エディターの分割は、表示メニューのエディターの分割から行うことができます。

C.2.6 ステータスバー

画面下部のステータスバーには各種の情報が表示されます。編集中のファイルの文字コードや改行コード、行数、列数の他、拡張機能による追加情報が表示されます。

C.3 拡張機能

VS Codeはユーザーが必要に応じて拡張機能を追加することで、その使い勝手や機能を拡張できるようになっています。拡張機能は、アクティビティーバーの拡張機能アイコンをクリックすると表示される画面から、任意のものを選んでインストールできます。拡張機能パネルは、表示メニューの拡張機能を選択することでも表示することができます。

拡張機能の種類は非常に多く、プログラミング言語のサポートやプロジェクト管理のためのものや、VS Codeのテーマを変更するものなどがあります。拡張機能は、インストールタブからインストールすることができます。インストールした拡張機能は、インストール済みタブから確認することができます。また、有効タブから拡張機能を有効化・無効化することができます。

おすすめの拡張機能

データサイエンス、機械学習、プログラミング全般に役立つ、おすすめの拡張機能を紹介します。

  • Japanese Language Pack for Visual Studio Code
  • Jupyter
  • Python
  • R
  • Quarto
  • Docker
  • GitHub Copilot

C.4 ワークスペース

VS Codeでは、ワークスペースという概念を利用します。ワークスペースとは、フォルダやファイルの集合を指します。ワークスペースを作成することで、複数のフォルダやファイルを一つのプロジェクトとして管理することができます。ワークスペースは、ファイルメニューのワークスペースを開くから開くことができます。また、ファイルメニューのワークスペースを保存からワークスペースを保存することができます。

C.5 設定

ユーザー設定とワークスペース設定の2種類

C.6 キーボードショートカット

豊富なキーボードショートカット。jsonファイルでカスタマイズ可能。

C.7 VS Codeを利用したJupyter実行環境の構築

Windows向け。