feat: Enhance pose editor with improved hand data logging and template selection functionality

- Added detailed logging for hand data preparation and drawing in pose_editor.js.
- Implemented a new template selection feature that consolidates multiple templates into one with a manual update button.
- Introduced a new JSON file (3heads.json) containing pose data for 3-headed characters.
- Updated poses.json to include structured pose data for 2-head and 3-head characters.
- Improved error handling and user experience during template loading and pose updates.

.gitignore

@@ -95,10 +95,10 @@ output/
 *.avi
 *.mov
 *.jsonl
-*.json
+test*.json
 !template_pose.json
 # testプログラム
-test_*.py
+test*.py
 
 # HuggingFace Spacesデプロイ関連
 .space/

3heads.json

@@ -0,0 +1,477 @@
+{
+  "bodies": {
+    "candidate": [
+      [
+        253.99999999999997,
+        148.66666666666663,
+        1.0,
+        0
+      ],
+      [
+        256.33333333333337,
+        210.0,
+        1.0,
+        0
+      ],
+      [
+        205.33333333333334,
+        209.33333333333331,
+        1.0,
+        0
+      ],
+      [
+        184.66666666666666,
+        261.99999999999994,
+        1.0,
+        0
+      ],
+      [
+        165.33333333333334,
+        310.6666666666667,
+        1.0,
+        0
+      ],
+      [
+        307.33333333333337,
+        210.66666666666669,
+        1.0,
+        0
+      ],
+      [
+        327.33333333333337,
+        262.6666666666667,
+        1.0,
+        0
+      ],
+      [
+        344.66666666666674,
+        309.99999999999994,
+        1.0,
+        0
+      ],
+      [
+        223.33333333333334,
+        339.3333333333333,
+        1.0,
+        0
+      ],
+      [
+        224.66666666666666,
+        399.3333333333334,
+        1.0,
+        0
+      ],
+      [
+        234.66666666666666,
+        470.00000000000006,
+        1.0,
+        0
+      ],
+      [
+        286.66666666666674,
+        339.3333333333333,
+        1.0,
+        0
+      ],
+      [
+        281.33333333333337,
+        400.00000000000006,
+        1.0,
+        0
+      ],
+      [
+        274.66666666666674,
+        470.00000000000006,
+        1.0,
+        0
+      ],
+      [
+        233.99999999999997,
+        133.99999999999994,
+        1.0,
+        0
+      ],
+      [
+        271.33333333333337,
+        133.99999999999994,
+        1.0,
+        0
+      ],
+      [
+        206.66666666666666,
+        150.66666666666663,
+        1.0,
+        0
+      ],
+      [
+        298.0,
+        150.66666666666663,
+        1.0,
+        0
+      ],
+      [
+        228.0,
+        479.33333333333337,
+        1.0,
+        0
+      ],
+      [
+        283.33333333333337,
+        478.66666666666674,
+        1.0,
+        0
+      ]
+    ],
+    "subset": []
+  },
+  "hands": [
+    [
+      344.66666666666674,
+      311.99999999999994,
+      0.7150347828865051,
+      339.33333333333337,
+      321.99999999999994,
+      0.7231502532958984,
+      333.33333333333337,
+      331.3333333333333,
+      0.661381721496582,
+      331.33333333333337,
+      339.99999999999994,
+      0.6448965668678284,
+      330.0,
+      349.3333333333333,
+      0.591521143913269,
+      350.0,
+      332.6666666666667,
+      0.6919199228286743,
+      354.0,
+      341.99999999999994,
+      0.6912438273429871,
+      358.0,
+      347.99999999999994,
+      0.6884741187095642,
+      361.33333333333337,
+      353.3333333333333,
+      0.705511212348938,
+      357.33333333333337,
+      329.3333333333333,
+      0.7716554403305054,
+      363.33333333333337,
+      339.3333333333333,
+      0.7899695038795471,
+      367.33333333333337,
+      347.3333333333333,
+      0.7758855223655701,
+      370.0,
+      353.99999999999994,
+      0.7775080800056458,
+      363.33333333333337,
+      326.6666666666667,
+      0.789682924747467,
+      369.33333333333337,
+      335.99999999999994,
+      0.7895171046257019,
+      372.0,
+      343.3333333333333,
+      0.7826341390609741,
+      374.0,
+      349.99999999999994,
+      0.7542178630828857,
+      368.66666666666674,
+      323.99999999999994,
+      0.7270801067352295,
+      372.66666666666674,
+      330.6666666666667,
+      0.7413800358772278,
+      376.0,
+      337.99999999999994,
+      0.7292997241020203,
+      378.0,
+      343.99999999999994,
+      0.7108736634254456
+    ],
+    [
+      165.33333333333334,
+      312.6666666666667,
+      0.7797001600265503,
+      170.66666666666666,
+      321.99999999999994,
+      0.7401540279388428,
+      175.33333333333334,
+      331.99999999999994,
+      0.7077389359474182,
+      173.33333333333334,
+      340.6666666666667,
+      0.7360478043556213,
+      173.33333333333334,
+      347.99999999999994,
+      0.7185596227645874,
+      160.66666666666666,
+      332.6666666666667,
+      0.7588577270507812,
+      155.99999999999997,
+      341.99999999999994,
+      0.7737218141555786,
+      152.66666666666666,
+      347.99999999999994,
+      0.7760618329048157,
+      148.66666666666666,
+      352.6666666666667,
+      0.7934918403625488,
+      153.99999999999997,
+      329.99999999999994,
+      0.8451609015464783,
+      147.99999999999997,
+      339.99999999999994,
+      0.8416674733161926,
+      143.33333333333334,
+      347.3333333333333,
+      0.8654172420501709,
+      139.99999999999997,
+      352.6666666666667,
+      0.829170823097229,
+      147.99999999999997,
+      326.6666666666667,
+      0.8563532829284668,
+      143.33333333333334,
+      335.99999999999994,
+      0.8371527194976807,
+      138.66666666666666,
+      343.3333333333333,
+      0.8210606575012207,
+      134.66666666666666,
+      348.6666666666667,
+      0.7967222929000854,
+      143.99999999999997,
+      323.3333333333333,
+      0.8345107436180115,
+      139.99999999999997,
+      329.3333333333333,
+      0.7522804737091064,
+      135.99999999999997,
+      335.99999999999994,
+      0.7406725883483887,
+      132.66666666666666,
+      341.3333333333333,
+      0.7635241746902466
+    ]
+  ],
+  "faces": [
+    [
+      216.66666666666666,
+      135.99999999999994,
+      0.36343619227409363,
+      217.33333333333334,
+      149.33333333333331,
+      0.3816818594932556,
+      219.33333333333334,
+      157.33333333333331,
+      0.42397695779800415,
+      221.99999999999997,
+      165.33333333333331,
+      0.44912877678871155,
+      226.66666666666666,
+      173.99999999999994,
+      0.46479764580726624,
+      231.99999999999997,
+      179.99999999999994,
+      0.42750057578086853,
+      238.66666666666666,
+      182.66666666666663,
+      0.4347080588340759,
+      245.33333333333334,
+      185.33333333333331,
+      0.4085705578327179,
+      253.33333333333334,
+      187.99999999999994,
+      0.39466774463653564,
+      262.0,
+      185.99999999999994,
+      0.4313513934612274,
+      269.33333333333337,
+      182.66666666666663,
+      0.4474577009677887,
+      276.0,
+      180.66666666666663,
+      0.4354158639907837,
+      280.0,
+      173.99999999999994,
+      0.4418158233165741,
+      286.0,
+      165.99999999999994,
+      0.40984541177749634,
+      288.0,
+      155.33333333333331,
+      0.3851367235183716,
+      289.33333333333337,
+      149.99999999999994,
+      0.35478973388671875,
+      290.0,
+      136.66666666666663,
+      0.3434315025806427,
+      221.99999999999997,
+      131.33333333333331,
+      0.3179595470428467,
+      228.66666666666666,
+      129.33333333333331,
+      0.304362028837204,
+      0.0,
+      0.0,
+      0.0,
+      238.66666666666666,
+      123.33333333333331,
+      0.3022729754447937,
+      0.0,
+      0.0,
+      0.0,
+      262.0,
+      123.33333333333331,
+      0.3105626106262207,
+      267.33333333333337,
+      122.66666666666663,
+      0.30489420890808105,
+      272.66666666666674,
+      122.66666666666663,
+      0.30186206102371216,
+      278.0,
+      129.99999999999994,
+      0.30828186869621277,
+      284.66666666666674,
+      131.33333333333331,
+      0.3039014935493469,
+      252.66666666666666,
+      133.33333333333331,
+      0.33224114775657654,
+      253.33333333333334,
+      135.99999999999994,
+      0.35275089740753174,
+      253.99999999999997,
+      141.99999999999994,
+      0.33941948413848877,
+      253.99999999999997,
+      148.66666666666663,
+      0.3312435448169708,
+      246.66666666666666,
+      153.33333333333331,
+      0.331066370010376,
+      250.66666666666666,
+      153.99999999999994,
+      0.33620479702949524,
+      253.33333333333334,
+      154.66666666666663,
+      0.32499319314956665,
+      257.33333333333337,
+      154.66666666666663,
+      0.345694363117218,
+      261.33333333333337,
+      154.66666666666663,
+      0.35932013392448425,
+      227.99999999999997,
+      134.66666666666663,
+      0.35944992303848267,
+      231.99999999999997,
+      132.66666666666663,
+      0.34046822786331177,
+      237.33333333333334,
+      132.66666666666663,
+      0.3438405692577362,
+      243.33333333333334,
+      134.66666666666663,
+      0.34850671887397766,
+      237.33333333333334,
+      135.99999999999994,
+      0.35241225361824036,
+      231.99999999999997,
+      136.66666666666663,
+      0.3446846604347229,
+      264.0,
+      134.66666666666663,
+      0.35195866227149963,
+      268.0,
+      131.99999999999994,
+      0.3443024456501007,
+      272.66666666666674,
+      131.99999999999994,
+      0.34244057536125183,
+      277.33333333333337,
+      134.66666666666663,
+      0.33403435349464417,
+      273.33333333333337,
+      135.99999999999994,
+      0.3441479802131653,
+      268.0,
+      135.99999999999994,
+      0.3523240089416504,
+      241.99999999999997,
+      165.99999999999994,
+      0.3805367350578308,
+      244.66666666666666,
+      162.66666666666663,
+      0.3476058840751648,
+      251.33333333333334,
+      161.33333333333331,
+      0.3350098133087158,
+      253.33333333333334,
+      161.99999999999994,
+      0.33215898275375366,
+      255.99999999999997,
+      161.99999999999994,
+      0.3394817113876343,
+      262.66666666666674,
+      162.66666666666663,
+      0.3805198073387146,
+      267.33333333333337,
+      165.33333333333331,
+      0.38708436489105225,
+      264.66666666666663,
+      169.99999999999994,
+      0.3987838327884674,
+      260.0,
+      172.66666666666663,
+      0.39329320192337036,
+      253.99999999999997,
+      173.33333333333331,
+      0.3859204947948456,
+      249.33333333333334,
+      171.99999999999994,
+      0.37775635719299316,
+      244.66666666666666,
+      169.33333333333331,
+      0.38992202281951904,
+      243.33333333333334,
+      165.99999999999994,
+      0.37453481554985046,
+      247.99999999999997,
+      163.33333333333331,
+      0.3382393717765808,
+      253.33333333333334,
+      163.33333333333331,
+      0.33168619871139526,
+      260.66666666666674,
+      163.33333333333331,
+      0.35072460770606995,
+      266.0,
+      165.33333333333331,
+      0.3812493085861206,
+      261.33333333333337,
+      168.66666666666663,
+      0.4090779423713684,
+      253.99999999999997,
+      168.66666666666663,
+      0.39178723096847534,
+      248.66666666666666,
+      168.66666666666663,
+      0.3850829601287842
+    ]
+  ],
+  "resolution": [
+    512,
+    512
+  ],
+  "metadata": {
+    "format": "dwpose-editor",
+    "version": "1.0",
+    "exported_at": "2025-06-13T08:21:24",
+    "description": "2頭身・3頭身キャラクター用ポーズデータ"
+  }
+}

