--- title: "#30daysOfStreamlit Day2 Streamlitアプリを構築する" description: "IDEを起動する\nAtom、VS Code、さらには GitPod や GitHub.dev などのクラウド IDE であっても、IDE を起動します。 streamlit_app.pyというファイルを作成します。筆者はVS Codeで実行します。" 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 Day2 Streamlitアプリを構築する](https://knowledge.insight-lab.co.jp/aidx/30daysofstreamlit-day2-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) ![](https://knowledge.insight-lab.co.jp/hubfs/30days_logo.png) 目次 ## はじめに --- この記事では、#30DaysOfStreamlitの内容の紹介を行います。 #30DaysOfStreamlitについては[コチラの記事](https://knowledge.insight-lab.co.jp/aidx/30daysofstreamlitをやってみた)を参照してください。 ## IDE(Integrated Development Environment)を起動する Atom、VS Code、さらには GitPod や GitHub.dev などのクラウド IDE であっても、IDE を起動します。 streamlit\_app.pyというファイルを作成します。 筆者はVS Codeで実行します。 ## コードを作成する 新たなコード(streamlit\_app.py)を作成して作成したファイルに以下のコードを記述します。 ` ` そしてファイルを保存します。 ## 作成したコードを実行する VS Codeなら\[Ctrl\]+\[Shift\]+\[@\]でプロンプト(ターミナル)を起動して以下のコマンドを実行します。 ` ` すると以下のような味気ないアプリケーションが立ち上がります。 まぁ、基礎なので仕方ないですが、、、 ![SS00000099.JPG](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/SS00000099.JPG.jpg?width=1013&height=318&name=SS00000099.JPG.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-day1-ローカル開発環境のセットアップ) [![](https://knowledge.insight-lab.co.jp/hubfs/30days_logo.png)](https://knowledge.insight-lab.co.jp/aidx/30daysofstreamlit-day1-ローカル開発環境のセットアップ) ###### [#30daysOfStreamlit Day1 ローカル開発環境のセットアップ](https://knowledge.insight-lab.co.jp/aidx/30daysofstreamlit-day1-ローカル開発環境のセットアップ) ###### [次の投稿](https://knowledge.insight-lab.co.jp/aidx/30daysofstreamlit-day3-st.button) [![](https://knowledge.insight-lab.co.jp/hubfs/30days_logo.png)](https://knowledge.insight-lab.co.jp/aidx/30daysofstreamlit-day3-st.button) ###### [#30DaysOfStreamlit Day3 st.button](https://knowledge.insight-lab.co.jp/aidx/30daysofstreamlit-day3-st.button) ##### 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.