streamlit

[tk42]

使いそうなコンポーネントの備忘録

• D&D コンポーネント開発 Material-UIとreact-smooth-dndでドラッグアンドドロップのテーブルを作る

• Googleアカウントを用いたユーザ認証 ユーザーによって、見えるページが異なるため https://github.com/pvieito/streamlit-auth0

• Sidebar 目的別ページ作成．マッチング作成ページ，投票ページ https://docs.streamlit.io/library/api-reference/layout/st.sidebar

[tk42]

D&D コンポーネント開発

つくった！ https://github.com/tk42/streamlit-draggable-list

[tk42]

フォルダ構成は Python だけで作る Web アプリケーション(フロントエンド編) を参考にする

DataModel

• User
  • id: string: 一意な識別子
  • name: string: ユーザー名
  • created_at: Datetime: ユーザー登録日時
  • mail: string: メールアドレス
  • matchings: string[]: 本ユーザーが作成したマッチングID
• Matching
  • id: string: 一意な識別子
  • algorithm: Algorithm: アルゴリズム
  • name: string: マッチング名称
  • created_by: string: 作成者ユーザーID
  • published_at: number: マッチング公開時刻
  • expire_at: number: マッチング投票期限時刻
  • randomize: boolean: 選択肢の初期配置をランダムにするか否か
  • mail_send_mode: MailSendMode: 締切時メール通知対象
  • voters: PlayerSet: 投票する人（プロポーズ側）
  • candidates?: PlayerSet: （StableRoommates以外）投票される人（プロポーズされる側）
  • subjects?: PlayerSet: （StudentAllocationのみ）研究テーマ
• PlayerSet
  • id: string: 一意な識別子
  • has_capacity: boolean: 受け入れ人数上限を持つかどうか
  • is_ranked: boolean: （StudentAllocationのみ）各Playerがランク付けされているかどうか
  • name: string: グループ集合の実際の表示名（例："生徒側" や "教員側" など）
  • input_by_author: boolean: マッチング作成者が記入するかどうか
  • choices: Choice[]: 選択肢の集合
• Choice
  • id: string: 一意な識別子
  • name: string: 表示名
  • capacity?: int = 1: 受け入れ人数上限
  • rank?: int: （StudentAllocationのみ）ランク

Enum

• Algorithm:
  • StableRoommates
  • StableMarriage
  • HospitalResident
  • StudentAllocation
• MailSendMode:
  • Nobody: 非通知
  • OnlyAuthor: 作成者のみ
  • Everyone: 全員