• st.title("メインタイトル"): 最も大きな見出し。
• st.header("セクションヘッダー"): 2番目に大きなヘッダー。
• st.subheader("サブヘッダー"): 3番目に大きなヘッダー。
• st.text("プレーンテキスト"): 固定幅フォントで表示。
• st.markdown("## Markdownテキスト"): Markdown記法でリッチテキスト表示。
• st.write("万能表示コマンド"): 様々なデータ型を適切に表示。
• st.code("print('Hello')", language="python"): シンタックスハイライト付きコードブロック。
• st.latex(r"\int_a^b f(x) dx"): LaTeX形式で数式表示。
• st.caption("これはキャプションです"): 小さなフォントでキャプション表示。
• st.divider(): 水平線を表示。
• st.html("<p>HTMLコンテンツ</p>"): HTMLコードを直接埋め込み。

import streamlit as st

st.title("マイアプリのタイトル")
st.header("主要セクション")
st.markdown("これは **太字** と *イタリック* を含むMarkdownです。")
st.code("for i in range(5):\n  print(i)", language="python")

• st.dataframe(df): インタラクティブなテーブルとしてDataFrameを表示。
• st.data_editor(df): DataFrameを編集可能なテーブルとして表示。
• st.column_config: DataFrameの列表示をカスタマイズ。
• st.table(df): 静的なテーブルとして表示。
• st.metric(label, value, delta): KPIなどを目立たせて表示。
• st.json(json_data): JSONデータを整形して表示。

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

data = np.random.randn(10, 5)
df = pd.DataFrame(data, columns=[f"Col{i+1}" for i in range(5)])

st.dataframe(df.head())
st.metric(label="売上", value="120万円", delta="15万円 (前月比)")

• st.error("エラーメッセージ"): 赤色のエラーボックス。
• st.warning("警告メッセージ"): 黄色の警告ボックス。
• st.info("情報メッセージ"): 青色の情報ボックス。
• st.success("成功メッセージ"): 緑色の成功ボックス。
• st.exception(e): 例外情報を表示。
• st.toast("通知メッセージ"): 短時間表示されるトースト通知。
• st.balloons(): お祝いの風船アニメーション。
• st.snow(): 雪が降るアニメーション。

• st.image(image, caption, width): 画像を表示。ローカルファイル、URL、PILイメージ、NumPy配列など対応。
• st.logo(image_path): アプリのロゴを表示。
• st.audio(data, format): 音声ファイルを再生。
• st.video(data, format): 動画ファイルを再生。YouTube URLも対応。

静的ファイルの提供: .streamlit/config.tomlに[server]\n enableStaticServing = trueと記述し、プロジェクトルートにstaticフォルダを作成すると、その中のファイルを提供できます。

アプリ全体の基本設定（ページタイトル、アイコン、レイアウト幅、サイドバー初期状態など）を行います。スクリプトの最初に一度だけ呼び出します。

st.set_page_config(
page_title="マイアプリ",
page_icon="🚀",
layout="wide",
initial_sidebar_state="expanded" # この設定はサイドバーがない場合は影響しません
)

ページを複数の縦列に分割。spec引数で列数や比率、gapで間隔、vertical_alignmentで垂直配置、borderで境界線を設定できます。

st.container(): 複数の要素をグループ化。with構文で使用。

st.empty(): 単一要素のプレースホルダー。後から内容を上書き更新可能。

クリックで内容を展開・折り畳みできるセクションを作成。labelでタイトル、expandedで初期状態を指定。

複数のタブを作成し、各タブに異なるコンテンツを配置。タブ名のリストを渡して使用。

複数のウィジェット入力をまとめて送信。送信ボタンが押されるまでスクリプトは再実行されません。

Pandas DataFrameから簡単に基本的なチャートを作成できます。

• st.line_chart(df): 折れ線グラフ
• st.area_chart(df): エリアチャート
• st.bar_chart(df): 棒グラフ
• st.scatter_chart(df): 散布図

以下はChart.jsを使用した折れ線グラフのデモです（Streamlitのst.line_chartの出力を模しています）：

緯度経度データを持つDataFrameから地図上に点をプロットします。

主要なPython可視化ライブラリとシームレスに連携できます。

• st.pyplot(fig): Matplotlibの図を表示。
• st.altair_chart(chart): Altairのチャートを表示。
• st.plotly_chart(fig): Plotlyのインタラクティブグラフを表示。
• st.bokeh_chart(p): Bokehの図を表示。
• st.vega_lite_chart(spec): Vega-Liteの仕様でグラフを表示。
• st.pydeck_chart(deck): PyDeckによる3D地理空間データを表示。
• st.graphviz_chart(dot_graph): Graphvizのグラフ構造を表示。

主要グラフライブラリ比較表:

各ユーザーセッションに紐づく辞書ライクなオブジェクト。スクリプト再実行後もデータが保持されます。

if 'count' not in st.session_state:
st.session_state.count = 0

if st.button("カウントアップ"):
st.session_state.count += 1
st.write("カウント:", st.session_state.count)

単一要素のプレースホルダー。後から内容を上書き更新でき、リアルタイム表示などに利用します。

ウィジェットの`on_change`や`on_click`引数に関数を指定し、イベント発生時に実行します。

SQLAlchemy互換DB、Snowflake、Google Sheetsなどに対応。接続情報は.streamlit/secrets.tomlで管理。

# .streamlit/secrets.toml に設定
# [connections.my_sqlite_db]
# url = "sqlite:///path/to/your/database.db"

conn = st.connection("my_sqlite_db", type="sql")
df = conn.query("SELECT * FROM my_table LIMIT 5;")
st.dataframe(df)

requestsライブラリなどで外部Web APIからデータを取得。APIキーはst.secretsで管理。

@st.cache_data: シリアライズ可能なデータ（DataFrame等）を返す関数の結果をキャッシュ。

@st.cache_resource: MLモデルやDB接続などグローバルリソースを返す関数の結果をキャッシュ。

訓練済みMLモデルをWebアプリとして簡単にデプロイ。ユーザー入力に基づき予測結果をインタラクティブに表示。

標準機能で不足する場合、HTML/CSS/JSで独自のコンポーネントを作成・利用可能。コミュニティ製も多数。

OpenID Connect (OIDC) を利用した組み込みユーザー認証機能。.streamlit/secrets.tomlでプロバイダ設定。

プロジェクトのpages/サブディレクトリにPythonファイルを配置するだけでマルチページアプリを構築。