Streamlitを使った天気情報アプリ開発

# app.py

import streamlit as st
from configparser import ConfigParser
import requests
from urllib import parse

# APIのベースURLを定数として定義
WEATHER_API_URL = "https://api.openweathermap.org/data/2.5/weather"

def get_api_key():
    """設定ファイルからOpenWeather APIキーを取得する関数
    
    設定ファイル「config.ini」に以下の構造で保存されていることを想定:
    
        [openweather]
        api_key=あなたのAPIキー
        
    Returns:
        str: OpenWeather APIキー
    """
    config = ConfigParser()
    config.read("config.ini")
    return config["openweather"]["api_key"]

def build_weather_query(city_name, use_imperial=False):
    """OpenWeather APIを呼び出すためのURLを生成する関数
    
    Args:
        city_name (str): 検索する都市の名前
        use_imperial (bool): 華氏表示にするかどうか（デフォルトはFalse=摂氏）
    
    Returns:
        str: APIを呼び出すための完全なURL
    """
    api_key = get_api_key()
    
    # URLエンコードして特殊文字や空白を適切に処理
    encoded_city_name = parse.quote_plus(city_name)
    
    # 温度単位を設定（デフォルトは摂氏=metric）
    units = "imperial" if use_imperial else "metric"
    
    # URLを構築
    url = (
        f"{WEATHER_API_URL}?q={encoded_city_name}"
        f"&units={units}&appid={api_key}"
    )
    
    return url

# アプリのタイトルを設定
st.title("お天気情報アプリ")
st.write("世界中の都市の天気情報を簡単に確認できます！")

# サイドバーに入力フォームを配置
st.sidebar.header("検索条件")

# 都市名の入力欄
city_name = st.sidebar.text_input(
    "都市名を入力してください",
    placeholder="例：Tokyo、Osaka、Kyoto",
)

# 温度単位の選択（デフォルトは摂氏）
use_imperial = st.sidebar.checkbox("温度を華氏（°F）で表示する")

# 検索ボタン
search_button = st.sidebar.button("天気を検索")

# 検索ボタンが押されたときの処理
if search_button:
    if not city_name:  # 都市名が入力されていない場合
        st.warning("都市名を入力してください")
    else:
        # 処理中を表示
        with st.spinner("天気情報を取得中..."):
            # URLを生成
            query_url = build_weather_query(city_name, use_imperial)
            st.info(f"生成されたURL: {query_url}")
            
            # この時点では実際のAPI呼び出しはまだ行わず、URLだけ表示する
            st.info("次のステップでは、このURLを使って実際に天気情報を取得します！")

# app.py

import streamlit as st
import json
import requests
from configparser import ConfigParser
from urllib import parse

# APIのベースURLを定数として定義
WEATHER_API_URL = "https://api.openweathermap.org/data/2.5/weather"

def get_api_key():
    """設定ファイルからOpenWeather APIキーを取得する関数
    
    設定ファイル「config.ini」に以下の構造で保存されていることを想定:
    
        [openweather]
        api_key=あなたのAPIキー
        
    Returns:
        str: OpenWeather APIキー
    """
    config = ConfigParser()
    config.read("config.ini")
    return config["openweather"]["api_key"]

def build_weather_query(city_name, use_imperial=False):
    """OpenWeather APIを呼び出すためのURLを生成する関数
    
    Args:
        city_name (str): 検索する都市の名前
        use_imperial (bool): 華氏表示にするかどうか（デフォルトはFalse=摂氏）
    
    Returns:
        str: APIを呼び出すための完全なURL
    """
    api_key = get_api_key()
    
    # URLエンコードして特殊文字や空白を適切に処理
    encoded_city_name = parse.quote_plus(city_name)
    
    # 温度単位を設定（デフォルトは摂氏=metric）
    units = "imperial" if use_imperial else "metric"
    
    # URLを構築
    url = (
        f"{WEATHER_API_URL}?q={encoded_city_name}"
        f"&units={units}&appid={api_key}"
    )
    
    return url

