Streamlitで簡単webGUI

Streamlitで簡単webGUI さらだ Dentoo.LT #25 1

自己紹介 • いわゆるI科のM1 • アイカツ！3rdシーズン視聴中 • 研究室大好き 2

突然ですがこれらのロゴを見たことある・知ってる人いますか？正解です！僕が挑戦しては挫折した WEBバックエンドフレームワークたちです 3

なんで挫折したの？ • 課題やらで忙しくなった • なんか動かなくなって諦めた • 必要じゃなくなった 4

突然ですが(２) これらのロゴを見たことある・知ってる人いますか？正解です！最も有名なWEBフロントエンドフレームワークたちです 5

フロントエンドもバックエンドも勉強したくないけど、それっぽい WEBアプリを作りたいよ。。。。そんなあなたにおススメなのが 6

Streamlitとは？ 1. Pythonのライブラリ 2. 美しいWEBアプリケーション 3. 機械学習・データサイエンティスト 7

インストール pip install streamlit 普通にインストールします 8

これから説明すること 1. サンプルの実行 2. 文字列を表示 3. pandasのDataFrameを表示 4. Matplotlibのグラフを表示 5.
ドロップダウンリストの利用 6. チェックリストの利用 7. markdownによる文字列の表示 9

サンプルを実行 streamlit hello を実行して表示されたリンクをクリック！ 10

文字列を表示 streamlit run sample00.py # sample00.py import streamlit as st
st.write("電！気！通！信！大！学！🤔🤔🤔") st.write("U!E!C!🖖🖖🖖") 11

pandasのDataFrameを表示 streamlit run sample01.py # sample01.py import streamlit as st
import pandas as pd df = pd.DataFrame([["UEC","電気通信大学"], ["MIT", "マサチューセッツ工科大学"]]) st.table(df) 13

これから説明すること 1. サンプルの実行 2. 文字列を表示 3. pandasのDataFrameを表示 4. Matplotlibのグラフを表示 5.
ドロップダウンリストの利用 6. チェックリストの利用 7. markdownによる文字列の表示 15

Matplotlibのグラフを表示 streamlit run sample02.py ＃ sample02.py import streamlit as st
import matplotlib.pyplot as plt fig = plt.figure() plt.plot([1,2,3,4],[8,6,7,5]) st.pyplot(fig) 16

ドロップダウンリストの利用 streamlit run sample03.py # sample03.py import streamlit as st
option = st.selectbox("select your university", ["UEC", "電気通信大学", "多摩のMIT"]) st.write(f"You selected: {option}") 18

チェックリストの利用 streamlit run sample04.py # sample04.py import streamlit as st
check1 = st.checkbox("選択肢1") check2 = st.checkbox("選択肢2") check3 = st.checkbox("選択肢3") if check1: st.write("you checked 1") if check2: st.write("you checked 2") if check3: st.write("you checked 3") 20

markdownによる文字列の表示 streamlit run sample05.py 22 # sample05.py import streamlit as
st ''' # これはH1タグです ###### これはH6タグです *イタリック体* **太字** ~~打ち消し~~ > 引用

他 • ダークモードにも標準で対応 • ログイン関連の処理・DBの操作関連の処理は実装されていない 24

まとめ • 表・グラフを簡単に表示できる • ドロップダウンリスト・チェックリストを簡単に利用できる • テキストにmarkdownを利用できる • ダークモードにも対応 •
ログイン関連・DB関連の処理は苦手 25

ご清聴ありがとうございました今回使用したソースコードは https://github.com/arima0714/Dentoo.LT-25 に挙げてますなんか作りたいけど、道具を使えないせいで何も作れない人が一人でも減ってほしいです。 26 該当コードへのＱＲコード

Streamlitで簡単webGUI

Streamlitで簡単webGUI

さらだ

Other Decks in Programming

Featured

Transcript