Upload folder using huggingface_hub

.gitignore

@@ -0,0 +1,6 @@
+__pycache__/
+*.py[cod]
+*$py.class
+venv/
+.env
+.DS_Store

.gradio/certificate.pem

@@ -0,0 +1,31 @@
+-----BEGIN CERTIFICATE-----
+MIIFazCCA1OgAwIBAgIRAIIQz7DSQONZRGPgu2OCiwAwDQYJKoZIhvcNAQELBQAw
+TzELMAkGA1UEBhMCVVMxKTAnBgNVBAoTIEludGVybmV0IFNlY3VyaXR5IFJlc2Vh
+cmNoIEdyb3VwMRUwEwYDVQQDEwxJU1JHIFJvb3QgWDEwHhcNMTUwNjA0MTEwNDM4
+WhcNMzUwNjA0MTEwNDM4WjBPMQswCQYDVQQGEwJVUzEpMCcGA1UEChMgSW50ZXJu
+ZXQgU2VjdXJpdHkgUmVzZWFyY2ggR3JvdXAxFTATBgNVBAMTDElTUkcgUm9vdCBY
+MTCCAiIwDQYJKoZIhvcNAQEBBQADggIPADCCAgoCggIBAK3oJHP0FDfzm54rVygc
+h77ct984kIxuPOZXoHj3dcKi/vVqbvYATyjb3miGbESTtrFj/RQSa78f0uoxmyF+
+0TM8ukj13Xnfs7j/EvEhmkvBioZxaUpmZmyPfjxwv60pIgbz5MDmgK7iS4+3mX6U
+A5/TR5d8mUgjU+g4rk8Kb4Mu0UlXjIB0ttov0DiNewNwIRt18jA8+o+u3dpjq+sW
+T8KOEUt+zwvo/7V3LvSye0rgTBIlDHCNAymg4VMk7BPZ7hm/ELNKjD+Jo2FR3qyH
+B5T0Y3HsLuJvW5iB4YlcNHlsdu87kGJ55tukmi8mxdAQ4Q7e2RCOFvu396j3x+UC
+B5iPNgiV5+I3lg02dZ77DnKxHZu8A/lJBdiB3QW0KtZB6awBdpUKD9jf1b0SHzUv
+KBds0pjBqAlkd25HN7rOrFleaJ1/ctaJxQZBKT5ZPt0m9STJEadao0xAH0ahmbWn
+OlFuhjuefXKnEgV4We0+UXgVCwOPjdAvBbI+e0ocS3MFEvzG6uBQE3xDk3SzynTn
+jh8BCNAw1FtxNrQHusEwMFxIt4I7mKZ9YIqioymCzLq9gwQbooMDQaHWBfEbwrbw
+qHyGO0aoSCqI3Haadr8faqU9GY/rOPNk3sgrDQoo//fb4hVC1CLQJ13hef4Y53CI
+rU7m2Ys6xt0nUW7/vGT1M0NPAgMBAAGjQjBAMA4GA1UdDwEB/wQEAwIBBjAPBgNV
+HRMBAf8EBTADAQH/MB0GA1UdDgQWBBR5tFnme7bl5AFzgAiIyBpY9umbbjANBgkq
+hkiG9w0BAQsFAAOCAgEAVR9YqbyyqFDQDLHYGmkgJykIrGF1XIpu+ILlaS/V9lZL
+ubhzEFnTIZd+50xx+7LSYK05qAvqFyFWhfFQDlnrzuBZ6brJFe+GnY+EgPbk6ZGQ
+3BebYhtF8GaV0nxvwuo77x/Py9auJ/GpsMiu/X1+mvoiBOv/2X/qkSsisRcOj/KK
+NFtY2PwByVS5uCbMiogziUwthDyC3+6WVwW6LLv3xLfHTjuCvjHIInNzktHCgKQ5
+ORAzI4JMPJ+GslWYHb4phowim57iaztXOoJwTdwJx4nLCgdNbOhdjsnvzqvHu7Ur
+TkXWStAmzOVyyghqpZXjFaH3pO3JLF+l+/+sKAIuvtd7u+Nxe5AW0wdeRlN8NwdC
+jNPElpzVmbUq4JUagEiuTDkHzsxHpFKVK7q4+63SM1N95R1NbdWhscdCb+ZAJzVc
+oyi3B43njTOQ5yOf+1CceWxG1bQVs5ZufpsMljq4Ui0/1lvh+wjChP4kqKOJ2qxq
+4RgqsahDYVvTH9w7jXbyLeiNdd8XM2w9U/t7y0Ff/9yi0GE44Za4rF2LN9d11TPA
+mRGunUHBcnWEvgJBQl9nJEiU0Zsnvgc/ubhPgXRR4Xq37Z0j4r7g1SgEEzwxA57d
+emyPxgcYxn/eR44/KJ4EBs+lVDR3veyJm+kXQ99b21/+jh5Xos1AnX5iItreGCc=
+-----END CERTIFICATE-----

