streamlitの調査

streamlit でできること

ログイン認証

• 通常のログイン機能
  • Streamlit-Authenticator：Streamlit アプリでユーザー認証を安全にする方法 – Kanaries
• auth0（SSO）
  • Streamlit Next.js Component, Auth0 Authentication, Bi-Directional Messaging & Serverless APIs - 🧩 Streamlit Components - Streamlit
• firebase (SSO できるはず)
  • Streamlit with Google Cloud: Firebase 認証

データベースと接続

• Connect to data sources - Streamlit Docs
  

ルーティング

• Multipage apps - Streamlit Docs
• Streamlit の新機能マルチページを触ってみる - Qiita

secrets 管理

• Secrets management - Streamlit Docs
• Secrets management - Streamlit Docs

ステート管理

• Add statefulness to apps - Streamlit Docs

3rd party 製のコンポーネント使う

• Components - Streamlit Docs
• menubar
  • victoryhb/streamlit-option-menu: streamlit-option-menu is a simple Streamlit component that allows users to select a single item from a list of options in a menu.
• アノテーションツールも作れそう
  • turner-anderson/streamlit-cropper: A simple image cropper for Streamlit

HTTPS として hosting

• HTTPS support - Streamlit Docs

Cloud service もある

• 簡単に hosting できる
• Streamlit Community Cloud • Streamlit
• Deploy Streamlit apps - Streamlit Docs

paging

• streamlit-aggrid で dataframe を可視化 | kajiblo IT ブログ
• Streamlit: Search filtering and pagination widget | by Emily Nguyen | Streamlit | Jul, 2023 | Medium
• Paginating dataframes with Streamlit | by Carlos D Serrano | Streamlit | Medium
• Answer: A simple paginator in Streamlit

調査してみて感想

• streamlit、できることが予想以上に多かった。
  • 単にグラフを可視化する程度のものだと思ってた
• ほとんどの管理画面、streamlit で実装できてしまうのでは？
  • 入力 UI もあるし
  • DB との接続もできる
  • web アプリ作る環境が整っている
• プロトタイプは python 一強になるのでは？
  • AI 化が進むと、データを扱いやすい言語が重要になる(データが差別化要因になるから)
  • ウェブアプリも python だけで実装したい
  • プロトタイプの後に、他の言語に移行すればいい

実際に触ってみて感想

管理画面作るのはやっぱりしんどいかも

• かゆいところに手が届かない（自作しないといけない雰囲気）
  • dataframe を paging + 1 列追加して編集ボタンを置く、とか
  • よくあるけど、この API はない。component もなさそう
• view とロジックが混在するのでうまく書かないとどういう view になるのかがパッと見ではわからなくなる
  • チーム開発しにくそう
  • 普通に front 書いたほうが早いとか思いそう

Cloud service はあまり使えないかも

• 独自ドメイン設定できない
• code が public でかつドメインが重要じゃないものがそんなにない気がする
• Cloud Run で簡単に hosting するほうが良さそう

Cloud Run で独自ドメインに streamlit を deploy

1. Github の repository を作成
   • package 管理は poetry を使う
2. 以下の記事の poetry の Dockerfile を repository のルートに置く
   • Streamlit with Google Cloud: Hello, world!
3. 以下の記事を参考に Cloud Run のコンソールでポチポチしながら deploy 設定
   • クイックスタート: Git リポジトリから Cloud Run にデプロイする  |  Cloud Run のドキュメント  |  Google Cloud
   • ドメイン設定の制約上、リージョンはasia-northeast1にする
4. 最後にドメイン設定
   • カスタム ドメインのマッピング  |  Cloud Run のドキュメント  |  Google Cloud