def get_weather_data(query_url):
    """OpenWeather APIにリクエストを送信し、天気データを取得する関数
    
    Args:
        query_url (str): OpenWeather APIの完全なURL
        
    Returns:
        dict: 特定の都市の天気情報を含む辞書
        None: エラーが発生した場合
    """
    try:
        response = requests.get(query_url)
        
        # レスポンスのステータスコードをチェック
        response.raise_for_status()
        
        # JSONデータを辞書に変換して返す
        return response.json()
        
    except requests.exceptions.HTTPError as http_err:
        if response.status_code == 401:
            st.error("APIキーが無効です。APIキーを確認してください。")
        elif response.status_code == 404:
            st.error(f"指定した都市の天気データが見つかりませんでした。都市名のスペルを確認してください。")
        else:
            st.error(f"HTTPエラーが発生しました: {http_err}")
        return None
        
    except requests.exceptions.ConnectionError:
        st.error("サーバーに接続できませんでした。インターネット接続を確認してください。")
        return None
        
    except requests.exceptions.Timeout:
        st.error("リクエストがタイムアウトしました。後でもう一度お試しください。")
        return None
        
    except requests.exceptions.RequestException as e:
        st.error(f"リクエスト中にエラーが発生しました: {e}")
        return None
        
    except json.JSONDecodeError:
        st.error("サーバーからの応答を読み取れませんでした。")
        return None

# アプリのタイトルを設定
st.title("お天気情報アプリ")
st.write("世界中の都市の天気情報を簡単に確認できます！")

# サイドバーに入力フォームを配置
st.sidebar.header("検索条件")

# 都市名の入力欄
city_name = st.sidebar.text_input(
    "都市名を入力してください",
    placeholder="例：Tokyo、Osaka、Kyoto",
)

# 温度単位の選択（デフォルトは摂氏）
use_imperial = st.sidebar.checkbox("温度を華氏（°F）で表示する")

# 検索ボタン
search_button = st.sidebar.button("天気を検索")

# 検索ボタンが押されたときの処理
if search_button:
    if not city_name:  # 都市名が入力されていない場合
        st.warning("都市名を入力してください")
    else:
        # 処理中を表示
        with st.spinner("天気情報を取得中..."):
            # APIリクエスト用のURLを生成
            query_url = build_weather_query(city_name, use_imperial)
            
            # 天気データを取得
            weather_data = get_weather_data(query_url)
            
            # データが正常に取得できた場合のみ処理を続行
            if weather_data:
                # この時点では取得したデータを表示するだけ
                st.success(f"「{weather_data['name']}」の天気情報を取得しました！")
                
                # 取得したデータの詳細を表示（次のステップで改良します）
                st.subheader("取得したデータ")
                st.json(weather_data)

# デバッグ用：特殊な都市名のサンプル
st.sidebar.markdown("---")
st.sidebar.subheader("テスト用都市名")
st.sidebar.markdown("""
- 存在しない都市: `Nonexistent City`
- 特殊文字: `Münich`
- スペースを含む: `New York`
- 日本語: `東京`
""")

# app.py

import streamlit as st
import json
import requests
import datetime
from configparser import ConfigParser
from urllib import parse

# APIのベースURLを定数として定義
WEATHER_API_URL = "https://api.openweathermap.org/data/2.5/weather"

def get_api_key():
    """設定ファイルからOpenWeather APIキーを取得する関数
    
    設定ファイル「config.ini」に以下の構造で保存されていることを想定:
    
        [openweather]
        api_key=あなたのAPIキー
        
    Returns:
        str: OpenWeather APIキー
    """
    config = ConfigParser()
    config.read("config.ini")
    return config["openweather"]["api_key"]

