Streamlit Community Cloud を利用する方法

Posted at 2024-05-13

はじめに

Streamlit を利用すると Python のみで簡単なWebアプリが作成可能です。
Streamlit のアプリを公開したいときに便利なのが、Streamlit Community Cloud で、 Streamlit をホスティングしてくれるWebサービスです。

一般公開設定であればフリーで簡単に利用することができます。

利用方法

前提条件として、GoogleとGitHubにアカウントを作成済みのところからスタートします。

Streamlit Community Cloud にアカウントを作成 & サイトへのログイン

下記にアクセスします。

左上の「Sign up」を選択します。

いくつかのサインアップ方法があります。
今回は、Googleアカウントと連携を行いました。

Googleの認証画面に進むので、連携の許可を行います。

GitHubとも連携するか聞かれるので、連携を行います。

アカウント作成画面になるので、適宜入力します。

ログイン完了すると次のような画面になります。

Streamlit のアプリを作成し、GitHubに登録する

Streamlitの使い方とGitHubの操作方法は省略します。

次のようなパブリックプロジェクトを作成しました。

必要なものは次の２つです。

streamで動かすPythonスクリプト

app.py

import streamlit as st
from PIL import Image
import numpy as np
import cv2

st.title("Image Converter")
  
uploaded_file = st.file_uploader('Upload your image file.')
  
if uploaded_file is not None:
    image = Image.open(uploaded_file)
    image = np.array(image)

    st.subheader('Uploaded image')
    st.image(image)

    gray_image = cv2.cvtColor(image, cv2.COLOR_BGR2GRAY)

    st.subheader('Converted image')
    st.image(gray_image)