README.md

@@ -1,12 +1,23 @@
 ---
-title: AI Applications Portfolio
-emoji: 🐨
-colorFrom: gray
-colorTo: purple
-sdk: gradio
-sdk_version: 5.12.0
+title: AI_Applications_Portfolio
 app_file: app.py
-pinned: false
+sdk: gradio
+sdk_version: 5.11.0
 ---
+# Portfolio Applications
+
+This is a collection of interactive applications built with Gradio, including:
+- Image Classification
+- Text Summarization
+- Data Visualization
+
+## Setup
+```bash
+pip install -r requirements.txt
+python app.py
+```
 
-Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
+## Deploy
+To deploy to Hugging Face Spaces:
+```bash
+gradio deploy

app.py

@@ -0,0 +1,305 @@
+import gradio as gr
+import matplotlib.pyplot as plt
+import numpy as np
+from PIL import Image
+
+# カスタムCSS
+custom_css = """
+.container {
+    max-width: 900px;
+    margin: auto;
+    padding: 20px;
+}
+.gr-header {
+    text-align: center;
+    margin-bottom: 40px;
+}
+.gr-header h1 {
+    color: #2a2a2a;
+    font-size: 2.5em;
+    margin-bottom: 10px;
+}
+.gr-header p {
+    color: #666;
+    font-size: 1.2em;
+}
+.gr-tab-text {
+    font-size: 1.1em;
+    line-height: 1.6;
+}
+.gr-button {
+    background-color: #2e7af5 !important;
+    color: white !important;
+    border: none !important;
+    border-radius: 8px !important;
+    padding: 10px 20px !important;
+    transition: all 0.3s ease !important;
+}
+.gr-button:hover {
+    background-color: #1c5ed9 !important;
+    transform: translateY(-2px);
+}
+.gr-input {
+    border-radius: 8px !important;
+    border: 2px solid #e0e0e0 !important;
+    padding: 12px !important;
+}
+.gr-input:focus {
+    border-color: #2e7af5 !important;
+    box-shadow: 0 0 0 2px rgba(46,122,245,0.2) !important;
+}
+.gr-box {
+    border-radius: 12px !important;
+    box-shadow: 0 4px 6px rgba(0,0,0,0.1) !important;
+    padding: 20px !important;
+    background: white !important;
+}
+"""
+
+# アプリケーション1：画像分類
+def image_classification(image):
+    if image is None:
+        return "画像をアップロードしてください。", None
+    
+    # 画像の基本情報を取得
+    info = f"""
+    画像分析結果:
+    - サイズ: {image.shape}
+    - 色空間: RGB
+    - 解像度: {image.shape[0]}x{image.shape[1]}ピクセル
+    """
+    
+    # サムネイル画像を生成
+    thumbnail = Image.fromarray(image).copy()
+    thumbnail.thumbnail((200, 200))
+    
+    return info, thumbnail
+
+# アプリケーション2：テキスト要約
+def text_summary(text):
+    if not text:
+        return "テキストを入力してください。"
+    
+    # 文章の基本情報を分析
+    char_count = len(text)
+    word_count = len(text.split())
+    line_count = len(text.splitlines())
+    
+    summary = f"""
+    テキスト分析結果:
+    - 文字数: {char_count}文字
+    - 単語数: {word_count}語
+    - 行数: {line_count}行
+    
+    要約:
+    {text[:200] + '...' if len(text) > 200 else text}
+    """
+    
+    return summary
+
+# アプリケーション3：データ可視化
+def visualize_data(x_input, y_input):
+    try:
+        x = [float(i.strip()) for i in x_input.split(',')]
+        y = [float(i.strip()) for i in y_input.split(',')]
+        
+        if len(x) != len(y):
+            return None, "エラー: X座標とY座標の数が一致しません。"
+        
+        fig = plt.figure(figsize=(10, 6))
+        plt.style.use('seaborn')
+        plt.plot(x, y, 'o-', linewidth=2, markersize=8, color='#2e7af5')
+        plt.title('データ可視化', fontsize=16, pad=20)
+        plt.xlabel('X軸', fontsize=12)
+        plt.ylabel('Y軸', fontsize=12)
+        plt.grid(True, linestyle='--', alpha=0.7)
+        
+        # グラフの見た目を改善
+        plt.tick_params(axis='both', which='major', labelsize=10)
+        plt.gca().spines['top'].set_visible(False)
+        plt.gca().spines['right'].set_visible(False)
+        
+        return fig, "グラフが生成されました。"
+    except ValueError:
+        return None, "エラー: 無効な入力です。数値をカンマで区切って入力してください。"
+
+# Gradioインターフェースの構築
+with gr.Blocks(css=custom_css, theme=gr.themes.Soft()) as portfolio:
+    # ヘッダー
+    with gr.Column(elem_classes="container"):
+        gr.Markdown(
+            """
+            # ポートフォリオサイト
+            
+            私が開発したさまざまなアプリケーションを体験できるポートフォリオサイトへようこそ。
+            各タブで異なるアプリケーションを試すことができます。
+            """,
+            elem_classes="gr-header"
+        )
+        
+        # タブコンテナ
+        with gr.Tabs():
+            # 画像分類タブ
+            with gr.TabItem("📷 画像分類", elem_classes="gr-tab"):
+                with gr.Column(elem_classes="gr-box"):
+                    gr.Markdown(
+                        """
+                        ### 画像分類アプリ
+                        画像をアップロードすると、その特徴を分析します。高品質な画像をアップロードすることで、
+                        より正確な分析結果が得られます。
+                        """,
+                        elem_classes="gr-tab-text"
+                    )
+                    with gr.Row():
+                        with gr.Column():
+                            image_input = gr.Image(
+                                label="画像をアップロード",
+                                type="numpy",
+                                elem_classes="gr-input"
+                            )
+                            image_button = gr.Button(
+                                "分析開始",
+                                elem_classes="gr-button"
+                            )
+                        with gr.Column():
+                            image_output = gr.Textbox(
+                                label="分析結果",
+                                elem_classes="gr-input"
+                            )
+                            image_thumbnail = gr.Image(
+                                label="サムネイル",
+                                elem_classes="gr-input"
+                            )
+                    
+                    image_button.click(
+                        image_classification,
+                        inputs=image_input,
+                        outputs=[image_output, image_thumbnail]
+                    )
+            
+            # テキスト要約タブ
+            with gr.TabItem("📝 テキスト要約", elem_classes="gr-tab"):
+                with gr.Column(elem_classes="gr-box"):
+                    gr.Markdown(
+                        """
+                        ### テキスト要約アプリ
+                        長い文章を入力すると、要約と基本的な統計情報を生成します。
+                        日本語、英語どちらの入力にも対応しています。
+                        """,
+                        elem_classes="gr-tab-text"
+                    )
+                    text_input = gr.Textbox(
+                        label="テキストを入力",
+                        placeholder="ここに要約したいテキストを入力してください...",
+                        lines=5,
+                        elem_classes="gr-input"
+                    )
+                    text_button = gr.Button(
+                        "要約開始",
+                        elem_classes="gr-button"
+                    )
+                    text_output = gr.Textbox(
+                        label="要約結果",
+                        elem_classes="gr-input"
+                    )
+                    
+                    text_button.click(
+                        text_summary,
+                        inputs=text_input,
+                        outputs=text_output
+                    )
+            
+            # データ可視化タブ
+            with gr.TabItem("📊 データ可視化", elem_classes="gr-tab"):
+                with gr.Column(elem_classes="gr-box"):
+                    gr.Markdown(
+                        """
+                        ### データ可視化ツール
+                        X座標とY座標を入力すると、美しいグラフを生成します。
+                        数値はカンマで区切って入力してください。
+                        
+                        例：
+                        - X座標: 1, 2, 3, 4, 5
+                        - Y座標: 10, 20, 15, 25, 30
+                        """,
+                        elem_classes="gr-tab-text"
+                    )
+                    with gr.Row():
+                        x_input = gr.Textbox(
+                            label="X座標",
+                            placeholder="例: 1, 2, 3, 4, 5",
+                            value="1, 2, 3, 4, 5",
+                            elem_classes="gr-input"
+                        )
+                        y_input = gr.Textbox(
+                            label="Y座標",
+                            placeholder="例: 10, 20, 30, 40, 50",
+                            value="10, 20, 30, 40, 50",
+                            elem_classes="gr-input"
+                        )
+                    
+                    plot_button = gr.Button(
+                        "グラフ生成",
+                        elem_classes="gr-button"
+                    )
+                    with gr.Row():
+                        plot_output = gr.Plot(label="グラフ")
+                        plot_message = gr.Textbox(
+                            label="メッセージ",
+                            elem_classes="gr-input"
+                        )
+                    
+                    plot_button.click(
+                        visualize_data,
+                        inputs=[x_input, y_input],
+                        outputs=[plot_output, plot_message]
+                    )
+            
+            # プロジェクト情報タブ
+            with gr.TabItem("ℹ️ プロジェクト情報", elem_classes="gr-tab"):
+                with gr.Column(elem_classes="gr-box"):
+                    gr.Markdown(
+                        """
+                        ### プロジェクトについて
+                        
+                        このポートフォリオサイトは、Pythonの強力なライブラリGradioを使用して作成された
+                        複数のアプリケーションを統合したものです。
+                        
+                        #### 機能一覧
+                        1. **画像分類アプリ** 🖼️
+                           - 画像をアップロードして分析
+                           - 画像の基本情報を表示
+                           - サムネイル生成機能
+                        
+                        2. **テキスト要約アプリ** 📚
+                           - テキストの基本統計情報
+                           - 文章の要約機能
+                           - 日本語・英語対応
+                        
+                        3. **データ可視化ツール** 📈
+                           - インタラクティブなグラフ生成
+                           - 美しいデータ可視化
+                           - カスタマイズ可能なプロット
+                        
+                        #### 技術スタック
+                        - Python 3.8+
+                        - Gradio 4.0+
+                        - Matplotlib 3.7+
+                        - NumPy 1.24+
+                        - Pillow 10.0+
+                        
+                        #### ソースコード
+                        このプロジェクトのソースコードは[GitHub](https://github.com/yourusername/portfolio)で公開されています。
+                        
+                        #### 連絡先
+                        質問やフィードバックがありましたら、以下の連絡先までお願いします：
+                        - Email: your.email@example.com
+                        - Twitter: @yourusername
+                        - LinkedIn: [Your Name](https://linkedin.com/in/yourprofile)
+                        """,
+                        elem_classes="gr-tab-text"
+                    )
+
+# アプリケーションの起動
+if __name__ == "__main__":
+    portfolio.launch(share=True)

requirements.txt

@@ -0,0 +1,4 @@
+gradio>=4.0.0
+matplotlib>=3.7.0
+numpy>=1.24.0
+Pillow>=10.0.0