def build_weather_query(city_name, use_imperial=False):
    """OpenWeather APIを呼び出すためのURLを生成する関数
    
    Args:
        city_name (str): 検索する都市の名前
        use_imperial (bool): 華氏表示にするかどうか（デフォルトはFalse=摂氏）
    
    Returns:
        str: APIを呼び出すための完全なURL
    """
    api_key = get_api_key()
    
    # URLエンコードして特殊文字や空白を適切に処理
    encoded_city_name = parse.quote_plus(city_name)
    
    # 温度単位を設定（デフォルトは摂氏=metric）
    units = "imperial" if use_imperial else "metric"
    
    # URLを構築
    url = (
        f"{WEATHER_API_URL}?q={encoded_city_name}"
        f"&units={units}&appid={api_key}"
    )
    
    return url

def get_weather_data(query_url):
    """OpenWeather APIにリクエストを送信し、天気データを取得する関数
    
    Args:
        query_url (str): OpenWeather APIの完全なURL
        
    Returns:
        dict: 特定の都市の天気情報を含む辞書
        None: エラーが発生した場合
    """
    try:
        response = requests.get(query_url)
        
        # レスポンスのステータスコードをチェック
        response.raise_for_status()
        
        # JSONデータを辞書に変換して返す
        return response.json()
        
    except requests.exceptions.HTTPError as http_err:
        if response.status_code == 401:
            st.error("APIキーが無効です。APIキーを確認してください。")
        elif response.status_code == 404:
            st.error(f"指定した都市の天気データが見つかりませんでした。都市名のスペルを確認してください。")
        else:
            st.error(f"HTTPエラーが発生しました: {http_err}")
        return None
        
    except requests.exceptions.ConnectionError:
        st.error("サーバーに接続できませんでした。インターネット接続を確認してください。")
        return None
        
    except requests.exceptions.Timeout:
        st.error("リクエストがタイムアウトしました。後でもう一度お試しください。")
        return None
        
    except requests.exceptions.RequestException as e:
        st.error(f"リクエスト中にエラーが発生しました: {e}")
        return None
        
    except json.JSONDecodeError:
        st.error("サーバーからの応答を読み取れませんでした。")
        return None

def get_weather_color(weather_id):
    """天気IDに基づいて表示色を決定する関数
    
    Args:
        weather_id (int): OpenWeather APIの天気ID
    
    Returns:
        str: 対応するカラーコード
    """
    if weather_id < 300:  # 雷雨
        return "#9932CC"  # 暗い紫
    elif weather_id < 400:  # 霧雨
        return "#4682B4"  # スチールブルー
    elif weather_id < 600:  # 雨
        return "#4169E1"  # ロイヤルブルー
    elif weather_id < 700:  # 雪
        return "#B0E0E6"  # パウダーブルー
    elif weather_id < 800:  # 霧など
        return "#708090"  # スレートグレー
    elif weather_id == 800:  # 快晴
        return "#FF8C00"  # ダークオレンジ
    elif weather_id < 803:  # 晴れ（少し曇り）
        return "#FFD700"  # ゴールド
    else:  # 曇り
        return "#A9A9A9"  # ダークグレー

def display_weather_info(weather_data, use_imperial=False):
    """取得した天気データを視覚的に表示する関数
    
    Args:
        weather_data (dict): OpenWeather APIからのレスポンス
        use_imperial (bool): 華氏表示を使用するかどうか
    """
    # 基本情報の抽出
    city_name = weather_data["name"]
    country = weather_data["sys"]["country"]
    weather_description = weather_data["weather"][0]["description"]
    weather_icon = weather_data["weather"][0]["icon"]
    weather_id = weather_data["weather"][0]["id"]
    temperature = weather_data["main"]["temp"]
    feels_like = weather_data["main"]["feels_like"]
    temp_min = weather_data["main"]["temp_min"]
    temp_max = weather_data["main"]["temp_max"]
    humidity = weather_data["main"]["humidity"]
    pressure = weather_data["main"]["pressure"]
    wind_speed = weather_data["wind"]["speed"]
    
    # 天気の状態に基づく色を取得
    weather_color = get_weather_color(weather_id)
    
    # 温度単位の設定
    temp_unit = "°F" if use_imperial else "°C"
    speed_unit = "mph" if use_imperial else "m/s"
    
    # アイコンのURL
    icon_url = f"http://openweathermap.org/img/wn/{weather_icon}@2x.png"
    
    # ヘッダー部分の表示
    col1, col2 = st.columns([1, 2])
    
    with col1:
        st.image(icon_url, width=120)
    
    with col2:
        st.title(f"{city_name}, {country}")
        st.markdown(f"<h3 style='color:{weather_color}'>{weather_description.capitalize()}</h3>", unsafe_allow_html=True)
        st.subheader(f"{temperature:.1f}{temp_unit}")
        st.write(f"体感温度: {feels_like:.1f}{temp_unit}")
    
    # 詳細情報の表示
    st.write("---")
    
    # 3つのカラムを作成
    col1, col2, col3 = st.columns(3)
    
    with col1:
        st.markdown("### 気温")
        st.write(f"**現在**: {temperature:.1f}{temp_unit}")
        st.write(f"**最高**: {temp_max:.1f}{temp_unit}")
        st.write(f"**最低**: {temp_min:.1f}{temp_unit}")
    
    with col2:
        st.markdown("### 湿度と気圧")
        st.write(f"**湿度**: {humidity}%")
        st.write(f"**気圧**: {pressure}hPa")
    
    with col3:
        st.markdown("### 風")
        st.write(f"**風速**: {wind_speed}{speed_unit}")
        
        # 風向きがある場合は表示
        if "deg" in weather_data["wind"]:
            wind_deg = weather_data["wind"]["deg"]
            st.write(f"**風向き**: {wind_deg}°")
    
    # 日の出・日の入りの時刻を取得
    if "sunrise" in weather_data["sys"] and "sunset" in weather_data["sys"]:
        sunrise_timestamp = weather_data["sys"]["sunrise"]
        sunset_timestamp = weather_data["sys"]["sunset"]
        
        # タイムゾーンオフセット（秒）
        timezone_offset = weather_data["timezone"]
        
        # 現地時間に変換
        sunrise_time = datetime.datetime.utcfromtimestamp(sunrise_timestamp + timezone_offset)
        sunset_time = datetime.datetime.utcfromtimestamp(sunset_timestamp + timezone_offset)
        
        # 時刻のフォーマット（時:分）
        sunrise_str = sunrise_time.strftime("%H:%M")
        sunset_str = sunset_time.strftime("%H:%M")
        
        # 表示部分に追加
        st.write("---")
        st.markdown("### 日の出・日の入り")
        col1, col2 = st.columns(2)
        
        with col1:
            st.write("🌅 **日の出**: " + sunrise_str)
        
        with col2:
            st.write("🌇 **日の入り**: " + sunset_str)

# アプリのタイトルを設定
st.title("お天気情報アプリ")
st.write("世界中の都市の天気情報を簡単に確認できます！")

# サイドバーに入力フォームを配置
st.sidebar.header("検索条件")

# 都市名の入力欄
city_name = st.sidebar.text_input(
    "都市名を入力してください",
    placeholder="例：Tokyo、Osaka、Kyoto",
)

# 温度単位の選択（デフォルトは摂氏）
use_imperial = st.sidebar.checkbox("温度を華氏（°F）で表示する")

# 検索ボタン
search_button = st.sidebar.button("天気を検索")

# 検索ボタンが押されたときの処理
if search_button:
    if not city_name:  # 都市名が入力されていない場合
        st.warning("都市名を入力してください")
    else:
        # 処理中を表示
        with st.spinner("天気情報を取得中..."):
            # APIリクエスト用のURLを生成
            query_url = build_weather_query(city_name, use_imperial)
            
            # 天気データを取得
            weather_data = get_weather_data(query_url)
            
            # データが正常に取得できた場合のみ処理を続行
            if weather_data:
                # 天気情報を表示
                display_weather_info(weather_data, use_imperial)
                
                # 詳細データを折りたたみ表示（開発者向け）
                with st.expander("詳細なAPI応答データ"):
                    st.json(weather_data)

# デバッグ用：特殊な都市名のサンプル
st.sidebar.markdown("---")
st.sidebar.subheader("テスト用都市名")
st.sidebar.markdown("""
- 存在しない都市: `Nonexistent City`
- 特殊文字: `Münich`
- スペースを含む: `New York`
- 日本語: `東京`
""")

# app.py

import streamlit as st
import json
import requests
import datetime
from configparser import ConfigParser
from urllib import parse

# ページ設定
st.set_page_config(
    page_title="日本の天気情報アプリ",
    page_icon="🌦️",
    layout="wide",
    initial_sidebar_state="expanded"
)

# APIのベースURLを定数として定義
WEATHER_API_URL = "https://api.openweathermap.org/data/2.5/weather"

# OpenWeatherの主要天気区分に対応する日本語表現
WEATHER_TRANSLATIONS = {
    "Clear": "快晴",
    "Clouds": "曇り",
    "Rain": "雨",
    "Drizzle": "小雨",
    "Thunderstorm": "雷雨",
    "Snow": "雪",
    "Mist": "霧",
    "Smoke": "煙霧",
    "Haze": "もや",
    "Dust": "砂塵",
    "Fog": "濃霧",
    "Sand": "砂",
    "Ash": "火山灰",
    "Squall": "スコール",
    "Tornado": "竜巻"
}

# 47都道府県の県庁所在地：日本語から英語への変換辞書
CITY_TRANSLATIONS = {
    "東京": "Tokyo",           # 東京都
    "札幌": "Sapporo",         # 北海道
    "青森": "Aomori",          # 青森県
    "盛岡": "Morioka",         # 岩手県
    "仙台": "Sendai",          # 宮城県
    "秋田": "Akita",           # 秋田県
    "山形": "Yamagata",        # 山形県
    "福島": "Fukushima",       # 福島県
    "水戸": "Mito",            # 茨城県
    "宇都宮": "Utsunomiya",    # 栃木県
    "前橋": "Maebashi",        # 群馬県
    "さいたま": "Saitama",     # 埼玉県
    "千葉": "Chiba",           # 千葉県
    "横浜": "Yokohama",        # 神奈川県
    "新潟": "Niigata",         # 新潟県
    "富山": "Toyama",          # 富山県
    "金沢": "Kanazawa",        # 石川県
    "福井": "Fukui",           # 福井県
    "甲府": "Kofu",            # 山梨県
    "長野": "Nagano",          # 長野県
    "岐阜": "Gifu",            # 岐阜県
    "静岡": "Shizuoka",        # 静岡県
    "名古屋": "Nagoya",        # 愛知県
    "津": "Tsu",               # 三重県
    "大津": "Otsu",            # 滋賀県
    "京都": "Kyoto",           # 京都府
    "大阪": "Osaka",           # 大阪府
    "神戸": "Kobe",            # 兵庫県
    "奈良": "Nara",            # 奈良県
    "和歌山": "Wakayama",      # 和歌山県
    "鳥取": "Tottori",         # 鳥取県
    "松江": "Matsue",          # 島根県
    "岡山": "Okayama",         # 岡山県
    "広島": "Hiroshima",       # 広島県
    "山口": "Yamaguchi",       # 山口県
    "徳島": "Tokushima",       # 徳島県
    "高松": "Takamatsu",       # 香川県
    "松山": "Matsuyama",       # 愛媛県
    "高知": "Kochi",           # 高知県
    "福岡": "Fukuoka",         # 福岡県
    "佐賀": "Saga",            # 佐賀県
    "長崎": "Nagasaki",        # 長崎県
    "熊本": "Kumamoto",        # 熊本県
    "大分": "Oita",            # 大分県
    "宮崎": "Miyazaki",        # 宮崎県
    "鹿児島": "Kagoshima",     # 鹿児島県
    "那覇": "Naha"             # 沖縄県
}

# 主要都市も追加
CITY_TRANSLATIONS.update({
    "横須賀": "Yokosuka",
    "川崎": "Kawasaki",
    "浦安": "Urayasu",
    "函館": "Hakodate",
    "旭川": "Asahikawa",
    "釧路": "Kushiro",
    "八戸": "Hachinohe",
    "いわき": "Iwaki",
    "郡山": "Koriyama",
    "足利": "Ashikaga",
    "川越": "Kawagoe",
    "浜松": "Hamamatsu",
    "豊橋": "Toyohashi",
    "豊田": "Toyota",
    "四日市": "Yokkaichi",
    "姫路": "Himeji",
    "尼崎": "Amagasaki",
    "西宮": "Nishinomiya",
    "倉敷": "Kurashiki",
    "北九州": "Kitakyushu",
    "久留米": "Kurume",
    "別府": "Beppu"
})

def get_api_key():
    """設定ファイルからOpenWeather APIキーを取得する関数
    
    設定ファイル「config.ini」に以下の構造で保存されていることを想定:
    
        [openweather]
        api_key=あなたのAPIキー
        
    Returns:
        str: OpenWeather APIキー
    """
    config = ConfigParser()
    config.read("config.ini")
    return config["openweather"]["api_key"]

def translate_city_to_english(jp_city_name):
    """日本語の都市名を英語に変換する関数
    
    Args:
        jp_city_name (str): 日本語の都市名
        
    Returns:
        str: 英語の都市名（辞書にない場合は入力をそのまま返す）
    """
    return CITY_TRANSLATIONS.get(jp_city_name, jp_city_name)

def build_weather_query(city_name, use_imperial=False):
    """OpenWeather APIを呼び出すためのURLを生成する関数
    
    Args:
        city_name (str): 検索する都市の名前
        use_imperial (bool): 華氏表示にするかどうか（デフォルトはFalse=摂氏）
    
    Returns:
        str: APIを呼び出すための完全なURL
    """
    api_key = get_api_key()
    
    # URLエンコードして特殊文字や空白を適切に処理
    encoded_city_name = parse.quote_plus(city_name)
    
    # 温度単位を設定（デフォルトは摂氏=metric）
    units = "imperial" if use_imperial else "metric"
    
    # URLを構築（日本語対応のために言語パラメータを追加）
    url = (
        f"{WEATHER_API_URL}?q={encoded_city_name}"
        f"&units={units}&lang=ja&appid={api_key}"
    )
    
    return url

def get_weather_data(query_url):
    """OpenWeather APIにリクエストを送信し、天気データを取得する関数
    
    Args:
        query_url (str): OpenWeather APIの完全なURL
        
    Returns:
        dict: 特定の都市の天気情報を含む辞書
        None: エラーが発生した場合
    """
    try:
        response = requests.get(query_url)
        
        # レスポンスのステータスコードをチェック
        response.raise_for_status()
        
        # JSONデータを辞書に変換して返す
        return response.json()
        
    except requests.exceptions.HTTPError as http_err:
        if response.status_code == 401:
            st.error("APIキーが無効です。APIキーを確認してください。")
        elif response.status_code == 404:
            st.error(f"指定した都市の天気データが見つかりませんでした。都市名のスペルを確認してください。")
        else:
            st.error(f"HTTPエラーが発生しました: {http_err}")
        return None
        
    except requests.exceptions.ConnectionError:
        st.error("サーバーに接続できませんでした。インターネット接続を確認してください。")
        return None
        
    except requests.exceptions.Timeout:
        st.error("リクエストがタイムアウトしました。後でもう一度お試しください。")
        return None
        
    except requests.exceptions.RequestException as e:
        st.error(f"リクエスト中にエラーが発生しました: {e}")
        return None
        
    except json.JSONDecodeError:
        st.error("サーバーからの応答を読み取れませんでした。")
        return None

def get_weather_emoji(weather_id):
    """天気IDに基づいて絵文字を決定する関数
    
    Args:
        weather_id (int): 天気ID
    
    Returns:
        str: 対応する絵文字
    """
    if weather_id < 300:  # 雷雨
        return "⚡"
    elif weather_id < 400:  # 霧雨
        return "🌂"
    elif weather_id < 600:  # 雨
        return "☔"
    elif weather_id < 700:  # 雪
        return "❄️"
    elif weather_id < 800:  # 霧など
        return "🌫️"
    elif weather_id == 800:  # 快晴
        return "☀️"
    elif weather_id < 803:  # 晴れ（少し曇り）
        return "🌤️"
    else:  # 曇り
        return "☁️"

