Update app.py

app.py

@@ -1,7 +1,6 @@
 import streamlit as st
 import os
 import base64
-import plotly.graph_objects as go
 from PIL import Image
 import io
 from datetime import datetime
@@ -43,7 +42,6 @@ content = {
         'view_details': '詳細を見る',
         'send': '送信',
         'message_sent': 'メッセージを送信しました！',
-        'skill_visualization': '📊 スキルレベル',
         'github_activity': '💻 GitHub 活動状況',
         'name': 'お名前',
         'email': 'メールアドレス',
@@ -67,7 +65,6 @@ content = {
         'view_details': 'View Details',
         'send': 'Send',
         'message_sent': 'Message sent successfully!',
-        'skill_visualization': '📊 Skill Levels',
         'github_activity': '💻 GitHub Activity',
         'name': 'Name',
         'email': 'Email',
@@ -653,38 +650,56 @@ def main():
                 </div>
             """, unsafe_allow_html=True)
 
-        # スキルビジュアライゼーション
-        st.markdown(f'<h2>{content[lang]["skill_visualization"]}</h2>', unsafe_allow_html=True)
-        
-        # レーダーチャート
-        skills = ['Python', 'Deep Learning', 'NLP', 'C++', 'Research'] if lang == 'en' else ['Python', 'Deep Learning', 'NLP', 'C++', '研究力']
-        values = [95, 90, 92, 75, 88]
-        
-        fig = go.Figure(data=go.Scatterpolar(
-            r=values,
-            theta=skills,
-            fill='toself',
-            line_color='#D4AF37',
-            fillcolor='rgba(212, 175, 55, 0.2)'
-        ))
-        fig.update_layout(
-            polar=dict(
-                radialaxis=dict(
-                    visible=True,
-                    range=[0, 100],
-                    gridcolor='rgba(212, 175, 55, 0.1)'
-                ),
-                angularaxis=dict(
-                    gridcolor='rgba(212, 175, 55, 0.1)'
-                )
-            ),
-            showlegend=False,
-            paper_bgcolor='rgba(0,0,0,0)',
-            plot_bgcolor='rgba(0,0,0,0)',
-            font=dict(color='#F5F5F5'),
-            height=300
-        )
-        st.plotly_chart(fig, use_container_width=True)
+        # スキルセクション
+        st.markdown(f'<h2>{content[lang]["tech_stack"]}</h2>', unsafe_allow_html=True)
+        if lang == 'ja':
+            st.markdown("""
+                <div class="glow-card">
+                    <div style="margin-bottom: 1rem;">
+                        <strong style="color: var(--primary);">AI/ML</strong><br>
+                        <span class="skill-tag">LLM</span>
+                        <span class="skill-tag">NLP</span>
+                        <span class="skill-tag">Deep Learning</span>
+                        <span class="skill-tag">世界モデル</span>
+                    </div>
+                    <div style="margin-bottom: 1rem;">
+                        <strong style="color: var(--primary);">Programming</strong><br>
+                        <span class="skill-tag">Python</span>
+                        <span class="skill-tag">C++</span>
+                        <span class="skill-tag">PyTorch</span>
+                    </div>
+                    <div>
+                        <strong style="color: var(--primary);">Research</strong><br>
+                        <span class="skill-tag">自動運転</span>
+                        <span class="skill-tag">AIエージェント</span>
+                        <span class="skill-tag">議論的対話</span>
+                    </div>
+                </div>
+            """, unsafe_allow_html=True)
+        else:
+            st.markdown("""
+                <div class="glow-card">
+                    <div style="margin-bottom: 1rem;">
+                        <strong style="color: var(--primary);">AI/ML</strong><br>
+                        <span class="skill-tag">LLM</span>
+                        <span class="skill-tag">NLP</span>
+                        <span class="skill-tag">Deep Learning</span>
+                        <span class="skill-tag">World Models</span>
+                    </div>
+                    <div style="margin-bottom: 1rem;">
+                        <strong style="color: var(--primary);">Programming</strong><br>
+                        <span class="skill-tag">Python</span>
+                        <span class="skill-tag">C++</span>
+                        <span class="skill-tag">PyTorch</span>
+                    </div>
+                    <div>
+                        <strong style="color: var(--primary);">Research</strong><br>
+                        <span class="skill-tag">Autonomous Driving</span>
+                        <span class="skill-tag">AI Agents</span>
+                        <span class="skill-tag">Argumentative Dialogue</span>
+                    </div>
+                </div>
+            """, unsafe_allow_html=True)
 
         # GitHub統計
         st.markdown(f'<h2>{content[lang]["github_activity"]}</h2>', unsafe_allow_html=True)