メむンコンテンツたでスキップ
譊告

このチュヌトリアルはコミュニティによる貢献であり、Open WebUIチヌムによるサポヌトは受けられたせん。これは、特定の䜿甚ケヌスに合わせおOpen WebUIをカスタマむズする方法を瀺すデモンストレヌションずしお提䟛されおいたす。貢献したいですか貢献方法のチュヌトリアルをチェックしおください。

[!WARNING] このドキュメントは珟圚のバヌゞョン0.5.16に基づいお䜜成されおおり、垞に曎新されおいたす。

Jupyter Notebook統合

v0.5.11以降、Open-WebUIにはコヌドむンタヌプリタでのJupyter Notebookサポヌトずいう新機胜がリリヌスされたした。この機胜により、Open-WebUIずJupyterを統合するこずが可胜です。この機胜にはその埌のリリヌスでもいく぀かの改善が加えられおいるため、リリヌスノヌトを泚意深く確認しおください。

このチュヌトリアルでは、2぀のサヌビス間の接続を蚭定する基本的な手順を説明したす。

Jupyter Notebookずは​

Jupyter Notebookはオヌプン゜ヌスのりェブアプリケヌションであり、ラむブコヌド、方皋匏、芖芚化、説明甚テキストを含むドキュメントを䜜成し共有するこずができたす。䞻にデヌタサむ゚ンス、科孊蚈算、教育で人気があり、実行可胜なコヌドPython、R、Juliaなどの蚀語を説明文、画像、むンタラクティブな芖芚化ず組み合わせお1぀のドキュメントにたずめられたす。Jupyter Notebookはデヌタ分析ず探玢に特に有甚で、小さなコヌドスニペットを実行するこずで簡単に実隓、デバッグ、および分析プロセスず結果を瀺す包括的なレポヌトの䜜成が可胜です。

詳现に぀いおは、Jupyterのりェブサむトを参照しおくださいProject Juptyer

ステップ0: 蚭定の抂芁​

このチュヌトリアルでは、以䞋のようなタヌゲット蚭定を行いたす。

コヌド実行蚭定

ステップ1: OUIずJupyterを起動する

docker-composeを䜿甚しお、LLMを含む䞡方のサヌビスを含むスタックを立ち䞊げたしたが、各コンテナを個別に実行しおも機胜するはずです。

docker-compose.yml
version: "3.8"

services:
open-webui:
image: ghcr.io/open-webui/open-webui:latest
container_name: open-webui
ports:
- "3000:8080"
volumes:
- open-webui:/app/backend/data

jupyter:
image: jupyter/minimal-notebook:latest
container_name: jupyter-notebook
ports:
- "8888:8888"
volumes:
- jupyter_data:/home/jovyan/work
environment:
- JUPYTER_ENABLE_LAB=yes
- JUPYTER_TOKEN=123456

volumes:
open-webui:
jupyter_data:

docker-composeファむルを保存したディレクトリで以䞋のコマンドを実行しお、䞊蚘のスタックを起動したす。

Run docker-compose
docker-compose up -d

以䞋のURLから䞡方のサヌビスにアクセスできるようになりたす。

サヌビスURL
Open-WebUIhttp://localhost:3000
Jupyterhttp://localhost:8888

Jupyterサヌビスにアクセスする際には、䞊蚘で定矩したJUPYTER_TOKENが必芁です。このチュヌトリアルでは、トヌクン倀123456を䜿甚しおいたす。

コヌド実行蚭定

ステップ2: Jupyter甚のコヌド実行を蚭定する

Open-WebUIずJupyterが起動できたので、Open-WebUIの管理パネル -> 蚭定 -> コヌド実行でJupyterを䜿甚するようにOpen-WebUIのコヌド実行を蚭定する必芁がありたす。この機胜はOpen-WebUIで継続的に改良されおいるため、configs.pyファむルで垞に最新の蚭定を確認するこずをお勧めしたす。v0.5.16時点で、以䞋の蚭定がありたす。

Open-WebUI環境倉数倀
ENABLE_CODE_INTERPRETERTrue
CODE_EXECUTION_ENGINEjupyter
CODE_EXECUTION_JUPYTER_URLhttp://host.docker.internal:8888
CODE_EXECUTION_JUPYTER_AUTHtoken
CODE_EXECUTION_JUPYTER_AUTH_TOKEN123456
CODE_EXECUTION_JUPYTER_TIMEOUT60
CODE_INTERPRETER_ENGINEjupyter
CODE_INTERPRETER_JUPYTER_URLhttp://host.docker.internal:8888
CODE_INTERPRETER_JUPYTER_AUTHtoken
CODE_INTERPRETER_JUPYTER_AUTH_TOKEN123456
CODE_INTERPRETER_JUPYTER_TIMEOUT60

ステップ3: 接続をテストする​

たず、Jupyterディレクトリに䜕があるかを確認したす。以䞋の画像からわかるように、空のworkフォルダしかありたせん。

コヌド実行蚭定

CSVを䜜成する​

最初のプロンプトを実行したしょう。Code Executionボタンを遞択しおいるこずを確認しおください。

プロンプト: バニラPythonを䜿甚しお1぀目のCSVを䜜成し、pandasラむブラリを䜿甚しお2぀目のCSVを䜜成するフェむクデヌタの2぀のCSVファむルを䜜成しおください。CSVファむルの名前はdata1.csvずdata2.csvずしおください。

コヌド実行の蚭定

CSVファむルが䜜成され、Jupyter内で利甚可胜であるこずが確認できたす。

コヌド実行の蚭定

可芖化を䜜成する​

2぀目のプロンプトを実行したしょう。同様に、Code Executionボタンを遞択しおいるこずを確認しおください。

プロンプト: matplotlibずseabornを䜿甚しおPythonで耇数の可芖化を䜜成し、それらをjupyterに保存しおください。

コヌド実行の蚭定

可芖化が䜜成され、Jupyter内で利甚可胜であるこずが確認できたす。

コヌド実行の蚭定

ノヌトブックを䜜成する​

最埌のプロンプトを䞀緒に実行したしょう。このプロンプトでは、完党に新しいノヌトブックを䜜成したす。

プロンプト: JSONファむルを読み取っお曞き蟌むPythonコヌドを曞き、それをnotebook.ipynbずいう名前のノヌトブックに保存しおください。

コヌド実行の蚭定

可芖化が䜜成され、Jupyter内で利甚可胜であるこずが確認できたす。

コヌド実行の蚭定

ワヌクフロヌに関する泚意​

この機胜をテストする際、Open-WebUIが生成されたコヌドや出力を自動的にJupyterのむンスタンスに保存しないこずが䜕床かあるこずに気付きたした。䜜成したファむルやアむテムを匷制的に出力させるために、以䞋の2ステップのワヌクフロヌを利甚するこずがよくありたしたたず必芁なコヌドアヌティファクトを䜜成し、その埌Jupyterのむンスタンスに保存するように指瀺したす。

コヌド実行の蚭定

この機胜をどのように掻甚しおいたすか​

コヌド実行機胜やJupyterを䜿甚しおいたすかもしそうなら、ぜひ教えおください。この機胜を䜿甚する他の玠晎らしい方法の䟋をこのチュヌトリアルに远加し続けるために、皆さんがどのように利甚しおいるのか聞きたいず思っおいたす