def get_weather_color(weather_id):
    """天気IDに基づいて表示色を決定する関数
    
    Args:
        weather_id (int): 天気ID
    
    Returns:
        str: 対応する色コード
    """
    if weather_id < 300:  # 雷雨
        return "#9932CC"  # 暗い紫
    elif weather_id < 400:  # 霧雨
        return "#4682B4"  # スチールブルー
    elif weather_id < 600:  # 雨
        return "#4169E1"  # ロイヤルブルー
    elif weather_id < 700:  # 雪
        return "#B0E0E6"  # パウダーブルー
    elif weather_id < 800:  # 霧など
        return "#708090"  # スレートグレー
    elif weather_id == 800:  # 快晴
        return "#FF8C00"  # ダークオレンジ
    elif weather_id < 803:  # 晴れ（少し曇り）
        return "#FFD700"  # ゴールド
    else:  # 曇り
        return "#A9A9A9"  # ダークグレー

def display_weather_info(weather_data, use_imperial=False):
    """取得した天気データを視覚的に表示する関数（日本語対応版）
    
    Args:
        weather_data (dict): OpenWeather APIからのレスポンス
        use_imperial (bool): 華氏表示を使用するかどうか
    """
    # 基本情報の抽出
    city_name = weather_data["name"]
    country = weather_data["sys"]["country"]
    
    # 天気情報
    weather_main = weather_data["weather"][0]["main"]
    weather_icon = weather_data["weather"][0]["icon"]
    weather_id = weather_data["weather"][0]["id"]
    
    # 日本語の天気表現に変換
    weather_jp = WEATHER_TRANSLATIONS.get(weather_main, weather_main)
    
    # 絵文字と色を取得
    emoji = get_weather_emoji(weather_id)
    weather_color = get_weather_color(weather_id)
    
    # その他のデータ
    temperature = weather_data["main"]["temp"]
    feels_like = weather_data["main"]["feels_like"]
    temp_min = weather_data["main"]["temp_min"]
    temp_max = weather_data["main"]["temp_max"]
    humidity = weather_data["main"]["humidity"]
    pressure = weather_data["main"]["pressure"]
    wind_speed = weather_data["wind"]["speed"]
    
    # 温度単位の設定
    temp_unit = "°F" if use_imperial else "°C"
    speed_unit = "mph" if use_imperial else "m/s"
    
    # アイコンのURL
    icon_url = f"http://openweathermap.org/img/wn/{weather_icon}@2x.png"
    
    # ヘッダー部分の表示
    col1, col2 = st.columns([1, 2])
    
    with col1:
        st.image(icon_url, width=120)
    
    with col2:
        st.title(f"{city_name}, {country}")
        st.markdown(f"<h2 style='color:{weather_color}'>{emoji} {weather_jp}</h2>", unsafe_allow_html=True)
        st.subheader(f"{temperature:.1f}{temp_unit}")
        st.write(f"体感温度: {feels_like:.1f}{temp_unit}")
    
    # 詳細情報の表示
    st.write("---")
    
    # 3つのカラムを作成
    col1, col2, col3 = st.columns(3)
    
    with col1:
        st.markdown("### 気温")
        st.write(f"**現在**: {temperature:.1f}{temp_unit}")
        st.write(f"**最高**: {temp_max:.1f}{temp_unit}")
        st.write(f"**最低**: {temp_min:.1f}{temp_unit}")
    
    with col2:
        st.markdown("### 湿度と気圧")
        st.write(f"**湿度**: {humidity}%")
        st.write(f"**気圧**: {pressure}hPa")
    
    with col3:
        st.markdown("### 風")
        st.write(f"**風速**: {wind_speed}{speed_unit}")
        
        # 風向きがある場合は表示
        if "deg" in weather_data["wind"]:
            wind_deg = weather_data["wind"]["deg"]
            # 風向きを方角に変換
            directions = ["北", "北北東", "北東", "東北東", "東", "東南東", "南東", "南南東", 
                          "南", "南南西", "南西", "西南西", "西", "西北西", "北西", "北北西"]
            index = round(wind_deg / 22.5) % 16
            wind_direction = directions[index]
            st.write(f"**風向き**: {wind_direction}（{wind_deg}°）")
    
    # 日の出・日の入りの時刻を取得
    if "sunrise" in weather_data["sys"] and "sunset" in weather_data["sys"]:
        sunrise_timestamp = weather_data["sys"]["sunrise"]
        sunset_timestamp = weather_data["sys"]["sunset"]
        
        # 常に日本時間（JST）で表示
        jst_offset = 32400  # UTC+9時間（秒単位）
        
        # 日本時間に変換
        sunrise_time = datetime.datetime.utcfromtimestamp(sunrise_timestamp + jst_offset)
        sunset_time = datetime.datetime.utcfromtimestamp(sunset_timestamp + jst_offset)
        
        # 時刻のフォーマット（時:分）
        sunrise_str = sunrise_time.strftime("%H:%M")
        sunset_str = sunset_time.strftime("%H:%M")
        
        # 表示部分に追加
        st.write("---")
        st.markdown("### 日の出・日の入り（日本時間）")
        col1, col2 = st.columns(2)
        
        with col1:
            st.write("🌅 **日の出**: " + sunrise_str)
        
        with col2:
            st.write("🌇 **日の入り**: " + sunset_str)