app.py

@@ -69,12 +69,14 @@ def main():
                 # テンプレートポーズ選択
                 template_dropdown = gr.Dropdown(
                     label="テンプレートポーズ",
-                    choices=[
-                        "2頭身立ちポーズ",
-                        "3頭身立ちポーズ", 
-                        "2頭身座りポーズ"
-                    ],
-                    value="2頭身立ちポーズ"
+                    choices=["3頭身立ちポーズ"],
+                    value="3頭身立ちポーズ"
+                )
+                
+                # ポーズ更新ボタン
+                template_update_btn = gr.Button(
+                    "🔄 ポーズ更新", 
+                    variant="secondary"
                 )
                 
                 # JSONファイルアップロード
@@ -282,49 +284,107 @@ def main():
             global _current_poses, _current_frame_index
             
             try:
-                templates_path = os.path.join(os.path.dirname(__file__), "templates", "poses.json")
-                with open(templates_path, "r", encoding="utf-8") as f:
-                    templates = json.load(f)
-                
-                # テンプレート名をキーに変換
-                template_key_map = {
-                    "2頭身立ちポーズ": "2_head_standing",
-                    "3頭身立ちポーズ": "3_head_standing",
-                    "2頭身座りポーズ": "2_head_sitting"
-                }
-                
-                template_key = template_key_map.get(template_name)
-                if template_key and template_key in templates["poses"]:
-                    pose_data = templates["poses"][template_key]["data"]
+                # 3頭身テンプレートの場合は3heads.jsonを使用
+                if template_name == "3頭身立ちポーズ":
+                    templates_path = os.path.join(os.path.dirname(__file__), "3heads.json")
+                    with open(templates_path, "r", encoding="utf-8") as f:
+                        pose_data = json.load(f)
+                else:
+                    # 従来のテンプレート処理
+                    templates_path = os.path.join(os.path.dirname(__file__), "templates", "poses.json")
+                    with open(templates_path, "r", encoding="utf-8") as f:
+                        templates = json.load(f)
+                    
+                    # テンプレート名をキーに変換
+                    template_key_map = {
+                        "2頭身立ちポーズ": "2_head_standing",
+                        "2頭身座りポーズ": "2_head_sitting"
+                    }
+                    
+                    template_key = template_key_map.get(template_name)
+                    if template_key and template_key in templates["poses"]:
+                        pose_data = templates["poses"][template_key]["data"]
+                    else:
+                        notify_error("テンプレートが見つかりません")
+                        return None, {}
+                
+                if pose_data:
+                    # 3heads.jsonの場合は直接フォーマット、templates/poses.jsonの場合は.dataアクセス
+                    if template_name == "3頭身立ちポーズ":
+                        # 3heads.jsonは直接DWPoseフォーマット
+                        actual_pose_data = pose_data
+                    else:
+                        # templates/poses.jsonの場合は.dataアクセス
+                        actual_pose_data = pose_data
+                    
+                    # people形式に変換してから保存
+                    person_data = {
+                        "pose_keypoints_2d": [],
+                        "hand_left_keypoints_2d": actual_pose_data.get('hands', [[], []])[0] if actual_pose_data.get('hands') else [],
+                        "hand_right_keypoints_2d": actual_pose_data.get('hands', [[], []])[1] if actual_pose_data.get('hands') and len(actual_pose_data['hands']) > 1 else [],
+                        "face_keypoints_2d": actual_pose_data.get('faces', [[]])[0] if actual_pose_data.get('faces') else []
+                    }
+                    
+                    # デバッグ：手データの変換確認
+                    print(f"[DEBUG] 🫳 Hand data conversion:")
+                    print(f"  - hands in data: {bool(actual_pose_data.get('hands'))}")
+                    print(f"  - hands length: {len(actual_pose_data.get('hands', []))}")
+                    if actual_pose_data.get('hands'):
+                        print(f"  - left hand length: {len(actual_pose_data['hands'][0]) if len(actual_pose_data['hands']) > 0 else 0}")
+                        print(f"  - right hand length: {len(actual_pose_data['hands'][1]) if len(actual_pose_data['hands']) > 1 else 0}")
+                    print(f"  - person_data left hand: {len(person_data['hand_left_keypoints_2d'])}")
+                    print(f"  - person_data right hand: {len(person_data['hand_right_keypoints_2d'])}")
+                    
+                    # デバッグ：actual_pose_dataの構造確認
+                    print(f"[DEBUG] 🔍 actual_pose_data structure check:")
+                    print(f"  - keys: {list(actual_pose_data.keys())}")
+                    print(f"  - has bodies: {'bodies' in actual_pose_data}")
+                    if 'bodies' in actual_pose_data:
+                        print(f"  - bodies keys: {list(actual_pose_data['bodies'].keys())}")
+                        print(f"  - has candidate: {'candidate' in actual_pose_data['bodies']}")
+                    
+                    # bodies.candidateからpose_keypoints_2d変換
+                    if 'bodies' in actual_pose_data and 'candidate' in actual_pose_data['bodies']:
+                        candidates = actual_pose_data['bodies']['candidate']
+                        print(f"[DEBUG] 🤖 Body data conversion:")
+                        print(f"  - bodies.candidate length: {len(candidates)}")
+                        for i, candidate in enumerate(candidates):
+                            if candidate and len(candidate) >= 2:
+                                person_data["pose_keypoints_2d"].extend([candidate[0], candidate[1], candidate[2] if len(candidate) > 2 else 1.0])
+                                if i < 3:  # 最初の3つだけログ出力
+                                    print(f"  - candidate {i}: {candidate[:3]}")
+                        print(f"  - final pose_keypoints_2d length: {len(person_data['pose_keypoints_2d'])}")
+                    else:
+                        print(f"[DEBUG] ❌ No bodies.candidate found in actual_pose_data!")
+                        print(f"  - has bodies: {bool(actual_pose_data.get('bodies'))}")
+                        if actual_pose_data.get('bodies'):
+                            print(f"  - bodies keys: {list(actual_pose_data['bodies'].keys())}")
                     
