--- title: "#30DaysOfStreamlit Day7 Streamlit Community CloudでStreamlitアプリを展開する" description: "この記事では、#30DaysOfStreamlitの内容の紹介を行います。\nStreamlit Community Cloudは、Streamlitアプリを簡単にデプロイするためのホスティング サービスです\nStreamlit Community Cloudにサインアップする" image: https://knowledge.insight-lab.co.jp/hubfs/30days_logo.png --- [![INSIGHT LAB](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/INSIGHT%20LAB_%E6%96%87%E5%AD%97%E3%81%AE%E3%81%BF_WHT-1.png?width=400&height=110&name=INSIGHT%20LAB_%E6%96%87%E5%AD%97%E3%81%AE%E3%81%BF_WHT-1.png) ![INSIGHT LAB](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/INSIGHT%20LAB_%E6%96%87%E5%AD%97%E3%81%AE%E3%81%BF.png?width=400&height=110&name=INSIGHT%20LAB_%E6%96%87%E5%AD%97%E3%81%AE%E3%81%BF.png)](https://knowledge.insight-lab.co.jp/aidx) [![お問い合わせ](https://hubspot-no-cache-na2-prod.s3.amazonaws.com/cta/default/5935783/97d2baf6-f3cd-4932-be66-900264c5d298.png)](https://hubspot-cta-redirect-na2-prod.s3.amazonaws.com/cta/redirect/5935783/97d2baf6-f3cd-4932-be66-900264c5d298) - [AIDXナレッジ](https://knowledge.insight-lab.co.jp/aidx) ###### 1 分で読むことができます。 # [#30DaysOfStreamlit Day7 Streamlit Community CloudでStreamlitアプリを展開する](https://knowledge.insight-lab.co.jp/aidx/30daysofstreamlit-day7-streamlit-community-cloudでstreamlitアプリを展開する) 執筆者 [Budo Ogimoto](https://knowledge.insight-lab.co.jp/aidx/author/budo) 更新日時 2023年12月19日 ###### Topics: [Python](https://knowledge.insight-lab.co.jp/aidx/tag/python) [streamlit](https://knowledge.insight-lab.co.jp/aidx/tag/streamlit) ![#30DaysOfStreamlit Day7 Streamlit Community CloudでStreamlitアプリを展開する](https://knowledge.insight-lab.co.jp/hubfs/30days_logo.png) 目次 ## はじめに --- この記事では、#30DaysOfStreamlitの内容の紹介を行います。 #30DaysOfStreamlitについては[コチラの記事](https://knowledge.insight-lab.co.jp/aidx/30daysofstreamlitをやってみた)を参照してください。 ## Streamlit Community Cloud [Streamlit Community Cloud](https://streamlit.io/cloud)は、Streamlitアプリを簡単にデプロイするためのホスティング サービスです。 ## Streamlit Community Cloudにサインアップする Google または GitHub アカウントでログインするだけで、Streamlit Community Cloudに簡単にサインアップできます。 ## Streamlit アプリをデプロイする Streamlit アプリをデプロイするには、次の手順を実行します。 1. GitHub または Gmail の認証情報を使用してサインインします 2. リポジトリ、ブランチ、ファイルを選択します 3. 「Deploy」をクリックします その後、git Push を実行するたびに、アプリはすぐに更新されます。 ## 実際にやってみた まずは、Streamlit Community Cloudにサインアップします。 [Streamlit Community Cloud](https://streamlit.io/cloud)にアクセスします。 ![SS00000116.JPG](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/SS00000116.JPG.jpg?width=1289&height=743&name=SS00000116.JPG.jpg) 「Get Started」を押下します。 ![SS00000117.JPG](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/SS00000117.JPG.jpg?width=659&height=717&name=SS00000117.JPG.jpg) 今回はGitHubで登録してみます。 GitHubにログイン済みですと以下のような画面に遷移します。 ![SS00000118.JPG](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/SS00000118.JPG.jpg?width=593&height=895&name=SS00000118.JPG.jpg) 「Authorized streamlit」を押下します。 登録情報を記入します。 ![SS00000119.JPG](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/SS00000119.JPG.jpg?width=596&height=866&name=SS00000119.JPG.jpg) 一番下の「I Accept」を押下します。 すると、以下のような画面に遷移します。 ![SS00000120.JPG](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/SS00000120.JPG.jpg?width=1781&height=626&name=SS00000120.JPG.jpg) GitHub側の作成したレポジトリにアプリケーションのコードをアップしておいて、上記画面の「New app」→「From existing repo」を押下します。 以下のような画面に遷移しますので、「Authorized streamlit」を押下します。 ![SS00000121.JPG](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/SS00000121.JPG.jpg?width=540&height=888&name=SS00000121.JPG.jpg) 以下のような画面に遷移するので、「Repository」を選択して、「Main file path」を変更します。 ![SS00000122.JPG](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/SS00000122.JPG.jpg?width=832&height=725&name=SS00000122.JPG.jpg) 「Deploy!」を押下してみます。 すると無事アプリケーションがデプロイできました。 今回はDay5で作成したコードをデプロイしてみました。 ![SS00000125](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/SS00000125.jpg?width=2000&height=1158&name=SS00000125.jpg) - [Tweet](https://twitter.com/share) ![Budo Ogimoto](https://knowledge.insight-lab.co.jp/hubfs/Budo.png) #### 執筆者 [Budo Ogimoto](https://knowledge.insight-lab.co.jp/aidx/author/budo) 柔術を操るデータサイエンティスト ###### [前の投稿](https://knowledge.insight-lab.co.jp/aidx/30daysofstreamlit-day6-streamlitアプリをgithubにアップロードする) [![#30DaysOfStreamlit Day6 StreamlitアプリをGitHubにアップロードする](https://knowledge.insight-lab.co.jp/hubfs/30days_logo.png)](https://knowledge.insight-lab.co.jp/aidx/30daysofstreamlit-day6-streamlitアプリをgithubにアップロードする) ###### [#30DaysOfStreamlit Day6 StreamlitアプリをGitHubにアップロードする](https://knowledge.insight-lab.co.jp/aidx/30daysofstreamlit-day6-streamlitアプリをgithubにアップロードする) ###### [次の投稿](https://knowledge.insight-lab.co.jp/aidx/30daysofstreamlit-day8-st.slider) [![](https://knowledge.insight-lab.co.jp/hubfs/30days_logo.png)](https://knowledge.insight-lab.co.jp/aidx/30daysofstreamlit-day8-st.slider) ###### [#30DaysOfStreamlit Day8 st.slider](https://knowledge.insight-lab.co.jp/aidx/30daysofstreamlit-day8-st.slider) ##### INFORMATION INFORMATION - [会社概要](https://www.insight-lab.co.jp/about/company.html) - [お問い合わせ](https://www.insight-lab.co.jp/contact.html) ##### MENU MENU - [AIDXナレッジ](https://knowledge.insight-lab.co.jp/aidx) - [NEWS AI SEARCH](https://solution.insight-lab.co.jp/ai/news-ai-search) [![INSIGHT LAB](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/INSIGHT%20LAB_%E6%96%87%E5%AD%97%E3%81%AE%E3%81%BF_WHT-1.png?width=200&height=55&name=INSIGHT%20LAB_%E6%96%87%E5%AD%97%E3%81%AE%E3%81%BF_WHT-1.png "INSIGHT LAB")](https://www.insight-lab.co.jp/) - [プライバシーポリシー](https://www.insight-lab.co.jp/privacy.html) Copyright © 2020 INSIGHT LAB, Inc.