init

.gitattributes

@@ -33,3 +33,4 @@ saved_model/**/* filter=lfs diff=lfs merge=lfs -text
 *.zip filter=lfs diff=lfs merge=lfs -text
 *.zst filter=lfs diff=lfs merge=lfs -text
 *tfevents* filter=lfs diff=lfs merge=lfs -text
+*.png filter=lfs diff=lfs merge=lfs -text

.gitignore

@@ -0,0 +1 @@
+.venv/

app.py

@@ -0,0 +1,85 @@
+# app.py
+from pathlib import Path
+
+import gradio as gr
+
+# -----------------------------
+# 設定
+# -----------------------------
+SPECS_DIR = Path("specs")
+
+
+# -----------------------------
+# ユーティリティ
+# -----------------------------
+def list_game_names():
+    """specs/ 以下のディレクトリ名をゲーム名として列挙"""
+    if not SPECS_DIR.exists():
+        return []
+    return sorted([p.name for p in SPECS_DIR.iterdir() if p.is_dir()])
+
+
+def gallery_images(game_name: str):
+    """選択ゲームの spec1..5 のパス（存在するものだけ）を返す"""
+    images = []
+    for i in range(1, 6):
+        p = SPECS_DIR / game_name / f"spec{i}.png"
+        if p.exists():
+            images.append(str(p))
+    return images
+
+
+def filter_table(query: str, all_names: list[str]):
+    """簡易フィルタ：部分一致でゲーム名を絞り込み（大文字小文字無視）"""
+    q = (query or "").strip().lower()
+    names = all_names if not q else [n for n in all_names if q in n.lower()]
+    # Dataframe は 2次元配列でもOK
+    return [[n] for n in names]
+
+
+def on_select(evt: gr.SelectData):
+    """左の表の行クリックでギャラリー更新"""
+    # Dataframe の select は SelectData を受け取り、row_value に行全体の値が入る
+    # row_value[0] が 1列目（=ゲーム名）
+    row = evt.row_value or []
+    game = row[0] if row else None
+    if not game:
+        return "## ゲームを選んでください", []
+    return f"## `{game}`", gallery_images(game)
+
+
+with gr.Blocks() as app:
+    gr.Markdown(
+        "# VisualNovel_Dataset Spectrogram Viewer\n- 左のゲーム名をクリックすると、右にそのスペクトログラム5枚が表示されます。"
+    )
+
+    all_names_state = gr.State(list_game_names())
+
+    with gr.Row():
+        with gr.Column(scale=1):
+            search = gr.Textbox(
+                placeholder="ゲーム名をフィルタ（部分一致）", show_label=False
+            )
+            table = gr.Dataframe(
+                value=[[n] for n in all_names_state.value],
+                headers=["game_name"],
+                show_row_numbers=True,
+            )
+        with gr.Column(scale=2):
+            title_md = gr.Markdown("## ゲームをクリックしてください")
+            gallery = gr.Gallery(
+                columns=3,
+                height="auto",
+                preview=True,
+                show_fullscreen_button=True,
+            )
+
+    # クリックでギャラリー更新
+    table.select(fn=on_select, outputs=[title_md, gallery])
+
+    # フィルタで左表の表示を更新
+    search.change(fn=filter_table, inputs=[search, all_names_state], outputs=table)
+
+# ローカル実行
+if __name__ == "__main__":
+    app.launch(inbrowser=True)

requirements.txt

@@ -0,0 +1 @@
+gradio