-                    # refsと同じ_current_poses形式で保存
-                    if pose_data:
-                        # people形式に変換してから保存
-                        person_data = {
-                            "pose_keypoints_2d": [],
-                            "hand_left_keypoints_2d": pose_data.get('hands', [[], []])[0] if pose_data.get('hands') else [],
-                            "hand_right_keypoints_2d": pose_data.get('hands', [[], []])[1] if pose_data.get('hands') and len(pose_data['hands']) > 1 else [],
-                            "face_keypoints_2d": pose_data.get('faces', [[]])[0] if pose_data.get('faces') else []
+                    _current_poses = [{
+                        'people': [person_data],
+                        'metadata': {
+                            'resolution': actual_pose_data.get('resolution', [512, 512])
                         }
-                        
-                        # bodies.candidateからpose_keypoints_2d変換
-                        if 'bodies' in pose_data and 'candidate' in pose_data['bodies']:
-                            candidates = pose_data['bodies']['candidate']
-                            for candidate in candidates:
-                                if candidate and len(candidate) >= 2:
-                                    person_data["pose_keypoints_2d"].extend([candidate[0], candidate[1], candidate[2] if len(candidate) > 2 else 1.0])
-                        
-                        _current_poses = [{
-                            'people': [person_data],
-                            'metadata': {
-                                'resolution': pose_data.get('resolution', [512, 512])
-                            }
-                        }]
-                        _current_frame_index = 0
-                        print(f"[DEBUG] ✅ グローバル変数更新完了（テンプレート読み込み・refs互換）: {template_name}")
+                    }]
+                    _current_frame_index = 0
+                    print(f"[DEBUG] ✅ グローバル変数更新完了（テンプレート読み込み・refs互換）: {template_name}")
+                    
+                    # people形式でデータを構築（元のbodies/hands/facesも保持）
+                    people_format_data = {
+                        'people': [person_data],
+                        'bodies': actual_pose_data.get('bodies', {}),  # 元のbodiesデータも保持
+                        'hands': actual_pose_data.get('hands', []),    # 元のhandsデータも保持
+                        'faces': actual_pose_data.get('faces', []),    # 元のfacesデータも保持
+                        'metadata': {
+                            'resolution': actual_pose_data.get('resolution', [512, 512])
+                        },
+                        'is_template_load': True  # テンプレート読み込みフラグ
+                    }
+                    
+                    print(f"[DEBUG] 🔄 Returning people format data with {len(person_data['hand_left_keypoints_2d'])} left hand points")
                     
                     notify_success(f"{template_name}を読み込みました")
-                    return pose_data, pose_data
+                    return people_format_data, people_format_data
                 else:
                     notify_error("テンプレートが見つかりません")
                     return None, {}
@@ -754,8 +814,8 @@ def main():
             outputs=[js_executor]
         )
         
