Streamlitアプリへのアクセスがモバイル端末からかどうか調べる

Last updated at 2025-08-31Posted at 2025-08-30

Streamlitとは

StreamlitはPython向けのWebアプリケーションフレームワークです。

Streamlitを使うとPythonオンリーでWebアプリケーションを作成できるのが特徴です。特にPandasなどと組み合わせたデータアプリケーションを得意としています。また、最近ではLLMアプリケーションのフロントエンドとしても活用されています。

Streamlitアプリはモバイル端末からでも使える

Streamlitで作成したWebアプリケーションは特に工夫することなくモバイル端末から使えます。
とはいえ、モバイル端末からアクセスしたときは表示する内容を少しカスタマイズしてあげたいなーということも稀にあるので、アクセスがモバイル端末からかどうか調べてみましょう！

実装方法

将来的にはUser-Agent Client Hints(CH)がモバイル端末のアクセスを識別する方法として普及しそうですが、残念ながら素のStreamlitだとこれはまだ取得できないようです。
ということで、昔ながらのUser-Agentから判別する方法を試しましょう。
Streamlitではバージョン1.37.0以降であればst.context.headersでUser-Agentを取得することができます。

サンプルコードは以下の通りです。

check_mobile.py

import streamlit as st

# ユーザーエージェントに基づいてモバイル端末かどうかを判定する関数
# 判定に失敗した場合はif_failedの値を返す。デフォルトはFalse
def st_is_mobile(if_failed=False):
    if st.context:
        headers = st.context.headers
        user_agent_string = headers.get("User-Agent", "")
        if not user_agent_string:
            return if_failed
        ua = user_agent_string.lower()
        # 以下、典型的なパターンごとに判定していく
        if 'iphone' in ua:
            return True
        if 'android' in ua and 'mobile' in ua:
            return True
        if 'windows phone' in ua:
            return True
        if 'blackberry' in ua:
            return True
    else:
        return if_failed
    return False

st.set_page_config(page_title="テストアプリ", layout="wide")

is_mobile = st_is_mobile()
if is_mobile:
    st.markdown("## モバイル端末でアクセスしています。")
    st.image("img/vertical_image.jpg")
else:
    st.markdown("## デスクトップ端末でアクセスしています。")
    st.image("img/horizontal_image.jpg")

st.write(st.context.headers)