Update app.py

app.py

@@ -1,19 +1,29 @@
-from flask import Flask, render_template, request, jsonify, url_for, redirect
+from flask import Flask, render_template, request, jsonify, url_for
 from gtts import gTTS
 import os
 import logging
-from translation_data import translation_dict_A, translation_dict_B, translation_dict_C, translation_dict_D, translation_dict_F, translation_dict_G
+from translation_data import (
+    translation_dict_A,
+    translation_dict_B,
+    translation_dict_C,
+    translation_dict_D,
+    translation_dict_F,
+    translation_dict_G
+)
 
-# Flask アプリケーションの初期化
+# Initialize Flask app
 app = Flask(__name__)
 
-# ログの設定
+# Configure logging
 logging.basicConfig(level=logging.DEBUG)
 
-# 音声ファイルの保存ディレクトリ
-AUDIO_DIR = 'static/audio'
+# Directory to save audio files
+AUDIO_DIR = os.path.join('static', 'audio')
 
-# フラッシュカードのデータを管理
+# Ensure the audio directory exists
+os.makedirs(AUDIO_DIR, exist_ok=True)
+
+# Flashcards data
 flashcards = {
     'A': {
         'english_sentences': list(translation_dict_A.keys()),
@@ -41,45 +51,68 @@ flashcards = {
     }
 }
 
-# ヘルパー関数: 音声ファイルを生成
+# Helper function to generate audio
 def generate_audio(text, set_name, index):
-    """テキストに基づいて音声ファイルを生成する関数"""
-    filename = f"{AUDIO_DIR}/{set_name}_{index}.mp3"
+    """Generate an audio file from text using gTTS."""
+    filename = f"{set_name}_{index}.mp3"
+    filepath = os.path.join(AUDIO_DIR, filename)
     
-    # もしファイルが存在しない場合、生成
-    if not os.path.exists(filename):
-        logging.info(f"音声ファイルを生成中: {filename}")
+    if not os.path.exists(filepath):
+        logging.info(f"Generating audio file: {filepath}")
         tts = gTTS(text=text, lang='en')
-        tts.save(filename)
+        tts.save(filepath)
     else:
-        logging.info(f"既存の音声ファイルを使用: {filename}")
+        logging.info(f"Using existing audio file: {filepath}")
     
-    return filename
+    return filepath
 
-# ルートページ: ポータルページをレンダリング
+# Route for the portal page
 @app.route('/')
 def portal():
     return render_template('portal.html')
 
-# フラッシュカードの内容を JSON で返すエンドポイント
+# Route to render the flashcards page
 @app.route('/flashcards')
-def index():
+def flashcards_page():
+    set_name = request.args.get('set', 'A')
+    index = int(request.args.get('index', 0))
+    
+    if set_name not in flashcards:
+        return "Set not found", 404
+    
+    total = len(flashcards[set_name]['english_sentences'])
+    if not (0 <= index < total):
+        return "Index out of range", 404
+    
+    return render_template(
+        'flashcards.html',
+        set_name=set_name,
+        index=index,
+        total=total,
+        english=flashcards[set_name]['english_sentences'][index],
+        japanese=flashcards[set_name]['japanese_translations'][index],
+        audio_url=url_for('static', filename=f"audio/{set_name}_{index}.mp3")
+    )
+
+# API endpoint to fetch flashcard data
+@app.route('/api/flashcards')
+def api_flashcards():
     set_name = request.args.get('set', 'A')
     index = int(request.args.get('index', 0))
 
     if set_name in flashcards:
         english_sentences = flashcards[set_name]['english_sentences']
         japanese_translations = flashcards[set_name]['japanese_translations']
-        if 0 <= index < len(english_sentences):
+        total = len(english_sentences)
+        
+        if 0 <= index < total:
             english = english_sentences[index]
             japanese = japanese_translations[index]
-            total = len(english_sentences)
             
-            # 音声ファイルの生成
+            # Generate audio and get the URL
+            audio_path = generate_audio(english, set_name, index)
             audio_url = url_for('static', filename=f"audio/{set_name}_{index}.mp3")
-            generate_audio(english, set_name, index)
-
-            # フラッシュカードの情報を JSON で返す
+            
             return jsonify({
                 'set_name': set_name,
                 'index': index,
@@ -93,10 +126,5 @@ def index():
     else:
         return jsonify({'error': 'Set not found'}), 404
 
-# 静的ファイルの処理（CSS、音声ファイルなどのルート）
-@app.route('/static/<path:filename>')
-def static_files(filename):
-    return redirect(url_for('static', filename=filename))
-
 if __name__ == '__main__':
     app.run(debug=True, host="0.0.0.0", port=7860)