Visual Studio CodeでJupyter Notebookを使うための設定方法を解説します。
この設定を行えば、両者の良いとこ取りで快適な作業ができるようになります。
Python の開発環境として対話型のJupyterを好んで利用されている方も多いと思います。
ただ、JupyterではVScodeのような便利な拡張機能が使えず、デバッグなどもやりにくい点がある等ストレスを感じることもあると思います。また、両者を場合によって使い分けている事も多いと思います。
そのような場合は、VSCodeでJupyter Notebookを使える拡張機能を導入することで、対話型のVScode環境を手に入れることができるため、切り替えの手間も省けて、ストレス無く作業することが可能になります。
VSCodeのインストール方法やカスタマイズはVSCode利用ガイドをご覧ください。
仮想環境を作成する
ここではJupyterを実行するための仮想環境を作成して、この環境を利用することにします。
※仮想環境は作成せずに、グローバル環境や構築済みの環境を使う場合は飛ばして下さい。
まずメニューから ターミナル>新しいターミナル を選択して、ターミナルウィンドウを開きます。
![](https://i0.wp.com/python-work.com/wp-content/uploads/2022/11/vscode-jupyter01.png?resize=768%2C509&ssl=1)
ターミナルに仮想環境を作成するためのコマンドを実行します。
1 | python3 -m venv 仮想環境の名称 |
ここでは仮想環境の名称を「jupyter_env」として進めます。
![Python仮想環境作成](https://i0.wp.com/python-work.com/wp-content/uploads/2022/11/vscode-jupyter02.png?resize=768%2C305&ssl=1)
これで仮想環境が作成されます。
![Python仮想環境作成](https://i0.wp.com/python-work.com/wp-content/uploads/2022/11/vscode-jupyter03.png?resize=329%2C260&ssl=1)
仮想環境を有効にします。
VSCodeのターミナルはPowerShellのため、仮想環境を有効にするには「Activate.ps1」を実行します。
ただしPowerShellからPS1スクリプトを実行するためには権限設定が必要なため、以下のコマンドを先に実行します。
1 | Set-ExecutionPolicy RemoteSigned -Scope CurrentUser -Force |
![Powershell実行権限設定](https://i0.wp.com/python-work.com/wp-content/uploads/2022/11/vscode-jupyter04.png?resize=768%2C259&ssl=1)
権限設定後に以下のコマンドを実行します。(jupyter_env は環境に合わせて変更してください)
1 | jupyter_env/Scripts/Activate.ps1 |
コマンドラインの頭に(仮想環境の名称)と表示されれば仮想環境が有効になっています。
![仮想環境有効](https://i0.wp.com/python-work.com/wp-content/uploads/2022/11/vscode-jupyter05.png?resize=768%2C250&ssl=1)
Jupyter拡張機能のインストール
VScodeのJupyter拡張機能をインストールします。
サイドバーから拡張機能を開き、検索窓にjupyterと入力します。
表示されるJupyter拡張機能をインストールします。(関連機能も自動でインストールされます)
![VSCode-Jupyter拡張機能](https://i0.wp.com/python-work.com/wp-content/uploads/2022/11/vscode-jupyter07.png?resize=768%2C345&ssl=1)
インストールが完了した状態です。
![VSCode-Jupyter拡張機能](https://i0.wp.com/python-work.com/wp-content/uploads/2022/11/vscode-jupyter08.png?resize=768%2C527&ssl=1)
Jupyterの起動
インストールが完了したら、Jupyterを実行します。
メニューの表示>コマンドパレットをクリックします。
![](https://i0.wp.com/python-work.com/wp-content/uploads/2022/11/vscode-jupyter09.png?resize=768%2C199&ssl=1)
コマンドの候補から「Jupyter: インタープリターを選択してJupyter Serverを開始する」を選択します。
![](https://i0.wp.com/python-work.com/wp-content/uploads/2022/11/vscode-jupyter10.png?resize=768%2C240&ssl=1)
利用できるインタープリターのリストが表示されるため、作成した仮想環境をインタープリターとして選択します。
![](https://i0.wp.com/python-work.com/wp-content/uploads/2022/11/vscode-jupyter11.png?resize=768%2C205&ssl=1)
これでJupyterを利用する準備は完了です。
ノートブックを作成する
メニュー>ファイル>新しいファイル をクリックします。
![VSCode-Jupyterノートブック作成](https://i0.wp.com/python-work.com/wp-content/uploads/2022/11/vscode-jupyter12.png?resize=512%2C312&ssl=1)
ファイル種類の選択でJupyter Notebookを選択します。
![VSCode-Jupyterノートブック作成](https://i0.wp.com/python-work.com/wp-content/uploads/2022/11/vscode-jupyter13.png?resize=768%2C184&ssl=1)
これでノートブックが作成されます。
![VSCode-Jupyterノートブック作成](https://i0.wp.com/python-work.com/wp-content/uploads/2022/11/vscode-jupyter14.png?resize=768%2C507&ssl=1)
VSCodeの拡張機能が利用できる状態で対話環境で開発が可能です。
もちろんIntelliSenseの補完機能も利用できるため、効率的に作業できます。
![](https://i0.wp.com/python-work.com/wp-content/uploads/2022/11/vscode-jupyter15-1.png?resize=692%2C540&ssl=1)
コードの実行
セル単位でコードを実行するには、セルの左にある「▶」をクリックします。
![VSCode-Jupyterコード実行](https://i0.wp.com/python-work.com/wp-content/uploads/2022/11/vscode-jupyter15.png?resize=768%2C377&ssl=1)
すべてのコードを実行するには、「すべてを実行」をクリックします。
![VSCode-Jupyterコード実行](https://i0.wp.com/python-work.com/wp-content/uploads/2022/11/vscode-jupyter17.png?resize=768%2C705&ssl=1)
アクティブセル以下を実行する場合は、セル右上の「▶↓(セルと以下の実行)」をクリックします。
![VSCode-Jupyterコード実行](https://i0.wp.com/python-work.com/wp-content/uploads/2022/11/vscode-jupyter18.png?resize=768%2C546&ssl=1)
セルを追加するには、追加したい側のセル・出力結果の境界にマウスを持っていくと「+コード」「+マークダウン」が表示されるため、そのボタンをクリックします。
![VSCode-Jupyterセル追加](https://i0.wp.com/python-work.com/wp-content/uploads/2022/11/vscode-jupyter19.png?resize=768%2C332&ssl=1)
デバッグ
コードをデバッグする方法は2通りあります。
1行ずつ実行する方法と、ブレークポイントを設定する方法です。
1行ずつ実行
まず1行ずつ実行する方法です。
セル右上の「次の行を実行」ボタンをクリック、もしくは「F10」キーを押します。
デバッグモードで実行され、ボタン(F10)を押す毎に1行ずつ実行できます。
![VSCode-Jupyterデバッグ](https://i0.wp.com/python-work.com/wp-content/uploads/2022/11/vscode-jupyter20.png?resize=768%2C554&ssl=1)
デバッグモードで実行するとサイドバーにデバッグウィンドウが表示され、変数の状態を確認できます。また、エディタの下にも変数パネル(JUPYTER VARIABLES)が表示されます。
ブレークポイントを設定する
次にブレークポイントを設定する方法です。
VSCodeでデバッグを行う方法と同様に、行番号の左側をクリックしてブレークポイントを設定します。
・参考記事:Visual Studio Codeでプログラム作成・実行・デバッグを行う
![VSCode-Jupyterデバッグブレークポイント](https://i0.wp.com/python-work.com/wp-content/uploads/2022/11/vscode-jupyter21-0.png?resize=768%2C421&ssl=1)
デバッグモードで実行するために、セル左の「▶」の横の「∨」をクリックして、[デバッグ]セルをクリックします。
![VSCode-Jupyterデバッグブレークポイント](https://i0.wp.com/python-work.com/wp-content/uploads/2022/11/vscode-jupyter21.png?resize=768%2C411&ssl=1)
ブレークポイントで停止すると、画面上部にデバッグツールバーが表示され、VSCodeのデバッグモードとして操作可能です。
![VSCode-Jupyterデバッグブレークポイント](https://i0.wp.com/python-work.com/wp-content/uploads/2022/11/vscode-jupyter22.png?resize=768%2C554&ssl=1)
停止する場合は、セル左側の「□」ボタン(セルの実行を停止する)か、上部の「□割り込み」ボタンをクリックします。
![VSCode-Jupyterデバッグブレークポイント](https://i0.wp.com/python-work.com/wp-content/uploads/2022/11/vscode-jupyter23.png?resize=768%2C498&ssl=1)
Visual Studio CodeでJupyter Notebookを使うための設定方法を解説しました。
その他の便利な拡張機能はこちらの記事で紹介しています。
・Visual Studio Code おすすめ拡張機能