Streamlit をテンプレートにして作成

開始行:
*Streamlit https://docs.streamlit.io/ ~ Streamlit は、Webアプリ開発でも特にデータサイエンス領域で... ~ ~ **概要 ***基本情報 -公式サイト --Documentation：https://docs.streamlit.io/ --Streamlit Cloud：https://streamlit.io/cloud -API Reference：https://docs.streamlit.io/library/api-ref... --Text elements：https://docs.streamlit.io/library/api-re... --Data display elements：https://docs.streamlit.io/librar... --Input widgets：https://docs.streamlit.io/library/api-re... --Media elements：https://docs.streamlit.io/library/api-r... --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 コードの記載順にページに... テキスト、画像、入力フォームなどの一般的なページ要素だけ... ~ ***開発ディレクトリの準備 -任意の場所に任意の名称のフォルダを作成します -sample.py などの名前で空のファイルを作ります（ここにコー... -画像やCSVファイルなどを使う場合は、その置き場として data... ~ ***サンプルコード sample.py に以下のコードを書いてみて下さい。コードの冒頭... import streamlit as st st.title("Sample Application") st.write("Streamlit Sample") st.markdown("# 大見出し") st.markdown("## 中見出し") ~ ***ローカルで実行 -ターミナルを開いて、開発ディレクトリに移動します。 ＞ え？ という方は、__[[Terminal]]__ をご覧ください。 -以下のコマンドをターミナルから入力します $ streamlit run sample.py #image(StreamlitSample.jpg,right,20%) -以下のような表示が出て、ローカルホスト（あなたのPC）上の... You can now view your Streamlit app in your browser. Local URL: http://localhost:8501 Network URL: http://XXX.XXX.XXX.XXX:8501 ~ ~ **公開 Webアプリとして公開するは、一般にサーバーが必要となります... ~ ***Webアプリの構成ファイルを GitHub に置く -__[[GitHub]]__に新しいリポジトリを作って、そこに sample.... -以下、リポジトリ StreamlitSample に上記の sample.py を置... https://github.com/koichi-inoue/StreamlitSample ~ ***Streamlit Cloud を利用してアプリを公開 -以下から、Streamlit Cloudにサインインします。 --https://streamlit.io/cloud --GitHub 連携がよいかと・・・ #image(StreamlitCloud01.jpg,right,30%) -登録が完了すると、右のような画面になります。 -管理画面の右上にあるNew appを選択します。 #clear #image(StreamlitCloud02.jpg,right,30%) -リポジトリ名、ブランチ名、アプリのファイル名を入力して [... #clear -しばらくすると、アプリが公開されます。 --参考：https://koichi-inoue-streamlitsample-sample-a31ty... ~ ***関連リンク Web上に様々な事例が紹介されています。 __[[Google: Streamlit サンプル]]__ ~ ~ ~

終了行:
*Streamlit https://docs.streamlit.io/ ~ Streamlit は、Webアプリ開発でも特にデータサイエンス領域で... ~ ~ **概要 ***基本情報 -公式サイト --Documentation：https://docs.streamlit.io/ --Streamlit Cloud：https://streamlit.io/cloud -API Reference：https://docs.streamlit.io/library/api-ref... --Text elements：https://docs.streamlit.io/library/api-re... --Data display elements：https://docs.streamlit.io/librar... --Input widgets：https://docs.streamlit.io/library/api-re... --Media elements：https://docs.streamlit.io/library/api-r... --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 コードの記載順にページに... テキスト、画像、入力フォームなどの一般的なページ要素だけ... ~ ***開発ディレクトリの準備 -任意の場所に任意の名称のフォルダを作成します -sample.py などの名前で空のファイルを作ります（ここにコー... -画像やCSVファイルなどを使う場合は、その置き場として data... ~ ***サンプルコード sample.py に以下のコードを書いてみて下さい。コードの冒頭... import streamlit as st st.title("Sample Application") st.write("Streamlit Sample") st.markdown("# 大見出し") st.markdown("## 中見出し") ~ ***ローカルで実行 -ターミナルを開いて、開発ディレクトリに移動します。 ＞ え？ という方は、__[[Terminal]]__ をご覧ください。 -以下のコマンドをターミナルから入力します $ streamlit run sample.py #image(StreamlitSample.jpg,right,20%) -以下のような表示が出て、ローカルホスト（あなたのPC）上の... You can now view your Streamlit app in your browser. Local URL: http://localhost:8501 Network URL: http://XXX.XXX.XXX.XXX:8501 ~ ~ **公開 Webアプリとして公開するは、一般にサーバーが必要となります... ~ ***Webアプリの構成ファイルを GitHub に置く -__[[GitHub]]__に新しいリポジトリを作って、そこに sample.... -以下、リポジトリ StreamlitSample に上記の sample.py を置... https://github.com/koichi-inoue/StreamlitSample ~ ***Streamlit Cloud を利用してアプリを公開 -以下から、Streamlit Cloudにサインインします。 --https://streamlit.io/cloud --GitHub 連携がよいかと・・・ #image(StreamlitCloud01.jpg,right,30%) -登録が完了すると、右のような画面になります。 -管理画面の右上にあるNew appを選択します。 #clear #image(StreamlitCloud02.jpg,right,30%) -リポジトリ名、ブランチ名、アプリのファイル名を入力して [... #clear -しばらくすると、アプリが公開されます。 --参考：https://koichi-inoue-streamlitsample-sample-a31ty... ~ ***関連リンク Web上に様々な事例が紹介されています。 __[[Google: Streamlit サンプル]]__ ~ ~ ~

ページ名: