Switch to Gradio SDK

Dockerfile

@@ -1,10 +0,0 @@
-FROM python:3.11-slim
-
-WORKDIR /app
-
-COPY requirements.txt .
-RUN pip install --no-cache-dir -r requirements.txt
-
-COPY app.py .
-
-CMD ["python", "app.py"]

README.md

@@ -3,7 +3,7 @@ title: あけおめランキングボット
 emoji: 🏆
 colorFrom: blue
 colorTo: purple
-sdk: docker
+sdk: gradio
 pinned: false
 ---
 
@@ -19,142 +19,20 @@ pinned: false
 - 6人検知した時点で早期発表（10分待たずに）
 - 結果をグループチャットに送信
 
----
-
-## Hugging Face Spacesへのデプロイ方法（詳しく解説）
-
-### ステップ1: Hugging Faceアカウントを作成
-
-1. [Hugging Face](https://huggingface.co/) にアクセス
-2. 右上の「Sign Up」からアカウントを作成
-
-### ステップ2: 新しいSpaceを作成
-
-1. ログイン後、右上のプロフィールアイコンをクリック
-2. 「New Space」をクリック
-3. 以下を入力：
-   - **Owner**: あなたのユーザー名
-   - **Space name**: 好きな名前（例: `akeome-ranking-bot`）
-   - **License**: MIT など
-   - **SDK**: **Docker** を選択 ← 重要！
-   - **Hardware**: CPU basic (free) でOK
-4. 「Create Space」をクリック
-
-### ステップ3: ファイルをアップロード
-
-作成したSpaceのページで「Files」タブを開き、以下の4つのファイルをアップロード：
-
-1. **app.py** - ボットのメインプログラム
-2. **requirements.txt** - 依存パッケージ
-3. **Dockerfile** - Docker設定
-4. **README.md** - このファイル（ヘッダー部分は削除してOK）
-
-**アップロード方法:**
-- 「Add file」→「Upload files」をクリック
-- ファイルをドラッグ＆ドロップ
-- 「Commit changes to main」をクリック
-
-### ステップ4: 環境変数（Secrets）を設定 ⭐ 重要！
-
-これが最も重要なステップです。
-
-1. Spaceのページ右上の **「Settings」** タブをクリック
-2. 下にスクロールして **「Variables and secrets」** セクションを見つける
-3. **「New secret」** をクリック
-4. 以下の3つのSecretを1つずつ追加：
-
-| 名前 (Name) | 値 (Value) | 説明 |
-|------------|------------|------|
-| `CHANNEL_ID` | `200605` | Channel.ioのチャンネルID（例のbotと同じ場合） |
-| `GROUP_CHAT_ID` | `536194` | グループチャットID（監視対象のチャット） |
-| `ACCOUNT_TOKEN` | `xoxo-...` | 認証トークン（Channel.ioのトークン） |
-
-**各Secretの追加手順:**
-1. 「Name」欄に変数名（例: `CHANNEL_ID`）を入力
-2. 「Value」欄に値を入力
-3. 「Add secret」をクリック
-4. 3つとも追加するまで繰り返し
-
-### ステップ5: ボットを起動
-
-1. Settings画面から「App」タブ（または「Logs」タブ）に戻る
-2. Dockerビルドが自動的に開始される
-3. 「Building」というステータスが表示される（1-2分程度）
-4. 「Running」に変わったら起動成功！
-
-### ステップ6: 動作確認
-
-- 「Logs」タブをクリックしてログを確認
-- 「設定確認OK。毎日0:00からの監視を開始します。」と表示されていればOK
-
----
+## 環境変数の設定
 
-## トラブルシューティング
+Hugging Face Spacesの **Settings** → **Variables and secrets** で以下を設定：
 
-### 「設定エラーのため終了します」と表示される
-
-環境変数が正しく設定されていません。以下を確認してください：
-
-1. Settings → Variables and secrets に移動
-2. 3つのSecretが正しく追加されているか確認
-3. 変数名が正確に `CHANNEL_ID`, `GROUP_CHAT_ID`, `ACCOUNT_TOKEN` になっているか確認（大文字小文字も正確に）
-
-### ビルドが失敗する
-
-- Dockerfileが正しくアップロードされているか確認
-- requirements.txtが正しくアップロードされているか確認
-
-### メッセージ取得エラーが出る
-
-- `ACCOUNT_TOKEN` が正しいか確認
-- `CHANNEL_ID` と `GROUP_CHAT_ID` が正しいか確認
-
----
+| 名前 | 説明 |
+|------|------|
+| `CHANNEL_ID` | Channel.ioのチャンネルID |
+| `GROUP_CHAT_ID` | グループチャットID |
+| `ACCOUNT_TOKEN` | 認証トークン |
 
 ## トークンの取得方法
 
-Channel.ioのトークンを取得するには：
-
 1. Channel.ioのデスクトップ版（desk.channel.io）にログイン
 2. 開発者ツール（F12）を開く
 3. Networkタブを開く
 4. 適当な操作をしてリクエストを確認
-5. リクエストヘッダーの `x-account` の値をコピー
-   - これが `ACCOUNT_TOKEN` になります
-
----
-
-## 出力例
-
-```
-🏆 あけおめランキング 🏆
-
-🥇 ユーザーA (00:00:03)
-🥈 ユーザーB (00:00:15)
-🥉 ユーザーC (00:00:42)
-4位 ユーザーD (00:01:23)
-5位 ユーザーE (00:02:56)
-6位 ユーザーF (00:05:12)
-
-参加人数: 6人
-```
-
----
-
-## ローカルでの実行
-
-```bash
-# 依存パッケージをインストール
-pip install -r requirements.txt
-
-# 環境変数を設定して実行（Windows）
-set CHANNEL_ID=your_channel_id
-set GROUP_CHAT_ID=your_group_chat_id
-set ACCOUNT_TOKEN=your_token
-python app.py
-
-# 環境変数を設定し���実行（Mac/Linux）
-export CHANNEL_ID="your_channel_id"
-export GROUP_CHAT_ID="your_group_chat_id"
-export ACCOUNT_TOKEN="your_token"
-python app.py
+5. リクエストヘッダーの `x-account` の値をコピー

app.py

@@ -1,8 +1,10 @@
 import os
 import time
+import threading
 import requests
 from datetime import datetime, timedelta
 from zoneinfo import ZoneInfo
+import gradio as gr
 
 # ===== 設定（環境変数から取得）=====
 CHANNEL_ID = os.getenv("CHANNEL_ID", "")
@@ -11,30 +13,33 @@ ACCOUNT_TOKEN = os.getenv("ACCOUNT_TOKEN", "")
 
 JST = ZoneInfo("Asia/Tokyo")
 
-BASE_URL = f"https://desk-api.channel.io/desk/channels/{CHANNEL_ID}"
-GET_MESSAGES_URL = f"{BASE_URL}/groups/{GROUP_CHAT_ID}/messages"
-POST_MESSAGE_URL = GET_MESSAGES_URL
-
-HEADERS_GET = {
-    "accept": "application/json",
-    "accept-language": "ja",
-    "x-account": ACCOUNT_TOKEN,
-}
-
-HEADERS_POST = {
-    "accept": "application/json",
-    "accept-language": "ja",
-    "content-type": "application/json",
-    "x-account": ACCOUNT_TOKEN,
-}
-
 # ===== 設定値 =====
 RANKING_KEYWORD = "あけおめ"
-MAX_PARTICIPANTS = 1
+MAX_PARTICIPANTS = 6
 MONITOR_DURATION_MINUTES = 10
 
+# ===== グローバル状態 =====
+status_log = []
+running = True
+
+
+def log_message(msg):
+    """ログメッセージを追加"""
+    timestamp = datetime.now(JST).strftime("%Y-%m-%d %H:%M:%S")
+    status_log.append(f"[{timestamp}] {msg}")
+    if len(status_log) > 100:
+        status_log.pop(0)
+
+
+def get_headers():
+    """ヘッダーを取得"""
+    return {
+        "accept": "application/json",
+        "accept-language": "ja",
+        "x-account": ACCOUNT_TOKEN,
+    }
+
 
-# ===== ユーティリティ関数 =====
 def parse_updated_at(value):
     """メッセージのupdatedAtをパースしてdatetimeを返す"""
     if isinstance(value, (int, float)):
@@ -47,6 +52,12 @@ def parse_updated_at(value):
 
 def get_messages():
     """グループチャットのメッセージを取得"""
+    if not CHANNEL_ID or not GROUP_CHAT_ID:
+        return []
+    
+    base_url = f"https://desk-api.channel.io/desk/channels/{CHANNEL_ID}"
+    get_url = f"{base_url}/groups/{GROUP_CHAT_ID}/messages"
+    
     params = {
         "sortOrder": "asc",
         "limit": 100,
@@ -55,20 +66,27 @@ def get_messages():
     
     try:
         res = requests.get(
-            GET_MESSAGES_URL,
-            headers=HEADERS_GET,
+            get_url,
+            headers=get_headers(),
             params=params,
             timeout=30,
         )
         res.raise_for_status()
         return res.json().get("messages", [])
     except Exception as e:
-        print(f"メッセージ取得エラー: {e}")
+        log_message(f"メッセージ取得エラー: {e}")
         return []
 
 
 def post_message(text):
     """グループチャットにメッセージを送信"""
+    if not CHANNEL_ID or not GROUP_CHAT_ID:
+        log_message("設定エラー: メッセージ送信できません")
+        return False
+    
+    base_url = f"https://desk-api.channel.io/desk/channels/{CHANNEL_ID}"
+    post_url = f"{base_url}/groups/{GROUP_CHAT_ID}/messages"
+    
     payload = {
         "requestId": f"desk-web-{int(time.time() * 1000)}",
         "blocks": [
@@ -78,16 +96,16 @@ def post_message(text):
     
     try:
         res = requests.post(
-            POST_MESSAGE_URL,
-            headers=HEADERS_POST,
+            post_url,
+            headers=get_headers(),
             json=payload,
             timeout=30,
         )
         res.raise_for_status()
-        print("メッセージ送信成功")
+        log_message("メッセージ送信成功")
         return True
     except Exception as e:
-        print(f"メッセージ送信エラー: {e}")
+        log_message(f"メッセージ送信エラー: {e}")
         return False
 
 
@@ -114,13 +132,21 @@ def create_ranking_message(participants):
 
 def get_user_name(msg):
     """メッセージからユーザー名を取得"""
-    # Channel.ioのメッセージ構造からユーザー名を抽出
-    # personName または name フィールドを使用
     name = msg.get("personName") or msg.get("name") or "不明"
     return name
 
 
-# ===== メイン処理 =====
+def check_config():
+    """設定が正しいかチェック"""
+    if not CHANNEL_ID:
+        return False, "CHANNEL_ID が設定されていません"
+    if not GROUP_CHAT_ID:
+        return False, "GROUP_CHAT_ID が設定されていません"
+    if not ACCOUNT_TOKEN:
+        return False, "ACCOUNT_TOKEN が設定されていません"
+    return True, "設定OK"
+
+
 def wait_until_midnight():
     """次の0:00まで待機"""
     now = datetime.now(JST)
@@ -130,26 +156,24 @@ def wait_until_midnight():
     wait_seconds = (midnight - now).total_seconds()
     
     if wait_seconds > 0:
-        print(f"次の0:00まで {int(wait_seconds)}秒 待機します...")
+        log_message(f"次の0:00まで {int(wait_seconds)}秒 待機します...")
         time.sleep(wait_seconds)
 
 
 def monitor_and_rank():
     """0:00から10分間監視し、あけおめランキングを作成"""
-    print("あけおめ監視を開始します...")
+    log_message("あけおめ監視を開始します...")
     
     participants = []
     processed_ids = set()
     start_time = datetime.now(JST)
     end_time = start_time + timedelta(minutes=MONITOR_DURATION_MINUTES)
     
-    print(f"監視期間: {start_time.strftime('%Y-%m-%d %H:%M:%S')} 〜 {end_time.strftime('%H:%M:%S')}")
+    log_message(f"監視期間: {start_time.strftime('%Y-%m-%d %H:%M:%S')} 〜 {end_time.strftime('%H:%M:%S')}")
     
     while datetime.now(JST) < end_time:
-        # 現在時刻が0:00以降かつ監視期間内かチェック
         now = datetime.now(JST)
         
-        # メッセージを取得
         messages = get_messages()
         
         for msg in messages:
@@ -163,103 +187,107 @@ def monitor_and_rank():
             if not plain_text or not updated_at:
                 continue
             
-            # メッセージ時刻をパース
             msg_time = parse_updated_at(updated_at)
             if not msg_time:
                 continue
             
-            # 0:00以降のメッセージかチェック
-            midnight_today = now.replace(hour=11, minute=0, second=0, microsecond=0)
+            midnight_today = now.replace(hour=0, minute=0, second=0, microsecond=0)
             if msg_time < midnight_today:
                 processed_ids.add(msg_id)
                 continue
             
-            # 「あけおめ」を含むかチェック
             if RANKING_KEYWORD in plain_text:
                 user_name = get_user_name(msg)
                 
-                # 既に参加者に含まれていないかチェック
                 if not any(p["id"] == msg_id for p in participants):
                     participants.append({
                         "id": msg_id,
                         "name": user_name,
                         "time": msg_time,
                     })
-                    print(f"参加者を検知: {user_name} ({msg_time.strftime('%H:%M:%S')})")
+                    log_message(f"参加者を検知: {user_name} ({msg_time.strftime('%H:%M:%S')})")
                 
                 processed_ids.add(msg_id)
             else:
                 processed_ids.add(msg_id)
         
-        # 6人達成チェック
         if len(participants) >= MAX_PARTICIPANTS:
-            print(f"{MAX_PARTICIPANTS}人達成！ランキングを発表します。")
+            log_message(f"{MAX_PARTICIPANTS}人達成！ランキングを発表します。")
             break
         
-        # 少し待機
         time.sleep(5)
     
-    # ランキング発表
     ranking_msg = create_ranking_message(participants)
     post_message(ranking_msg)
     
-    print("ランキング発表完了")
+    log_message("ランキング発表完了")
 
 
-def check_config():
-    """設定が正しいかチェック"""
-    missing = []
+def bot_loop():
+    """ボットのメインループ"""
+    global running
     
-    if not CHANNEL_ID:
-        missing.append("CHANNEL_ID")
-    if not GROUP_CHAT_ID:
-        missing.append("GROUP_CHAT_ID")
-    if not ACCOUNT_TOKEN:
-        missing.append("ACCOUNT_TOKEN")
+    log_message("あけおめランキングボットを起動します...")
     
-    if missing:
-        print("エラー: 以下の環境変数が設定されていません:")
-        for var in missing:
-            print(f"  - {var}")
-        return False
-    
-    return True
-
-
-def main():
-    """メインループ"""
-    print("あけおめランキングボットを起動します...")
-    
-    # 環境変数が設定されるまで待機
-    while not check_config():
-        print("環境変数が設定されるのを待機しています...")
-        print("Hugging Face SpacesのSettings → Variables and secrets で以下を設定してください:")
-        print("  - CHANNEL_ID")
-        print("  - GROUP_CHAT_ID")
-        print("  - ACCOUNT_TOKEN")
-        print("60秒後に再試行します...")
-        time.sleep(60)
-    
-    print("設定確認OK。毎日0:00からの監視を開始します。")
-    
-    while True:
+    while running:
+        ok, msg = check_config()
+        if not ok:
+            log_message(f"設定エラー: {msg}")
+            log_message("環境変数を設定してください: CHANNEL_ID, GROUP_CHAT_ID, ACCOUNT_TOKEN")
+            time.sleep(60)
+            continue
+        
+        log_message("設定確認OK。毎日0:00からの監視を開始します。")
+        
         try:
-            # 0:00まで待機
             wait_until_midnight()
-            
-            # 監視とランキング作成
             monitor_and_rank()
-            
-            # 少し待機してから次のループへ
             time.sleep(60)
-            
-        except KeyboardInterrupt:
-            print("ボットを停止します。")
-            break
         except Exception as e:
-            print(f"エラーが発生しました: {e}")
+            log_message(f"エラーが発生しました: {e}")
             time.sleep(10)
 
 
+# ===== Gradio UI =====
+def get_status():
+    """ステータスを取得"""
+    ok, msg = check_config()
+    config_status = f"✅ {msg}" if ok else f"❌ {msg}"
+    return config_status
+
+
+def get_logs():
+    """ログを取得"""
+    return "\n".join(status_log[-50:])
+
+
+def refresh_status():
+    """ステータスを更新"""
+    return get_status(), get_logs()
+
+
+# Gradioインターフェースを作成
+with gr.Blocks(title="あけおめランキングボット") as demo:
+    gr.Markdown("# 🏆 あけおめランキングボット")
+    gr.Markdown("毎日0:00から10分間、「あけおめ」といった人を監視し、ランキングを作成します。")
+    
+    with gr.Row():
+        config_box = gr.Textbox(label="設定状態", value=get_status(), interactive=False)
+    
+    with gr.Row():
+        log_box = gr.Textbox(label="ログ", value=get_logs(), lines=15, interactive=False)
+    
+    refresh_btn = gr.Button("🔄 更新")
+    refresh_btn.click(refresh_status, inputs=[], outputs=[config_box, log_box])
+    
+    # 定期的に更新
+    demo.load(refresh_status, inputs=[], outputs=[config_box, log_box], every=10)
+
+
+# バックグラウンドでボットを開始
+bot_thread = threading.Thread(target=bot_loop, daemon=True)
+bot_thread.start()
+
+
 if __name__ == "__main__":
-    main()
+    demo.launch()

requirements.txt

@@ -1 +1,2 @@
-requests>=2.28.0
+requests>=2.28.0
+gradio>=4.0.0