JupyterLab のインストール

手元で試したのでメモ

## 環境
| ミドルウェア     | バージョン    |
|:---------------|------------:|
| Ubuntu         | 22.04       |
| JupyterLab     | 4.3.4       |
| Jupyter Server | 2.15.0      |
| Node.js        | v22.13.0    |

## 手順

1. パスの設定
    ```s
    $ vi ~/.bashrc

    # 編集後は以下のコマンドで読み込ませる
    $ source ~/.bashrc
    ```
    編集内容
    ```sh:.bashrc
    # 以下を追記
    export PATH="$HOME/.local/bin:$PATH"
    ```
    
2. pip をインストール 
    ```s
    $ sudo apt install python3-pip
    ```

3. JupyterLab をインストール
    ```s
    $ pip install jupyterlab
    $ pip install jupyterlab-language-pack-ja-JP
    ```

4. Node.js をインストール
    ```s
    # Download and install nvm:
    curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.40.1/install.sh | bash
    
    # Download and install Node.js:
    $ nvm install 22

    # Verify the Node.js version:
    $ node -v # Should print "v22.13.0".
    $ nvm current # Should print "v22.13.0".
    
    # Verify npm version:
    $ npm -v # Should print "10.9.2".
    ```
    :::note info
    [Download Node.js®](https://nodejs.org/en/download) のページで自身の環境にあわせたスクリプトが表示されています


5. JupyterLab の設定ファイル (`jupyter_lab_config.py`) がない場合は生成します
    ```s
    # 設定ファイルの格納先ディレクトリを表示します
    $ jupyter --config-dir

    # 設定ファイルの有無を確認します
    $ ls <設定ファイルの格納先ディレクトリ>
    
    # 設定ファイルを生成します
    $ jupyter lab --generate-config
    ```

6. JupyterLab の設定ファイル (`jupyter_lab_config.py`) に次の設定をする
    ```s
    $ vi <設定ファイルの格納先ディレクトリ>/jupyter_lab_config.py 
    ```
    ```python:jupyter_lab_config.py
    c.ServerApp.ip = '0.0.0.0'
    
    c.ServerApp.open_browser = False
    
    c.ServerApp.allow_remote_access = True
    c.ServerApp.allow_origin = '*'

    c.ExtensionApp.open_browser = False
    ```

    :::note warn
    ローカルPC上の仮想環境に入れて試した時の設定なので、本番で使用する場合は、適切なセキュリティの設定をするように気をつけてください。


7. JupyterLab を起動します
    ```s
    $ jupyter lab
    ```

## 確認
ログにURLが表示されるため、その URL のドメイン部分を修正してブラウザからアクセスする
```
http://<IPアドレス>:8888/lab?token=<トークン>
```

次のような画面が表示されればOK
![JupyterLab初期表示.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/34297/2abc12dc-198a-ef8c-2847-b07bb66180fe.png)

ヘッダーメニューから `Settings` > `Language` と進むと、日本語への切り替えの選択肢が表示される。

![Settingsメニュー.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/34297/0c37cec2-9a3d-e3b7-7d94-86471f50f5d2.png)

`Change and reload` をクリックすると切り替えが可能。 
![変更確認ポップアップ.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/34297/d2d4cc97-ee09-b478-5269-8b01b9b2d0cf.png)

切り替えると日本語になる。
![日本語化した画面.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/34297/5948f749-705d-06fa-b931-ef1662105571.png)

:::note warn
一部のメニューはまだ翻訳が済んでいないためか、英語のまま
:::

## 参考
- [pip | Installation — JupyterLab documentation](https://jupyterlab.readthedocs.io/en/stable/getting_started/installation.html#pip)
- [Config file and command line options — Jupyter Server  documentation](https://jupyter-server.readthedocs.io/en/latest/other/full-config.html)
- [Localization and language — JupyterLab documentation](https://jupyterlab.readthedocs.io/en/stable/user/language.html)
- [Jupyterlab Japanese (Japan) Language Pack | GitHub](https://github.com/jupyterlab/language-packs/tree/main/language-packs/jupyterlab-language-pack-ja-JP)