--- title: "#30DaysOfStreamlit Day6 StreamlitアプリをGitHubにアップロードする" description: "この記事では、#30DaysOfStreamlitの内容の紹介を行います\nGit は、コードに加えられたすべての変更を追跡 (つまり、バージョン管理) するためのソフトウェアです。 GitHub は、データとコードを Web 上で公開できるようにする Git リポジトリ ホスティング サービスです。" 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 Day6 StreamlitアプリをGitHubにアップロードする](https://knowledge.insight-lab.co.jp/aidx/30daysofstreamlit-day6-streamlitアプリをgithubにアップロードする) 執筆者 [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 Day6 StreamlitアプリをGitHubにアップロードする](https://knowledge.insight-lab.co.jp/hubfs/30days_logo.png) 目次 ## はじめに --- この記事では、#30DaysOfStreamlitの内容の紹介を行います。 #30DaysOfStreamlitについては[コチラの記事](https://knowledge.insight-lab.co.jp/aidx/30daysofstreamlitをやってみた)を参照してください。 ## GitHub Git は、コードに加えられたすべての変更を追跡 (つまり、バージョン管理) するためのソフトウェアです。 GitHub は、データとコードを Web 上で公開できるようにする Git リポジトリ ホスティング サービスです。 これにより、チームのコラボレーションが可能になり、他の人がリポジトリに貢献できるようになります。 Streamlit アプリを GitHub リポジトリに格納すると、アプリをクラウドにデプロイできるようになります。 ## GitHub にサインアップする まず、[GitHub](https://github.com/)アカウントにサインアップします。 ## GitHubリポジトリを作成する GitHub リポジトリを作成するには、次の手順に従います。 - 右上隅にある「+」アイコンをクリックするとドロップダウンメニューが表示され、「New Repository」をクリックします。 ![SS00000108.JPG](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/SS00000108.JPG.jpg?width=1791&height=866&name=SS00000108.JPG.jpg) - これにより、 「Create a new repository」という新しい Web ページが表示されます。「Repository name」フィールドに、リポジトリの名前を入力します。 ![SS00000109.JPG](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/SS00000109.JPG.jpg?width=730&height=253&name=SS00000109.JPG.jpg) - 「Initialize this repository with:」フィールドで、「Add a README file」にチェックを入れます。 ![SS00000112.JPG](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/SS00000112.JPG.jpg?width=716&height=437&name=SS00000112.JPG.jpg) - 最後に、「リポジトリの作成」をクリックします。 以下は、新しく作成されたリポジトリのスクリーンショットです。 ![SS00000113.JPG](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/SS00000113.JPG.jpg?width=1245&height=585&name=SS00000113.JPG.jpg) ## GitHub リポジトリにファイルをアップロードする ファイル テーブルの少し上、緑色のコードボタンの隣で、「Add file」 > 「Upload files」をクリックします。 ![SS00000114.JPG](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/SS00000114.JPG.jpg?width=1245&height=576&name=SS00000114.JPG.jpg) これにより、新しい Web ページが表示されます。中央のボックスに「Drag files here to add them to your repository」と表示されます。 このボックスにファイルをドラッグ アンド ドロップするか、「choose your files」リンクをクリックして選択することができます。 「Commit changes」をクリックして次に進みます。 ![SS00000115.JPG](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/SS00000115.JPG.jpg?width=1251&height=689&name=SS00000115.JPG.jpg) これで、StreamlitのコードをGithubにアップできました。 ![20231208](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/20231208.png?width=1275&height=685&name=20231208.png) - [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-day5-st.write) [![](https://knowledge.insight-lab.co.jp/hubfs/30days_logo.png)](https://knowledge.insight-lab.co.jp/aidx/30daysofstreamlit-day5-st.write) ###### [#30DaysOfStreamlit Day5 st.write](https://knowledge.insight-lab.co.jp/aidx/30daysofstreamlit-day5-st.write) ###### [次の投稿](https://knowledge.insight-lab.co.jp/aidx/30daysofstreamlit-day7-streamlit-community-cloudでstreamlitアプリを展開する) [![#30DaysOfStreamlit Day7 Streamlit Community CloudでStreamlitアプリを展開する](https://knowledge.insight-lab.co.jp/hubfs/30days_logo.png)](https://knowledge.insight-lab.co.jp/aidx/30daysofstreamlit-day7-streamlit-community-cloudでstreamlitアプリを展開する) ###### [#30DaysOfStreamlit Day7 Streamlit Community CloudでStreamlitアプリを展開する](https://knowledge.insight-lab.co.jp/aidx/30daysofstreamlit-day7-streamlit-community-cloudでstreamlitアプリを展開する) ##### 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.