commit

README1.md

@@ -0,0 +1,77 @@
+# シンプルなMCPサーバー
+
+このSpaceは、Model Context Protocol (MCP) サーバーとして機能するシンプルなGradioアプリです。
+
+## 提供される機能
+
+1. **テキスト反転**: テキストを逆順にします
+2. **文字数カウント**: テキストの文字数を数えます
+3. **大文字/小文字変換**: テキストを大文字または小文字に変換します
+
+## Claudeへの接続方法
+
+### 1. Spaceをデプロイ
+
+1. [Hugging Face](https://huggingface.co/new-space)で新しいSpaceを作成
+2. SDKに「Gradio」を選択
+3. 上記の3つのファイル(`app.py`, `requirements.txt`, `README.md`)をアップロード
+4. Spaceが起動するまで待つ
+
+### 2. ClaudeにMCPサーバーを追加
+
+Spaceが起動したら、以下の設定をClaude Desktop(または他のMCPクライアント)の設定に追加します:
+
+**設定ファイルの場所:**
+- macOS: `~/Library/Application Support/Claude/claude_desktop_config.json`
+- Windows: `%APPDATA%\Claude\claude_desktop_config.json`
+
+**追加する設定:**
+```json
+{
+  "mcpServers": {
+    "my-simple-mcp": {
+      "url": "https://YOUR-USERNAME-SPACE-NAME.hf.space/gradio_api/mcp/sse"
+    }
+  }
+}
+```
+
+`YOUR-USERNAME-SPACE-NAME`は実際のSpace URLに置き換えてください。
+
+### 3. プライベートSpaceの場合
+
+プライベートSpaceを使用する場合は、Hugging Face トークンを追加します:
+
+```json
+{
+  "mcpServers": {
+    "my-simple-mcp": {
+      "url": "https://YOUR-USERNAME-SPACE-NAME.hf.space/gradio_api/mcp/sse",
+      "headers": {
+        "Authorization": "Bearer YOUR-HF-TOKEN"
+      }
+    }
+  }
+}
+```
+
+### 4. 動作確認
+
+Claude Desktopを再起動し、以下のように質問してみてください:
+
+- "Hello Worldを逆にして"
+- "おはようございますは何文字?"
+- "hello worldを大文字にして"
+
+Claudeが自動的にMCPサーバーのツールを使用して回答します!
+
+## MCPエンドポイントの確認
+
+Spaceのフッターにある「View API」リンクをクリックし、「MCP」タブを選択すると、正確な接続情報が表示されます。
+
+## トラブルシューティング
+
+- Spaceが正しく起動していることを確認
+- URLが正しいことを確認(特に`/gradio_api/mcp/sse`の部分)
+- Claude Desktopを再起動
+- 設定ファイルのJSONが正しいか確認

app.py

@@ -0,0 +1,82 @@
+import gradio as gr
+
+def reverse_text(text: str) -> str:
+    """
+    テキストを逆順にします。
+    
+    Args:
+        text: 逆順にしたいテキスト
+    
+    Returns:
+        逆順になったテキスト
+    """
+    return text[::-1]
+
+def count_characters(text: str) -> int:
+    """
+    テキストの文字数を数えます。
+    
+    Args:
+        text: 文字数を数えたいテキスト
+    
+    Returns:
+        文字数
+    """
+    return len(text)
+
+def convert_case(text: str, case_type: str) -> str:
+    """
+    テキストを大文字または小文字に変換します。
+    
+    Args:
+        text: 変換したいテキスト
+        case_type: 変換タイプ ("upper" または "lower")
+    
+    Returns:
+        変換されたテキスト
+    """
+    if case_type == "upper":
+        return text.upper()
+    elif case_type == "lower":
+        return text.lower()
+    else:
+        return "エラー: case_typeは 'upper' または 'lower' を指定してください"
+
+# 各関数用のInterfaceを作成
+reverse_interface = gr.Interface(
+    fn=reverse_text,
+    inputs=gr.Textbox(label="テキスト", value="Hello World"),
+    outputs=gr.Textbox(label="結果"),
+    title="テキスト反転",
+    description="入力したテキストを逆順にします"
+)
+
+count_interface = gr.Interface(
+    fn=count_characters,
+    inputs=gr.Textbox(label="テキスト", value="Hello World"),
+    outputs=gr.Number(label="文字数"),
+    title="文字数カウント",
+    description="入力したテキストの文字数を数えます"
+)
+
+case_interface = gr.Interface(
+    fn=convert_case,
+    inputs=[
+        gr.Textbox(label="テキスト", value="Hello World"),
+        gr.Radio(["upper", "lower"], label="変換タイプ", value="upper")
+    ],
+    outputs=gr.Textbox(label="結果"),
+    title="大文字/小文字変換",
+    description="テキストを大文字または小文字に変換します"
+)
+
+# TabbedInterfaceで複数の機能をまとめる
+demo = gr.TabbedInterface(
+    [reverse_interface, count_interface, case_interface],
+    ["テキスト反転", "文字数カウント", "大文字/小文字変換"],
+    title="シンプルなMCPサーバー"
+)
+
+if __name__ == "__main__":
+    # mcp_server=Trueを設定してMCPサーバーとして起動
+    demo.launch(mcp_server=True)

requirements.txt

@@ -0,0 +1 @@
+gradio[mcp]