# アプリのタイトルを設定
st.title("🗾 日本の天気情報アプリ")
st.write("日本や世界中の都市の天気情報を簡単に確認できます！")

# サイドバーに入力フォームを配置
st.sidebar.header("検索条件")

# 検索方法の選択
search_method = st.sidebar.radio(
    "検索方法を選択",
    ["都市名を入力", "日本の主要都市から選択"]
)

if search_method == "都市名を入力":
    # 都市名の入力欄
    city_name = st.sidebar.text_input(
        "都市名を入力してください",
        placeholder="例：東京、大阪、京都",
    )
    
    # 入力された都市名が日本語の場合は英語に変換
    if city_name:
        city_name = translate_city_to_english(city_name)
else:
    # 日本の主要都市リスト
    jp_cities = [
        "東京", "大阪", "名古屋", "札幌", "福岡", "京都", "神戸", 
        "横浜", "広島", "仙台", "那覇", "金沢", "新潟", "松山", "鹿児島"
    ]
    selected_jp_city = st.sidebar.selectbox("都市を選択", jp_cities)
    # 選択された日本語の都市名を英語に変換
    city_name = translate_city_to_english(selected_jp_city)

# 温度単位の選択（デフォルトは摂氏）
use_imperial = st.sidebar.checkbox("温度を華氏（°F）で表示する")

# 検索ボタン
search_button = st.sidebar.button("天気を検索")

# 検索ボタンが押されたときの処理
if search_button:
    if not city_name:  # 都市名が入力されていない場合
        st.warning("都市名を入力してください")
    else:
        # 処理中を表示
        with st.spinner("天気情報を取得中..."):
            # APIリクエスト用のURLを生成
            query_url = build_weather_query(city_name, use_imperial)
            
            # 天気データを取得
            weather_data = get_weather_data(query_url)
            
            # データが正常に取得できた場合のみ処理を続行
            if weather_data:
                # 天気情報を表示
                display_weather_info(weather_data, use_imperial)
                
                # 詳細データを折りたたみ表示（開発者向け）
                with st.expander("詳細なAPI応答データ"):
                    st.json(weather_data)

# フッター
st.markdown("---")
st.markdown(
    """
    <div style="text-align: center; color: gray; font-size: small;">
        OpenWeather APIを利用した天気情報アプリ | 
        データ更新：10分ごと | 
        © 2025 天気情報アプリ
    </div>
    """, 
    unsafe_allow_html=True
)