Streamlitで簡単webGUI

Dentoo.LT #25

発表資料

Transcript

1. Streamlitで簡単webGUI さらだ Dentoo.LT #25 1
2. 自己紹介 • いわゆるI科のM1 • アイカツ！3rdシーズン視聴中 • 研究室大好き 2
3. 突然ですが これらのロゴを見たことある・知っ てる人いますか？ 正解です！ 僕が挑戦しては挫折した WEBバックエンドフレームワークたちです 3
4. なんで挫折したの？ • 課題やらで忙しくなった • なんか動かなくなって諦めた • 必要じゃなくなった 4
5. 突然ですが(２) これらのロゴを見たことある・知っ てる人いますか？ 正解です！ 最も有名なWEBフロントエンドフレームワークたちです 5
6. フロントエンドもバックエンドも勉 強したくないけど、それっぽい WEBアプリを作りたいよ。。。。 そんなあなたにおススメなのが 6
7. Streamlitとは？ 1. Pythonのライブラリ 2. 美しいWEBアプリケーション 3. 機械学習・データサイエンティスト 7
8. インストール pip install streamlit 普通にインストールします 8
9. これから説明すること 1. サンプルの実行 2. 文字列を表示 3. pandasのDataFrameを表示 4. Matplotlibのグラフを表示 5. ドロップダウンリストの利用 6. チェックリストの利用 7. markdownによる文字列の表示 9
10. サンプルを実行 streamlit hello を実行して表示されたリンク をクリック！ 10
11. 文字列を表示 streamlit run sample00.py # sample00.py import streamlit as st st.write("電！気！通！信！大！学！🤔🤔🤔") st.write("U!E!C!🖖🖖🖖") 11
13. 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
15. これから説明すること 1. サンプルの実行 2. 文字列を表示 3. pandasのDataFrameを表示 4. Matplotlibのグラフを表示 5. ドロップダウンリストの利用 6. チェックリストの利用 7. markdownによる文字列の表示 15
16. 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
18. ドロップダウンリストの利用 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
20. チェックリストの利用 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
22. markdownによる文字列の表示 streamlit run sample05.py 22 # sample05.py import streamlit as st ''' # これはH1タグです ###### これはH6タグです *イタリック体* **太字** ~~打ち消し~~ > 引用
24. 他 • ダークモードにも標準で対応 • ログイン関連の処理・DBの操作関連の処理は実装されていない 24
25. まとめ • 表・グラフを簡単に表示できる • ドロップダウンリスト・チェックリストを簡単に利用できる • テキストにmarkdownを利用できる • ダークモードにも対応 • ログイン関連・DB関連の処理は苦手 25
26. ご清聴ありがとうございました 今回使用したソースコードは https://github.com/arima0714/Dentoo.LT-25 に挙げてます なんか作りたいけど、道具を使えないせいで何も作れない人 が一人でも減ってほしいです。 26 該当コードへの ＱＲコード