-        # テンプレートポーズ選択イベント
-        template_dropdown.change(
+        # ポーズ更新ボタンクリックイベント
+        template_update_btn.click(
             fn=load_template_pose,
             inputs=[template_dropdown],
             outputs=[output_json, pose_data]

issues/039_テンプレート選択機能改善.md

@@ -0,0 +1,136 @@
+# Issue #039: テンプレート選択機能改善 🎯✨
+
+## 概要
+現在のテンプレートドロップダウンには3つのテンプレートが登録されているが、これを1つに集約し、「ポーズ更新」ボタンを追加してユーザーが任意のタイミングでテンプレートを反映できる機能を実装する。
+
+## 問題の詳細
+
+### 現在の状況
+- テンプレートドロップダウンに3つのテンプレートが登録済み
+  - "2頭身立ちポーズ"
+  - "3頭身立ちポーズ" 
+  - "2頭身座りポーズ"
+- 3heads.jsonに3頭身テンプレートデータが用意済み
+- テンプレート選択時に自動反映される仕様
+
+### 改善したい点
+1. **テンプレート数の集約**: 現在の3つから1つに削減
+2. **手動更新方式**: 自動反映ではなく、「ポーズ更新」ボタンによる手動更新
+3. **テンプレートファイル活用**: 3heads.jsonの活用
+
+## 解決方法
+
+### 1. テンプレートリストの変更
+```python
+# Before
+template_dropdown = gr.Dropdown(
+    label="テンプレートポーズ",
+    choices=[
+        "2頭身立ちポーズ",
+        "3頭身立ちポーズ", 
+        "2頭身座りポーズ"
+    ],
+    value="2頭身立ちポーズ"
+)
+
+# After
+template_dropdown = gr.Dropdown(
+    label="テンプレートポーズ",
+    choices=["3頭身立ちポーズ"],
+    value="3頭身立ちポーズ"
+)
+```
+
+### 2. ポーズ更新ボタンの追加
+テンプレートドロップダウンの直下に「ポーズ更新」ボタンを配置：
+```python
+template_update_btn = gr.Button(
+    "🔄 ポーズ更新", 
+    variant="secondary",
+    scale=0
+)
+```
+
+### 3. イベントハンドラーの変更
+- 既存の `template_dropdown.change` イベントを削除
+- 新しい `template_update_btn.click` イベントを追加
+
+### 4. テンプレートファイルの統合
+- 3heads.jsonを適切に読み込む処理を実装
+- テンプレート名とファイルパスのマッピングを更新
+
+## 実装詳細
+
+### Phase 1: UIコンポーネントの変更
+1. `app.py:70-78` テンプレートドロップダウンの選択肢を1つに変更
+2. `app.py:78` の直後に「ポーズ更新」ボタンを追加
+
+### Phase 2: イベントハンドラーの変更
+1. `app.py:758-761` 既存のテンプレート自動更新イベントを削除
+2. 新しいボタンクリックイベントを追加
+3. `on_template_load()` 関数は既存のものを流用
+
+### Phase 3: テンプレートファイル処理の修正
+1. 3heads.jsonの読み込み処理を確認
+2. テンプレート名とファイルパスのマッピングを更新
+3. "3頭身立ちポーズ" → `3heads.json` の対応付け
+
+## 期待される効果
+
+### ユーザーエクスペリエンス
+- **シンプルな選択肢**: 1つのテンプレートで迷わない
+- **手動制御**: ユーザーが任意のタイミングで更新可能
+- **明確な操作**: ボタンクリックで何が起こるかが明確
+
+### 技術的メリット
+- **コード簡素化**: テンプレート管理が単純化
+- **ファイル活用**: 実際のテンプレートファイルを有効活用
+- **デバッグ容易性**: 手動トリガーでデバッグしやすい
+
+## テスト項目
+
+### 基本機能テスト
+- [ ] テンプレートドロップダウンに「3頭身立ちポーズ」のみ表示
+- [ ] 「ポーズ更新」ボタンが正常に表示される
+- [ ] ボタンクリックで3heads.jsonのポーズデータが読み込まれる
+- [ ] Canvas上にポーズが正常に描画される
+
+### エラーハンドリング
+- [ ] 3heads.jsonが存在しない場合のエラー処理
+- [ ] JSONファイルが不正な場合のエラー処理
+- [ ] Canvas更新失敗時のエラー処理
+
+### UI/UX確認
+- [ ] ボタンの配置とデザインが適切
+- [ ] トースト通知が正常に表示される
+- [ ] レスポンシブデザインの確認
+
+## 参考実装
+
+### refs/dwpose_modifier参照点
+- `refs/dwpose_modifier/app.py` テンプレート選択UI実装
+- `refs/dwpose_modifier/static/pose_editor.js` Canvas更新処理
+- `refs/dwpose_modifier/utils/template_loader.py` テンプレート読み込み処理
+
+### 既存コード活用
+- `on_template_load()` 関数 (app.py:281)
+- `update_canvas_with_pose()` 処理
+- エラーハンドリング (`utils/notifications.py`)
+
+## 実装工数
+- **見積もり**: 2-3時間
+- **優先度**: Medium
+- **複雑度**: Low-Medium
+
+## 完了条件
+1. テンプレートドロップダウンが1つの選択肢のみ表示される
+2. 「ポーズ更新」ボタンが適切に配置・動作する  
+3. 3heads.jsonのテンプレートデータが正常に読み込まれる
+4. Canvas上にポーズが正確に描画される
+5. エラーハンドリングが適切に動作する
+
+---
+*Created: 2025-01-15*
+*Status: 新規作成*
+*Assignee: Claude Code Agent*
+*Tags: UI改善, テンプ��ート機能, ユーザビリティ*

static/pose_editor.js

@@ -1876,14 +1876,23 @@ function drawPose(poseData, enableHands = true, enableFace = true, highlightInde
                     person.hand_left_keypoints_2d || [],
                     person.hand_right_keypoints_2d || []
                 ];
+                console.log('🫳 [HANDS DEBUG] Hand data prepared:', {
+                    leftLength: handsDataForDrawing[0].length,
+                    rightLength: handsDataForDrawing[1].length,
+                    leftSample: handsDataForDrawing[0].slice(0, 9),
+                    rightSample: handsDataForDrawing[1].slice(0, 9)
+                });
             // 💖 people形式のみサポート、古いhands形式は削除
             } else {
                 handsDataForDrawing = [[], []]; // 空の手データ
+                console.log('🫳 [HANDS DEBUG] No people data, using empty hands');
             }
             
             if (handsDataForDrawing && handsDataForDrawing.length >= 2) {
                 drawHands(handsDataForDrawing, originalRes, scaleX, scaleY);
                 debugLog(`🫳 Hands drawn: left=${handsDataForDrawing[0].length}, right=${handsDataForDrawing[1].length}`);
+            } else {
+                console.log('🫳 [HANDS DEBUG] Invalid handsDataForDrawing structure');
             }
         } catch (error) {
             console.error("❌ Error drawing hands:", error);
@@ -2363,9 +2372,20 @@ window.gradioCanvasUpdate = function(pose_json_str) {
             hasBodies: !!poseData?.bodies,
             hasHands: !!poseData?.hands,
             hasFaces: !!poseData?.faces,
-            hasBackgroundImage: !!poseData?.background_image
+            hasBackgroundImage: !!poseData?.background_image,
+            handLeftLength: poseData?.people?.[0]?.hand_left_keypoints_2d?.length || 0,
+            handRightLength: poseData?.people?.[0]?.hand_right_keypoints_2d?.length || 0,
+            isTemplateLoad: !!poseData?.is_template_load
         });
         
