#author("2023-01-12T19:06:56+09:00;2023-01-12T19:02:37+09:00","default:inoue.ko","inoue.ko")
*Streamlit
https://docs.streamlit.io/
~
Streamlit は、Webアプリ開発でも特にデータサイエンス領域で開発する際に利用されるフレームワークです。Pythonのフレームワークには、Django、Flask、Bottle などもありますが、Streamlit は、コードが直観的で分かりやすく開発が簡単、またデプロイ（ファイルをサーバーに配置してシステムとして稼働できるようにする）のためのサービスが整っているなど、効率のよい体験が可能です。
~
~
**概要
***基本情報
-公式サイト
--Documentation：https://docs.streamlit.io/
--Streamlit Cloud：https://streamlit.io/cloud
-API Reference：https://docs.streamlit.io/library/api-reference
--Text elements：https://docs.streamlit.io/library/api-reference/text
--Data display elements：https://docs.streamlit.io/library/api-reference/data
--Input widgets：https://docs.streamlit.io/library/api-reference/widgets
--Media elements：https://docs.streamlit.io/library/api-reference/media
--Chart elements：Layouts and Containers
~
***要件
//-[[GoogleColaboratory]]で開発する場合
//--ノートのはじめで、Streamlit をインストールすれば使えます。
// !pip install streamlit
-ローカルPCで開発
--Python のコードが書けるエディタ（[[VisualStudioCode]]推奨）
--Python がインストール済み
--PIP がインストール済み
--Streamlit のインストール
$ pip install streamlit
-デプロイ（Web公開）のために
--GitHub のアカウント（Pythonのコードとデータ等を置くリポジトリ）
--Streamlit Cloud のアカウント（Githubのアカウントと連携可能）
~
~
**Webアプリの構築
Streamlit を使った開発では、Python のコード順に、ページに要素が埋め込まれていきます。Wikiでお馴染みの__[[Markdown]]__記法も使えます。
~
***開発ディレクトリの準備
-任意の場所に任意の名称のフォルダを作成します
-sample.py などの名前で空のファイルを作ります（ここにコードを書く）
-data ディレクトリを作ります（画像やCSVファイルの置き場として）
~
***サンプルコード
sample.py に以下のコードを書いてみて下さい。
import streamlit as st
st.title("Sample Application")
st.write("Streamlit Sample")
st.markdown("# 大見出し")
st.markdown("## 中見出し")
~
***ローカルで実行
-ターミナルを開いて、開発ディレクトリに移動します。
＞ え？ という方は、__[[Terminal]]__ をご覧ください。
-以下のコマンドをターミナルから入力します
$ streamlit run sample.py
-以下のような表示が出て、ローカルホスト（あなたのPC）上でサーバーが動いて、ブラウザで動作確認ができます。
You can now view your Streamlit app in your browser.
Local URL: http://localhost:8501
Network URL: http://XXX.XXX.XXX.XXX:8501
~
~
**公開
GitHub にリポジトリを作ってファイルを置くとともに、Streamlit Cloud から公開する手順を紹介します。
-__[[GitHub]]__に新しいリポジトリを作って、そこに sample.py 他の関連ファイルをまとめてアップします。
--参考：https://github.com/koichi-inoue/StreamlitSample
-以下から、Streamlit Cloudにサインインします。
--https://streamlit.io/cloud
--GitHub 連携がよいかと・・・
#image(StreamlitCloud01.jpg,right,30%)
-登録が完了すると、右のような画面になります。
-管理画面の右上にあるNew appを選択します。
#clear
#image(StreamlitCloud02.jpg,right,30%)
-リポジトリ名、ブランチ名、アプリのファイル名を入力して [ Deploy ]
#clear
-しばらくすると、アプリが公開されます。
--参考：https://koichi-inoue-streamlitsample-sample-a31ty5.streamlit.app/
~
~
~
