🚀 VS Code で で入手しましょう!

ウェブ上の Jupyter Notebook

Visual Studio Code は、デスクトップ上の Jupyter Notebook での作業をサポートしており、GitHub Codespaces や VS Code for the Web などのさまざまなブラウザーベースのプラットフォームに拡張されています。

これらのブラウザーベースのプラットフォームを使用すると、ノートブック（およびそれ以外！）での作業を、マシンに何もインストールせずに実行できます。以下の各オプションの詳細と開始方法については、以下をお読みください。

Codespaces 上の Jupyter Notebook

VS Code での Jupyter Notebook の開発は、GitHub Codespaces を使用して、完全にウェブベースのインターフェースを通じて行うことができます。GitHub Codespaces は、無料のコンピューティングリソース（Codespaces の詳細については、月間使用量クォータを参照）を備えた、安全で構成可能なクラウドホスト型開発環境です。これは、Jupyter Notebook のサポートを含むすべての VS Code 機能を、マシンに何もインストールせずに利用できることを意味します。すぐに始めるには

  1. https://github.com/codespaces に移動します。

  2. クイックスタートテンプレートを探索する で、Jupyter Notebook の このテンプレートを使用 を選択します。Jupyter Notebook テンプレートが表示されない場合は、すべて表示 を選択してテンプレートを検索します。

    Use Codespaces Jupyter Notebook Template

  3. 以上です！Codespace が作成され、すぐに開始できます！

    ヒント: 構成ファイル をリポジトリにコミットすることで（Configuration-as-Code としても知られています）、プロジェクトをカスタマイズできます。これにより、プロジェクトのすべてのユーザーに対して再現可能な codespace 構成が作成されます。また、devcontainers/images リポジトリ で事前定義された構成の例を参照して、プロジェクトのニーズに合わせて使用および/または修正することもできます。

VS Code for the Web 上の Jupyter Notebook

VS Code for the Web は、https://vscode.dev または https://github.dev （GitHub でリポジトリを表示しているときに '.' を入力すると利用可能）にアクセスしても使用できます。VS Code for the Web を使用すると、ノートブックの次のタイプのカーネルに接続するための 2 つのオプションがあります。

  1. VS Code Server を使用したリモートトンネリング
  2. リモート Jupyter サーバーへの接続

VS Code Server を使用したリモートトンネリング

VS Code Server をリモートマシンにインストールし、VS Code for the Web を介してアクセスすることで、SSH を必要とせずにリモートマシンに安全に接続できます（VS Code Desktop 上のサーバーに接続することもできます）。これを行うには

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

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

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

  3. CLI の出力である、このリモートマシンに紐づけられた vscode.dev URL（例：
    https://vscode.dev/tunnel/<machine_name>/<folder_name>
    を使用して、任意のクライアントからこのリモートマシンにアクセスします。

  4. ノートブックファイルを開き、任意の Jupyter カーネルまたは Python 環境を選択してコードを実行します。

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

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

これを行うには、Jupyter: Jupyter サーバー接続を指定 コマンドを選択し、リモート Jupyter サーバーの URL を貼り付けます。

Enter Jupyter server

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

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

    Jupyter Server Status bar item

  2. 既存 を選択します。

    Select Existing option from the Jupyter Server drop down

リモートサーバーを起動するときは、必ず

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

制限事項

VS Code for the Web は完全にウェブブラウザー内で実行されるため、デスクトップや Codespaces のエクスペリエンスと比較していくつかの制限があります。

  • VS Code ターミナルへのアクセスなし（ただし、ノートブックセルから マジックコマンド を実行できます）
  • 制限付きデバッグ
  • 部分的な Python IntelliSense サポート
  • isort 拡張機能のサポートなし

Codespaces での作業を続行する

VS Code Desktop と同様に、VS Code for the Web (https://vscode.dev または https://github.dev) から Codespaces で作業を簡単に続行できます。新しい codespace で Continue Working On を選択すると、コミットされていない変更が一緒に移動します。これを行うには

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

  2. 新しい Codespace を作成 を選択します。

    Continue working on

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

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

変更を手動でコミットし、リモートエクスプローラー を介して codespace を作成することもできます。

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

  2. アクティビティバーから リモートエクスプローラー ビューに移動します。

    Remote explorer tab

リモートエクスプローラー ビューから、既存の codespace に接続するか、新しい codespace を作成できます。これにより、Codespaces でプロジェクトの作業を続行するための新しいウィンドウが開きます。

質問やフィードバック

エンジニアリングチームによって積極的に監視および管理されているリポジトリで、機能リクエスト を追加するか、問題を報告 するには、issue を作成してください。

1/9/2023