Streamlitのレイアウトとコンテナを見てみよう

import streamlit as st

sel_country = st.sidebar.selectbox(
    "国",
    ("アメリカ", "イギリス", "フランス", "ドイツ", "日本", "台湾", "バハマ", "ニューカレドニア")
)
sel_year = st.sidebar.selectbox(
    "年", 
    ("2019", "2020", "2021")
)

st.write(f"選択した国は{sel_country}です。")
st.write(f"選択した年は{sel_year}です。")

import streamlit as st

with st.sidebar:
    sel_country = st.selectbox(
        "国", 
        ("アメリカ", "イギリス", "フランス", "ドイツ", "日本", "台湾", "バハマ", "ニューカレドニア")
    )
    sel_year = st.selectbox(
        "年",
        ("2019", "2020", "2021")
    )

st.write(f"選択した国は{sel_country}です。")
st.write(f"選択した年は{sel_year}です。")

import streamlit as st

# カラムごとに幅を比率で指定 (この場合は１：２：４：２)
col1, col2, col3, col4 = st.columns((1, 2, 4, 2))
with col1:
    st.text_input("郵便番号")
with col2:
    st.text_input("都道府県")
with col3:
    st.text_input("市区町村")
with col4:
    st.text_input("番地")

# カラムの個数のみ指定
col1, col2, col3, col4 = st.columns(4)
with col1:
    st.text_input("郵便番号2")
with col2:
    st.text_input("都道府県2")
with col3:
    st.text_input("市区町村2")
with col4:
    st.text_input("番地2")

import streamlit as st

tab1, tab2, tab3, tab4 = st.tabs(["Cat", "Dog", "Fox", "Hamster"])

with tab1:
    st.header("A cat")
    st.write('🐱')
with tab2:
    st.header("A dog")
    st.write('🐶')
with tab3:
    st.header("A fox")
    st.write('🦊')
with tab4:
    st.header('A hamster')
    st.write('🐹')

import streamlit as st

import streamlit as st

# with表記 (推奨)
with st.expander("streamlitとは？", expanded=True):
    ":star:" * 5
    st.subheader("データアプリを構築して共有するためのより高速な方法")
    st.write("Streamlitは、データスクリプトを数分で共有可能なWebアプリに変換します。\
    すべて純粋なPythonで出来ています。フロントエンドの経験は不要です。")

# 返されたオブジェクトでメソッドを呼び出す
exp = st.expander("streamlitとは？", expanded=True)
exp.write(":star:" * 5)
exp.subheader("データアプリを構築して共有するためのより高速な方法")
exp.write("Streamlitは、データスクリプトを数分で共有可能なWebアプリに変換します。\
すべて純粋なPythonで出来ています。フロントエンドの経験は不要です。")

import streamlit as st
import numpy as np
import pandas as pd

with st.container():
    st.subheader("コンテナの内側")
    chart_data = pd.DataFrame(
        np.random.randn(20, 3),
        columns=['A社', 'B社', 'C社']
    )
    st.area_chart(chart_data)

st.subheader("コンテナの外側")

import streamlit as st
import time

with st.empty():
    for seconds in range(60):
        st.write(f"⌛ {seconds + 1} seconds have passed")
        time.sleep(1)
    st.write("☑ 1 minute over!")

placeholder = st.empty()

# placeholderをテキストに置き換え
placeholder.text("hello")
time.sleep(2)
# テキストをチャートに置き換え
placeholder.line_chart({"data": [1, 5, 2, 6]})
# チャートを複数の要素に置き換え
time.sleep(2)
with placeholder.container():
    st.write("This is one element")
    st.write("This is another")
# すべての要素をクリア
time.sleep(2)
placeholder.empty()