Update app.py

app.py

@@ -495,14 +495,37 @@ if st.button("🚀 プロンプトを生成", type="primary", use_container_widt
             st.success("プロンプトを生成しました！")
             
             st.markdown("### 生成されたプロンプト")
+            
+            # まずプロンプトを表示
             st.code(prompt, language=None)
             
-            col1, col2 = st.columns([1, 4])
-            with col1:
-                if st.button("📋 コピー", key="copy_button"):
-                    st.write("クリップボードにコピーしました")
-            with col2:
-                st.caption("MidJourney/nijiJourneyにこのプロンプトを貼り付けて使用してください")
+            # JavaScriptを使ったコピー機能の実装
+            js_code = f"""
+            <script>
+            function copyToClipboard() {{
+                const text = `{prompt.replace("`", "\\`").replace("'", "\\'")}`;
+                navigator.clipboard.writeText(text).then(function() {{
+                    document.getElementById('copy-status').innerHTML = "コピーしました！";
+                    setTimeout(function() {{
+                        document.getElementById('copy-status').innerHTML = "";
+                    }}, 2000);
+                }})
+                .catch(function(error) {{
+                    document.getElementById('copy-status').innerHTML = "コピーできませんでした: " + error;
+                }});
+            }}
+            </script>
+            <button 
+                onclick="copyToClipboard()" 
+                style="background-color:{theme['primary']}; color:white; border:none; padding:8px 16px; border-radius:4px; cursor:pointer;"
+            >
+                📋 クリップボードにコピー
+            </button>
+            <span id="copy-status" style="margin-left:10px; color:green;"></span>
+            """
+            st.markdown(js_code, unsafe_allow_html=True)
+            
+            st.caption("MidJourney/nijiJourneyにこのプロンプトを貼り付けて使用してください")
             
             # 使用したモデルの表示を追加
             st.caption(f"使用モデル: **{model}**")