質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.50%
Streamlit

Streamlitは、Pythonでフロントエンドアプリケーションを構築できるフレームワーク。HTML/CSSの知識が不要で、描画ライブラリで作成したグラフを埋め込むことが可能です。機械学習のレポート作成やデータ分析にも応用できます。

Webサイト

一つのドメイン上に存在するWebページの集合体をWebサイトと呼びます。

Python

Pythonは、コードの読みやすさが特徴的なプログラミング言語の1つです。 強い型付け、動的型付けに対応しており、後方互換性がないバージョン2系とバージョン3系が使用されています。 商用製品の開発にも無料で使用でき、OSだけでなく仮想環境にも対応。Unicodeによる文字列操作をサポートしているため、日本語処理も標準で可能です。

Q&A

解決済

1回答

599閲覧

streamlitでサイトを作ろうとしましたが、文字列がうまく表示されませんでした。

tatsuya_M

総合スコア2

Streamlit

Streamlitは、Pythonでフロントエンドアプリケーションを構築できるフレームワーク。HTML/CSSの知識が不要で、描画ライブラリで作成したグラフを埋め込むことが可能です。機械学習のレポート作成やデータ分析にも応用できます。

Webサイト

一つのドメイン上に存在するWebページの集合体をWebサイトと呼びます。

Python

Pythonは、コードの読みやすさが特徴的なプログラミング言語の1つです。 強い型付け、動的型付けに対応しており、後方互換性がないバージョン2系とバージョン3系が使用されています。 商用製品の開発にも無料で使用でき、OSだけでなく仮想環境にも対応。Unicodeによる文字列操作をサポートしているため、日本語処理も標準で可能です。

0グッド

0クリップ

投稿2023/04/02 01:40

実現したいこと

文字列を記入してもらい、関数を通した結果を表示するサイトをstreamlitで作りたい。

前提

自分の端末で実行すると、サイトは立ち上がり、インプットとその下の文字数判断までは動きました。
次の文字列を合体させるボタンを押すと、結合した文字列の結果がブラウザに表示されず、ぞの前の
文字列、前3文字、後ろ2文字 も消えてしまいます。

発生している問題・エラーメッセージ

エラーは特に発生していません。

該当のソースコード

import streamlit as st def merge_strings(string1, string2): return string1 * 2 + string2 * 2 # テキスト入力と入力ボタンの作成 user_input = st.text_input("テキストを入力してください") if st.button("入力"): # 文字数が5文字かどうかの判定 if len(user_input) == 5: # 文字列を前3文字と後ろ2文字に分割して表示 st.write(f"文字列: {user_input}") st.write(f"前3文字: {user_input[:3]}") st.write(f"後ろ2文字: {user_input[-2:]}") # ボタンの作成 if st.button("文字列を合体させる"): # 合体させた文字列を表示 merged_string = merge_strings(user_input[:3], user_input[-2:]) st.write(f"合体させた文字列: {merged_string}") else: # 入力が間違っている旨を表示 st.write("入力が間違っています。文字数が5文字であることを確認してください。")

試したこと

ボタンの作成 if st.button("文字列を合体させる") を
if st.button("入力") の外に出すと、userinputがないとエラーがでたので諦めました。

if st.button("文字列を合体させる")にelse: pass を付けましたが、症状が改善しませんでした。 

補足情報(FW/ツールのバージョンなど)

streamlitのVerは4.2.2です。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答1

0

ベストアンサー

セッション管理に関するドキュメント( Add statefulness to apps - Streamlit Docs ) を参考にして、以下の様に書き換えてみました。

python

1import streamlit as st 2 3def merge_strings(string1, string2): 4 return string1 * 2 + string2 * 2 5 6# テキスト入力と入力ボタンの作成 7user_input = st.text_input("テキストを入力してください") 8 9if st.button("入力"): 10 # 文字数が5文字かどうかの判定 11 if len(user_input) == 5: 12 # 文字列を前3文字と後ろ2文字に分割して表示 13 st.write(f"文字列: {user_input}") 14 st.write(f"前3文字: {user_input[:3]}") 15 st.write(f"後ろ2文字: {user_input[-2:]}") 16 st.session_state['input'] = True 17 else: 18 # 入力が間違っている旨を表示 19 st.write("入力が間違っています。文字数が5文字であることを確認してください。") 20 st.session_state['input'] = False 21 22if 'input' in st.session_state.keys() and st.session_state['input']: 23 # ボタンの作成 24 merge = st.empty() 25 if merge.button("文字列を合体させる"): 26 # 合体させた文字列を表示 27 merged_string = merge_strings(user_input[:3], user_input[-2:]) 28 st.write(f"合体させた文字列: {merged_string}") 29 merge.empty() 30 st.session_state['input'] = False

投稿2023/04/02 03:17

melian

総合スコア19618

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

tatsuya_M

2023/04/02 07:00

ありがとうございます。当初想定していた通りに動きました。 教えていただいたドキュメントを読み込んでみます。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.50%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問