これはなに

• Azure OpenAIのAPIを利用して、画像添付できるChatUIをローカルで動かすための手順メモ

サンプル画像

レポジトリをクローン

git clone git@github.com:bishopfunc/chatui.git

APIキーの設定

• 事前準備: Azure OpenAIのAPIキーを取得しておくこと

cd chatui
mkdir .streamlit
touch .streamlit/secrets.toml

• secrets.tomlに以下の内容を記載

AZURE_OPENAI_API_KEY = "" 
AZURE_OPENAI_ENDPOINT = "" # 例: "https://your-resource-name.openai.azure.com/"
AZURE_OPENAI_DEPLOYMENT_NAME = "" # 例: "gpt-4o"
AZURE_OPENAI_API_VERSION = "" # 例: "2025-01-01-preview"

必要なパッケージのインストール

uv sync

aliasの設定

• これを設定しておくとコマンド一発でアプリのディレクトリに移動して起動できるようになる
• /Users/bishop/chatuiの部分は自分の環境に合わせて変更する

echo 'alias chatui="cd /Users/bishop/chatui && uv run streamlit run app.py"' >> ~/.bash_profile
source ~/.bash_profile

アプリの起動

uv run streamlit run app.py
# chatui

参考

• https://zenn.dev/seiya303/articles/fc39c47e27d414
• https://qiita.com/pani_py/items/33512a3f9f9d448fb54f
• https://github.com/iamaziz/chat_with_images