+        // 🔍 テンプレート読み込み時の詳細ログ
+        if (poseData?.is_template_load) {
+            console.log('🔄 [TEMPLATE LOAD] Detailed hand data check:', {
+                leftHandData: poseData?.people?.[0]?.hand_left_keypoints_2d?.slice(0, 9) || 'NO DATA',
+                rightHandData: poseData?.people?.[0]?.hand_right_keypoints_2d?.slice(0, 9) || 'NO DATA'
+            });
+        }
+        
         // 🎨 背景画像が含まれている場合は設定
         if (poseData && poseData.background_image) {
             if (window.setBackgroundImage) {
@@ -2373,9 +2393,28 @@ window.gradioCanvasUpdate = function(pose_json_str) {
             }
         }
         
-        // 💥 既存の手・顔データを保護！Python側データで上書きしない
+        // 💥 テンプレート読み込み時は完全置換、それ以外は既存データ保護
+        const isTemplateLoad = poseData.is_template_load === true;
         const existingPoseData = window.poseEditorGlobals.poseData;
-        if (existingPoseData && existingPoseData.people && existingPoseData.people[0] && 
+        
+        if (isTemplateLoad) {
+            console.log('🔄 [gradioCanvasUpdate] Template load detected - complete replacement');
+            // テンプレート読み込み時は完全置換
+            window.poseEditorGlobals.poseData = poseData;
+            // baseOriginalKeypointsもリセット（新しいテンプレート用）
+            window.poseEditorGlobals.baseOriginalKeypoints = null;
+            
+            // 🔧 テンプレート読み込み時は現在のチェックボックス状態を強制取得
+            updateDisplaySettingsFromCheckbox();
+            console.log('🔧 [TEMPLATE LOAD] Forced display settings update:', {
+                enableHands: window.poseEditorGlobals.enableHands,
+                enableFace: window.poseEditorGlobals.enableFace,
+                editMode: window.poseEditorGlobals.editMode
+            });
+            
+            // 念のため、チェックボックス監視も再設定
+            setTimeout(() => setupGradioCheckboxListeners(), 100);
+        } else if (existingPoseData && existingPoseData.people && existingPoseData.people[0] && 
             poseData && (!poseData.people || !poseData.people[0])) {
             
             console.log('🛡️ [gradioCanvasUpdate] Protecting existing people data from overwrite');
@@ -2461,6 +2500,14 @@ window.gradioCanvasUpdate = function(pose_json_str) {
         
         // 🔧 グローバル設定で描画（手・顔表示設定を反映）
         if (poseData && Object.keys(poseData).length > 0) {
+            console.log('🎨 [DRAW CALL] About to call drawPose with settings:', {
+                enableHands: window.poseEditorGlobals.enableHands,
+                enableFace: window.poseEditorGlobals.enableFace,
+                editMode: window.poseEditorGlobals.editMode,
+                hasPeopleData: !!poseData.people,
+                handDataAvailable: !!(poseData.people?.[0]?.hand_left_keypoints_2d?.length > 0)
+            });
+            
             drawPose(
                 poseData, 
                 window.poseEditorGlobals.enableHands, 

templates/poses.json

@@ -0,0 +1,109 @@
+{
+  "poses": {
+    "2_head_standing": {
+      "name": "2頭身立ちポーズ",
+      "description": "2頭身キャラクター用基本立ちポーズ",
+      "data": {
+        "bodies": {
+          "candidate": [
+            [320, 100], [300, 120], [280, 140], [260, 160], [240, 180],
+            [340, 120], [360, 140], [380, 160], [400, 180],
+            [310, 200], [305, 250], [300, 300],
+            [330, 200], [335, 250], [340, 300],
+            [320, 80], [320, 60]
+          ],
+          "subset": [[0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 1.0, 17]]
+        },
+        "hands": [
+          [280, 160, 1.0, 285, 165, 1.0, 290, 170, 1.0, 295, 175, 1.0, 300, 180, 1.0,
+           275, 170, 1.0, 280, 175, 1.0, 285, 180, 1.0, 290, 185, 1.0,
+           270, 175, 1.0, 275, 180, 1.0, 280, 185, 1.0, 285, 190, 1.0,
+           265, 180, 1.0, 270, 185, 1.0, 275, 190, 1.0, 280, 195, 1.0,
+           260, 185, 1.0, 265, 190, 1.0, 270, 195, 1.0],
+          [380, 160, 1.0, 375, 165, 1.0, 370, 170, 1.0, 365, 175, 1.0, 360, 180, 1.0,
+           385, 170, 1.0, 380, 175, 1.0, 375, 180, 1.0, 370, 185, 1.0,
+           390, 175, 1.0, 385, 180, 1.0, 380, 185, 1.0, 375, 190, 1.0,
+           395, 180, 1.0, 390, 185, 1.0, 385, 190, 1.0, 380, 195, 1.0,
+           400, 185, 1.0, 395, 190, 1.0, 390, 195, 1.0]
+        ],
+        "faces": [
+          [320, 60, 1.0, 315, 65, 1.0, 310, 70, 1.0, 315, 75, 1.0, 320, 80, 1.0,
+           325, 75, 1.0, 330, 70, 1.0, 325, 65, 1.0, 320, 70, 1.0, 318, 72, 1.0,
+           322, 72, 1.0, 320, 75, 1.0, 315, 80, 1.0, 320, 85, 1.0, 325, 80, 1.0,
+           310, 85, 1.0, 315, 90, 1.0, 320, 95, 1.0, 325, 90, 1.0, 330, 85, 1.0]
+        ],
+        "resolution": [640, 640]
+      }
+    },
+    "3_head_standing": {
+      "name": "3頭身立ちポーズ",
+      "description": "3頭身キャラクター用基本立ちポーズ",
+      "data": {
+        "bodies": {
+          "candidate": [
+            [320, 120], [300, 140], [280, 160], [260, 180], [240, 200],
+            [340, 140], [360, 160], [380, 180], [400, 200],
+            [310, 250], [305, 350], [300, 450],
+            [330, 250], [335, 350], [340, 450],
+            [320, 100], [320, 80]
+          ],
+          "subset": [[0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 1.0, 17]]
+        },
+        "hands": [
+          [280, 160, 1.0, 285, 165, 1.0, 290, 170, 1.0, 295, 175, 1.0, 300, 180, 1.0,
+           275, 170, 1.0, 280, 175, 1.0, 285, 180, 1.0, 290, 185, 1.0,
+           270, 175, 1.0, 275, 180, 1.0, 280, 185, 1.0, 285, 190, 1.0,
+           265, 180, 1.0, 270, 185, 1.0, 275, 190, 1.0, 280, 195, 1.0,
+           260, 185, 1.0, 265, 190, 1.0, 270, 195, 1.0],
+          [380, 160, 1.0, 375, 165, 1.0, 370, 170, 1.0, 365, 175, 1.0, 360, 180, 1.0,
+           385, 170, 1.0, 380, 175, 1.0, 375, 180, 1.0, 370, 185, 1.0,
+           390, 175, 1.0, 385, 180, 1.0, 380, 185, 1.0, 375, 190, 1.0,
+           395, 180, 1.0, 390, 185, 1.0, 385, 190, 1.0, 380, 195, 1.0,
+           400, 185, 1.0, 395, 190, 1.0, 390, 195, 1.0]
+        ],
+        "faces": [
+          [320, 60, 1.0, 315, 65, 1.0, 310, 70, 1.0, 315, 75, 1.0, 320, 80, 1.0,
+           325, 75, 1.0, 330, 70, 1.0, 325, 65, 1.0, 320, 70, 1.0, 318, 72, 1.0,
+           322, 72, 1.0, 320, 75, 1.0, 315, 80, 1.0, 320, 85, 1.0, 325, 80, 1.0,
+           310, 85, 1.0, 315, 90, 1.0, 320, 95, 1.0, 325, 90, 1.0, 330, 85, 1.0]
+        ],
+        "resolution": [640, 640]
+      }
+    },
+    "2_head_sitting": {
+      "name": "2頭身座りポーズ",
+      "description": "2頭身キャラクター用座りポーズ",
+      "data": {
+        "bodies": {
+          "candidate": [
+            [320, 150], [300, 170], [280, 190], [260, 210], [240, 230],
+            [340, 170], [360, 190], [380, 210], [400, 230],
+            [310, 220], [290, 250], [270, 280],
+            [330, 220], [350, 250], [370, 280],
+            [320, 130], [320, 110]
+          ],
+          "subset": [[0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 1.0, 17]]
+        },
+        "hands": [
+          [280, 160, 1.0, 285, 165, 1.0, 290, 170, 1.0, 295, 175, 1.0, 300, 180, 1.0,
+           275, 170, 1.0, 280, 175, 1.0, 285, 180, 1.0, 290, 185, 1.0,
+           270, 175, 1.0, 275, 180, 1.0, 280, 185, 1.0, 285, 190, 1.0,
+           265, 180, 1.0, 270, 185, 1.0, 275, 190, 1.0, 280, 195, 1.0,
+           260, 185, 1.0, 265, 190, 1.0, 270, 195, 1.0],
+          [380, 160, 1.0, 375, 165, 1.0, 370, 170, 1.0, 365, 175, 1.0, 360, 180, 1.0,
+           385, 170, 1.0, 380, 175, 1.0, 375, 180, 1.0, 370, 185, 1.0,
+           390, 175, 1.0, 385, 180, 1.0, 380, 185, 1.0, 375, 190, 1.0,
+           395, 180, 1.0, 390, 185, 1.0, 385, 190, 1.0, 380, 195, 1.0,
+           400, 185, 1.0, 395, 190, 1.0, 390, 195, 1.0]
+        ],
+        "faces": [
+          [320, 60, 1.0, 315, 65, 1.0, 310, 70, 1.0, 315, 75, 1.0, 320, 80, 1.0,
+           325, 75, 1.0, 330, 70, 1.0, 325, 65, 1.0, 320, 70, 1.0, 318, 72, 1.0,
+           322, 72, 1.0, 320, 75, 1.0, 315, 80, 1.0, 320, 85, 1.0, 325, 80, 1.0,
+           310, 85, 1.0, 315, 90, 1.0, 320, 95, 1.0, 325, 90, 1.0, 330, 85, 1.0]
+        ],
+        "resolution": [640, 640]
+      }
+    }
+  }
+}