💻 6月3日の MS Build で開催される VS Code Live に参加しましょう。

Web上のJupyter Notebook

Visual Studio Codeは、デスクトップ上で Jupyter Notebook の操作をサポートしており、GitHub Codespaces や Web版VS Code といった様々なブラウザベースのプラットフォームにも対応しています。

これらのブラウザベースのプラットフォームを使用することで、自分のマシンに何もインストールすることなく、Notebook（やその他の作業！）に取り組むことができます。各オプションの詳細や開始方法については以下をご覧ください。

Codespaces上のJupyter Notebook

VS CodeでのJupyter Notebook開発は、安全で設定可能なクラウドホスト型開発環境である GitHub Codespaces を利用することで、完全にWebベースのインターフェース経由で行うことができます（無料のコンピューティングリソースが含まれています。Codespacesの詳細については 月間利用枠 を参照してください）。つまり、自分のマシンに何もインストールすることなく、Jupyter Notebookのサポートを含むすべてのVS Code機能を活用できます。すぐに始めるには：

  1. https://github.com/codespaces にアクセスします。

  2. Explore quick start templates（クイックスタートテンプレートを探す）の下にある Jupyter Notebook の Use this template（このテンプレートを使用する）を選択します。Jupyter Notebook テンプレートが表示されない場合は、See all を選択してテンプレートを検索してください。

    Use Codespaces Jupyter Notebook Template

  3. これだけで完了です！Codespaceが作成され、作業を開始できます。

    ヒント: リポジトリに 構成ファイル をコミットすることでプロジェクトをカスタマイズできます（Configuration-as-Codeとして知られています）。これにより、プロジェクトのすべてのユーザーに対して再現可能なCodespace構成が作成されます。また、必要に応じて使用や変更ができる定義済み構成の例を devcontainers/images リポジトリ で確認することもできます。

Web版VS Code (VS Code for the Web) 上のJupyter Notebook

また、https://vscode.dev または https://github.dev（GitHubでリポジトリを表示しているときに「.」キーを押すと利用可能）にアクセスして Web版VS Code を使用することもできます。Web版VS Codeでは、以下の2つのオプションでNotebook用のカーネルに接続できます。

  1. VS Code Serverによるリモートトンネリング
  2. リモート Jupyter サーバーへの接続

VS Code Serverによるリモートトンネリング

リモートマシンに VS Code Server をインストールし、Web版VS Code経由でアクセスすることで、SSHを必要とせずに安全にリモートマシンへ接続できます（VS Codeデスクトップからサーバーに接続することも可能です）。その手順は以下の通りです。

  1. リモートマシンに code CLI をインストールします。

    注意: リモートマシンにVS Codeデスクトップが既にインストールされている場合、code CLIはVS Codeデスクトップに組み込まれているため、このステップはスキップできます。

  2. tunnelコマンド：code tunnel を使用して 安全なトンネル を作成します（デイリーリリース版 のVS Codeを使用したい場合は code-insiders tunnel を実行することも可能です）。プロンプトに従ってサーバーへのアクセスを許可してください。これにより、リモートマシンにVS Code Serverがダウンロードおよび起動され、それへのトンネルが作成されます。

  3. CLIの出力に表示される、このリモートマシンに紐付いたvscode.dev URLを使用します（例：
    https://vscode.dev/tunnel/<machine_name>/<folder_name>
    これにより、任意のクライアントからそのリモートマシンにアクセスできるようになります。

  4. Notebookファイルを開き、JupyterカーネルまたはPython環境を選択してコードを実行します。

リモート Jupyter サーバーへの接続

以下の形式でURLを貼り付けることで、任意のリモートJupyterサーバーに接続することも可能です。
http://<ip-address>:<port>/?token=<token>.

接続するには、Jupyter: Specify Jupyter Server for Connections コマンドを選択し、リモートJupyterサーバーのURLを貼り付けます。

Enter Jupyter server

古いバージョンのVS CodeおよびJupyter拡張機能でリモートJupyterサーバーのURLを入力するには：

  1. ステータスバーの Jupyter Server: をクリックします。

    Jupyter Server Status bar item

  2. Existing を選択します。

    Select Existing option from the Jupyter Server drop down

リモートサーバーを起動する際は、必ず以下の設定を行ってください。

  1. 外部からサーバーにアクセスできるように、すべてのオリジンを許可します（例：--NotebookApp.allow_origin='*'）。
  2. NotebookがすべてのIPでリッスンするように設定します（--NotebookApp.ip='0.0.0.0'）。

制限事項

Web版VS Codeは完全にWebブラウザ上で動作するため、デスクトップ版やCodespacesでの体験と比較して、いくつかの制限があります。

  • VS Codeターミナルへのアクセス不可（Notebookセルから マジックコマンド を実行することは可能です）
  • デバッグ機能の制限
  • Python IntelliSenseのサポートが一部のみ
  • isort 拡張機能のサポートなし

Codespacesでの作業継続

VS Codeデスクトップ版と同様に、Web版VS Code（https://vscode.dev または https://github.dev）での作業を簡単にCodespacesで継続できます。新しいCodespaceで Continue Working On を選択すると、コミットされていない変更内容も一緒に引き継がれます。その手順は以下の通りです。

  1. コマンドパレット (⇧⌘P (Windows, Linux Ctrl+Shift+P)) を開き、Continue Working On... を選択します。

  2. Create New Codespace を選択します。

    Continue working on

  3. プロンプトに従って、作業中の変更をクラウドに保存し、Codespacesにサインインします。

  4. Codespaceのインスタンスタイプ（コア数、RAM、ストレージ）を選択します。

手動で変更をコミットし、Remote Explorer を通じてCodespaceを作成することも可能です。

  1. コマンドパレット (⇧⌘P (Windows, Linux Ctrl+Shift+P)) を開き、Codespaces: Sign in を選択してCodespacesにサインインします。

  2. アクティビティバーから Remote Explorer ビューに移動します。

    Remote explorer tab

Remote Explorer ビューから、既存のCodespaceに接続するか、新しいCodespaceを作成できます。これにより、Codespaces上でプロジェクトの作業を継続するための新しいウィンドウが開きます。

質問またはフィードバック

私たちのリポジトリでIssueを作成することで、機能リクエスト を行ったり、問題を報告 したりできます。リポジトリはエンジニアリングチームによって積極的に監視および管理されています。

1/9/2023
© . This site is unofficial and not affiliated with Microsoft.