解決済み: streamlit で列を作成する

Streamlit で列を作成する際の主な問題は、複雑なレイアウトを作成するのが難しいことです。 Streamlit は、データ ビジュアライゼーションを作成するためのシンプルでわかりやすいツールになるように設計されているため、HTML や CSS などのより高度なレイアウト ツールと同じレベルの柔軟性はありません。 さらに、Streamlit は列のネストをサポートしていないため、複数の列を含む複雑なレイアウトの作成が困難になる場合があります。

import streamlit as st 

# Create columns 
st.beta_columns([ 
    # Column 1 
    ("First Column", [ 
        st.text("This is the first column"),  
        st.slider("Slider in first column")  
    ]),  

    # Column 2 
    ("Second Column", [ 
        st.text("This is the second column"),  
        st.checkbox("Checkbox in second column")  

    ])])

# 行 1: この行は、Streamlit ライブラリをインポートします。
# 行 2: この行は、Streamlit アプリに XNUMX つの列を作成します。
# 行 3 ～ 7: このコード ブロックは、テキスト要素とスライダー要素を含む最初の列を定義します。
# 8 ～ 12 行目: このコード ブロックは、テキスト要素とチェックボックス要素を含む XNUMX 番目の列を定義します。

フレームワークとは

Python のフレームワークは、アプリケーションを開発するための構造を提供するモジュールとパッケージのコレクションです。 ディレクトリ レイアウト、データ アクセス層、ユーザー インターフェイス コンポーネントなど、アプリケーションの基本構造を提供します。 また、アプリケーションを迅速に開発するために使用できる関数とクラスのライブラリも含まれています。 フレームワークを使用して、Web アプリケーション、デスクトップ アプリケーション、モバイル アプリなどを作成できます。

Streamlit フレームワーク

Streamlit は、データ サイエンスと機械学習用の美しいカスタム Web アプリを簡単に作成して共有できるオープンソースの Python ライブラリです。 最小限の労力でインタラクティブな Web アプリケーションを構築するためのシンプルで直感的な方法を提供します。 Streamlit アプリは Python コードのみを使用して構築されるため、HTML や JavaScript は必要ありません。 Streamlit は、NumPy、Pandas、Scikit-learn、TensorFlow などの一般的なデータ サイエンス ライブラリもサポートしています。 Streamlit を使用すると、強力なデータ ビジュアライゼーションをすばやく作成し、同僚や世界中と共有できます。

Python を使用して streamlit で列を作成するにはどうすればよいですか

Streamlit は強力なオープンソースの Python ライブラリで、わずか数行のコードでインタラクティブな Web アプリケーションを簡単に作成できます。 これは、データ サイエンスと機械学習モデルをよりアクセスしやすくし、技術者以外のユーザーが使いやすくするように設計されています。

Streamlit で Python を使用して列を作成するのは、単純明快です。 最初のステップは、Streamlit ライブラリをインポートすることです。

streamlit を st としてインポート

その後、st.columns() 関数を使用して列を作成できます。 この関数は、作成する列の数と、各列に配置する必要があるウィジェットまたは要素のオプションのリストの XNUMX つの引数を取ります。 たとえば、テキスト ボックスを含む XNUMX つの列を作成する場合は、次のようにします。

st.columns([st.text_input("列 1"), st.text_input("列 2")])

オプションの XNUMX 番目の引数を st.columns() 関数に渡すことで、各列の幅を指定することもできます。

st.columns([st.text_input("列 1"), st.text_input("列 2")], width=[200, 400])

これにより、列 1 の幅が 200 ピクセルに、列 2 の幅が 400 ピクセルにそれぞれ設定されます。

関連記事：

コメント