Create app.py

app.py

@@ -0,0 +1,108 @@
+import streamlit as st
+import os
+from groq import Groq
+
+# Streamlitアプリのセットアップ
+st.set_page_config(
+    page_title="KizukiChat",
+    page_icon="💻",
+    layout="wide"
+)
+
+# タイトルと説明
+st.title("コーディングアシスタント 💻")
+st.markdown("このアプリはGroq APIを使用したコーディング特化のAIチャットアシスタントです。")
+
+# APIキーの取得（Hugging Face Spaces環境変数から）
+api_key = os.getenv("GROQ_API_KEY", "")
+
+# モデル選択
+model_option = st.sidebar.selectbox(
+    "モデルを選択",
+    ["llama3-70b-8192", "llama3-8b-8192", "mixtral-8x7b-32768"]
+)
+
+# システムプロンプトの設定
+system_prompt = st.sidebar.text_area(
+    "システムプロンプト",
+    value="あなたはコーディングの専門家です。ユーザーのプログラミングに関する質問に詳細かつ正確に回答してください。コードの説明は日本語で、コードサンプルは適切なプログラミング言語で提供してください。",
+    height=150
+)
+
+# チャット履歴の初期化
+if "messages" not in st.session_state:
+    st.session_state.messages = []
+
+# 過去のメッセージを表示
+for message in st.session_state.messages:
+    with st.chat_message(message["role"]):
+        st.markdown(message["content"])
+
+# ユーザー入力
+if prompt := st.chat_input("質問を入力してください"):
+    # ユーザーメッセージを表示
+    st.chat_message("user").markdown(prompt)
+    
+    # ユーザーメッセージをセッション状態に追加
+    st.session_state.messages.append({"role": "user", "content": prompt})
+    
+    # APIキーがある場合のみ実行
+    if api_key:
+        try:
+            # Groq APIクライアントの初期化
+            client = Groq(api_key=api_key)
+            
+            # チャット履歴の準備
+            messages = [{"role": "system", "content": system_prompt}]
+            messages.extend(st.session_state.messages)
+            
+            # レスポンスを取得
+            with st.spinner("回答を生成中..."):
+                response = client.chat.completions.create(
+                    model=model_option,
+                    messages=messages,
+                    temperature=0.5,
+                    max_tokens=8192,
+                    top_p=1,
+                    stream=False
+                )
+            
+            # レスポンスを表示
+            assistant_response = response.choices[0].message.content
+            st.chat_message("assistant").markdown(assistant_response)
+            
+            # アシスタントメッセージをセッション状態に追加
+            st.session_state.messages.append({"role": "assistant", "content": assistant_response})
+            
+        except Exception as e:
+            st.error(f"エラーが発生しました: {str(e)}")
+    else:
+        st.error("GROQ_API_KEYが設定されていません。Hugging Face Spacesの環境変数で設定してください。")
+
+# チャット履歴のクリア機能
+if st.sidebar.button("会話履歴をクリア"):
+    st.session_state.messages = []
+    st.experimental_rerun()
+
+# README情報
+st.sidebar.markdown("---")
+st.sidebar.markdown("### 使い方")
+st.sidebar.markdown("""
+1. Hugging Face Spacesの環境変数でGROQ_API_KEYを設定
+2. 使用するモデルを選択
+3. 必要に応じてシステムプロンプトを調整
+4. チャット入力欄に質問を入力
+""")
+
+# API Keyがない場合の警告表示
+if not api_key:
+    st.warning("""
+    ### ⚠️ GROQ_API_KEYが設定されていません
+    
+    このアプリを使用するには、Hugging Face Spacesの環境変数設定でGROQ_API_KEYを設定する必要があります:
+    
+    1. Spacesのダッシュボードに移動
+    2. Settings > Repository secrets
+    3. 新しいシークレットを追加: キー名 `GROQ_API_KEY`、値に自分のGroq APIキーを入力
+    4. アプリを再起動
+    """)