UI

Streamlit

Streamlitでデータ編集可能なテーブルGUIを実現!st.data_editorの使い方完全ガイド

こんにちは、JS2IIUです。Streamlitのst.data_editorは、データをインタラクティブな編集可能テーブル形式で表示できる機能です。本記事では、st.data_editorのすべてのパラメータを解説し、実際に使えるサンプルコードを提供します。st.data_editorの概要st....
Streamlit

【Streamlit】st.column_config.SelectboxColumnの基本と使い方

こんにちは、JS2IIUです。今回は、StreamlitでDataFrameを扱う際に、ドロップダウンリストを使う方法を紹介していきます。今回もよろしくお願いします。はじめにデータフレーム内で特定の選択肢をリストから選べる列を追加したい場合、Streamlitのst.column_config.Se...
Streamlit

【Streamlit】st.column_config.NumberColumnの基本と使い方

こんにちは、JS2IIUです。st.dataframeで表示するデータの数字表示について、カスタム可能になるNumberColumを紹介します。これにより無機質な数値の羅列から、意味が伝わりやすい表示にレベルアップさせることができます。今回もよろしくお願いします。はじめにデータフレーム内の数値データ...
Streamlit

Streamlitで作るインタラクティブなWebアプリ

こんにちは、JS2IIUです。多くの方にStreamlitを使って楽しんで欲しいと思っています。Streamlitはどんなものかサクッと知りたい方向けの記事です。今回もよろしくお願いします。はじめにStreamlitは、Pythonだけで簡単にインタラクティブなWebアプリを作成できる強力なフレーム...
Streamlit

【Streamlit】st.column_config.TextColumnの基本と使い方

はじめにデータフレーム内にテキストデータが含まれている場合、その列をどのように表示すればより分かりやすくなるでしょうか?Streamlitのst.column_config.TextColumnを使うと、列のラベルやヘルプテキストの設定、入力制限の追加など、テキスト列を柔軟にカスタマイズできます。本...
Streamlit

Streamlitでインタラクティブなデータ表示を実現!st.dataframeの使い方完全ガイド

こんにちは、JS2IIUです。Streamlitのst.dataframeは、データをインタラクティブなテーブル形式で表示できる便利な関数です。本記事では、st.dataframeのすべてのパラメータを解説し、実際に使えるサンプルコードを提供します。今回もよろしくお願いします。st.datafram...
Streamlit

【Streamlit】st.column_config.Columnの基本と使い方

こんにちは、JS2IIUです。Streamlitを使ってさまざまなデータを表示させたいときに、データフレーム(st.dataframeやst.data_editor)を使ってよりわかりやすく表示させるためのcolumn_configについて説明していきます。よろしくお願いします。はじめにst.col...
Streamlit

Streamlit カスタムレイアウト応用編:第8回 Tabs

こんにちは、JS2IIUです。今回でStreamlitのカスタムレイアウトに使える要素の紹介は最終回になります。今回もよろしくお願いします。はじめに今回の記事では、StreamlitのTabsコンポーネントの使い方について説明します。Tabsを使うことで、アプリケーションの画面をタブで切り替えられる...
Streamlit

Streamlit カスタムレイアウト応用編:第7回 Sidebar

こんにちは、JS2IIUです。Streamlitのレイアウト要素について紹介してきました、残り第7回、第8回の2回となりました。今回もよろしくお願いします。はじめにStreamlitのレイアウト機能の一つ、Sidebarについて解説します。Sidebarは、画面の左側にサイドバーを設置し、インタラク...
Streamlit

Streamlit カスタムレイアウト応用編:第6回 Popover

こんにちは、JS2IIUです。Streamlitでツールチップのような表示ができるPopoverについて説明していきます。よろしくお願いします。はじめに今回は、StreamlitのPopover機能について紹介します。Popoverは一時的にユーザーに追加情報や詳細を提示するのに役立ちます。これを使...