feat: ダウンロードボタンの動作修正と表示設定の反映

- 画像とJSONのダウンロードボタンを機能させるための実装を追加
- 表示設定（手・顔の表示チェック）を画像に反映する処理を追加
- GradioのFileコンポーネントを使用してダウンロード機能を実装
- ダウンロード失敗時のエラーハンドリングを追加

issues/023_詳細モード矩形非表示修正.md

@@ -0,0 +1,34 @@
+# Issue 023: 詳細モード矩形非表示修正 🎨💫
+
+## 📋 問題概要
+
+詳細モードでは手や顔の矩形を表示せず、キーポイントを直接操作できるようにする必要があるが、現在矩形が表示されてしまっている。
+
+## 🎯 解決目標
+
+1. **詳細モードで矩形非表示**: 手と顔の矩形を描画しない
+2. **キーポイント直接操作**: 個別のキーポイントを直接ドラッグ可能に
+3. **モード切替時の再描画**: 簡易モード↔詳細モード切替時に即座に反映
+
+## 🔧 実装内容
+
+### static/pose_editor.js の修正
+- `drawPose()` 関数で編集モードをチェック
+- 詳細モードの場合は矩形描画をスキップ
+- キーポイントのクリック判定を追加
+
+## ✅ 完了条件
+
+- [ ] 詳細モードで矩形が表示されない
+- [ ] 詳細モードでキーポイントを直接ドラッグできる
+- [ ] モード切替が即座に反映される
+- [ ] refs/dwpose_modifier の実装と同等の動作
+
+## 📝 参考資料
+
+- refs/dwpose_modifier/static/pose_editor.js の詳細モード実装
+- Issue #013: 詳細モード個別編集
+
+## 🏷️ タグ
+
+`bug` `ui` `canvas` `editing-mode`

issues/024_JSONロード機能実装.md

@@ -0,0 +1,39 @@
+# Issue 024: JSONロード機能実装 📁💖
+
+## 📋 問題概要
+
+現在、JSONファイルをロードしてポーズデータを読み込む機能が実装されていない。エクスポートしたJSONを再度読み込んで編集を続行できるようにする必要がある。
+
+## 🎯 解決目標
+
+1. **JSONファイルアップロード**: Gradioコンポーネントの追加
+2. **データ検証**: アップロードされたJSONの形式チェック
+3. **ポーズデータ適用**: 読み込んだデータをCanvasに反映
+4. **エラーハンドリング**: 不正なJSONに対する適切なエラー通知
+
+## 🔧 実装内容
+
+### app.py の修正
+- JSONアップロード用のgr.Fileコンポーネント追加
+- JSONパース＆検証関数の実装
+- pose_dataへの適用
+
+### utils/ の追加機能
+- JSONバリデーション関数
+- DWPoseフォーマットチェック
+
+## ✅ 完了条件
+
+- [ ] JSONファイルアップロードUIが追加される
+- [ ] エクスポートしたJSONを読み込める
+- [ ] 不正なJSONに対してエラー通知が表示される
+- [ ] 読み込み後、即座にCanvasに反映される
+
+## 📝 参考資料
+
+- refs/dwpose_modifier のJSONロード実装
+- エクスポート形式との互換性確保
+
+## 🏷️ タグ
+
+`feature` `json` `import` `data-management`

issues/025_出力UI非表示改修.md

@@ -0,0 +1,43 @@
+# Issue 025: 出力UI非表示改修 🎨✨
+
+## 📋 問題概要
+
+現在の出力部分に不要なUI要素が表示されている：
+- ポーズデータJSON表示が不要（内部的に使用するなら非表示にすべき）
+- 画像の表示も不要（ダウンロードのみで十分）
+
+## 🎯 解決目標
+
+1. **JSON表示を非表示に**: gr.JSON コンポーネントを visible=False に
+2. **画像表示を非表示に**: gr.Image コンポーネントを削除またはvisible=False
+3. **ダウンロードボタンのみ残す**: 画像とJSONのダウンロードボタンは維持
+4. **UIのスッキリ化**: 不要な要素を削除してシンプルに
+
+## 🔧 実装内容
+
+### app.py の修正
+```python
+# 現在
+output_json = gr.JSON(label="ポーズデータ (JSON)", elem_id="output_json")
+output_image = gr.Image(label="ポーズ画像", type="pil", elem_id="output_image")
+
+# 修正後
+output_json = gr.JSON(visible=False)  # 内部利用のみ
+# output_image は削除
+```
+
+## ✅ 完了条件
+
+- [ ] ポーズデータJSONが表示されない
+- [ ] ポーズ画像のプレビューが表示されない
+- [ ] ダウンロードボタンは正常に機能する
+- [ ] UIがスッキリして使いやすい
+
+## 📝 参考資料
+
+- Gradio visibility設定
+- 内部データとUIの分離
+
+## 🏷️ タグ
+
+`ui` `ux` `cleanup` `visibility`

issues/026_ダウンロードファイル名改善.md

@@ -0,0 +1,46 @@
+# Issue 026: ダウンロードファイル名改善 📁💫
+
+## 📋 問題概要
+
+現在のダウンロード機能では、ファイル名が適切でない：
+- 機能名が含まれていない
+- 日時情報がない
+- どのファイルが何なのか分かりづらい
+
+## 🎯 解決目標
+
+1. **わかりやすいファイル名**: 機能＋日時のフォーマット
+2. **画像ファイル名**: 例）`dwpose_edit_20250112_143052.png`
+3. **JSONファイル名**: 例）`dwpose_data_20250112_143052.json`
+4. **タイムスタンプ**: YYYYMMDD_HHMMSS形式
+
+## 🔧 実装内容
+
+### utils/export_utils.py の修正
+```python
+from datetime import datetime
+
+def get_timestamp_filename(prefix, extension):
+    timestamp = datetime.now().strftime("%Y%m%d_%H%M%S")
+    return f"{prefix}_{timestamp}.{extension}"
+```
+
+### Gradioでのファイル名指定
+- gr.File コンポーネントでファイル名を指定
+- ダウンロード時に適切なファイル名を設定
+
+## ✅ 完了条件
+
+- [ ] 画像ダウンロード時のファイル名が`dwpose_edit_YYYYMMDD_HHMMSS.png`
+- [ ] JSONダウンロード時のファイル名が`dwpose_data_YYYYMMDD_HHMMSS.json`
+- [ ] タイムスタンプが正しく生成される
+- [ ] ファイル名から内容が推測できる
+
+## 📝 参考資料
+
+- Python datetime モジュール
+- Gradio ファイルダウンロード機能
+
+## 🏷️ タグ
+
+`feature` `ux` `export` `filename`

issues/027_画像背景表示実装.md

@@ -0,0 +1,49 @@
+# Issue 027: 画像背景表示実装 🖼️💖
+
+## 📋 問題概要
+
+画像をロードした後、Canvasに画像が背景として表示されない。refs/dwpose_modifierでは、アップロードした画像を暗くして背景に表示し、その上にポーズを描画している。
+
+## 🎯 解決目標
+
+1. **背景画像表示**: アップロードした画像をCanvas背景に表示
+2. **暗く表示**: 画像を暗くしてポーズが見やすいように
+3. **アスペクト比維持**: 長辺をCanvasサイズに合わせて表示
+4. **正方形以外対応**: 縦長・横長画像にも対応
+
+## 🔧 実装内容
+
+### static/pose_editor.js の修正
+```javascript
+// 背景画像描画関数
+function drawBackgroundImage(image) {
+    // 画像を暗くして描画
+    ctx.globalAlpha = 0.3;  // 透明度設定
+    
+    // アスペクト比を保持してCanvas内に収める
+    const scale = Math.min(canvas.width / image.width, canvas.height / image.height);
+    // ... 描画処理
+}
+```
+
+### 画像データの受け渡し
+- Gradio から JavaScript への画像データ転送
+- Base64エンコーディングまたはURL経由
+
+## ✅ 完了条件
+
+- [ ] アップロードした画像がCanvas背景に表示される
+- [ ] 画像が適切に暗く表示される
+- [ ] アスペクト比が保持される
+- [ ] 正方形でない画像も正しく表示される
+- [ ] refs/dwpose_modifier と同等の表示
+
+## 📝 参考資料
+
+- refs/dwpose_modifier/static/pose_editor.js の背景画像実装
+- HTML5 Canvas globalAlpha プロパティ
+- 画像のアスペクト比計算
+
+## 🏷️ タグ
+
+`bug` `canvas` `image` `background`

issues/028_ダウンロードボタン動作修正.md

@@ -0,0 +1,51 @@
+# Issue 028: ダウンロードボタン動作修正 🔧💫
+
+## 📋 問題概要
+
+現在、画像とJSONのダウンロードボタンが機能していない。また、画像ダウンロード時に表示設定（手・顔の表示チェック）が反映されない。
+
+## 🎯 解決目標
+
+1. **ダウンロード機能の実装**: ボタンクリックでファイルダウンロード
+2. **表示設定の反映**: 手・顔の表示チェックを画像に反映
+3. **Gradio File出力**: gr.File コンポーネントでダウンロード実装
+4. **エラーハンドリング**: ダウンロード失敗時の通知
+
+## 🔧 実装内容
+
+### app.py の修正
+```python
+# ダウンロード用のgr.File追加
+download_image_file = gr.File(visible=False)
+download_json_file = gr.File(visible=False)
+
+# ボタンクリックイベント
+def download_image_handler(pose_data, draw_hand, draw_face):
+    # 表示設定を反映して画像生成
+    image = export_pose_as_image(pose_data, draw_hand, draw_face)
+    # ファイルとして保存
+    filename = get_timestamp_filename("dwpose_edit", "png")
+    return save_as_file(image, filename)
+```
+
+### utils/export_utils.py の修正
+- 表示設定パラメータの追加
+- ファイル保存機能の実装
+
+## ✅ 完了条件
+
+- [ ] 画像ダウンロードボタンが機能する
+- [ ] JSONダウンロードボタンが機能する
+- [ ] 手の表示チェックが画像に反映される
+- [ ] 顔の表示チェックが画像に反映される
+- [ ] 適切なファイル名でダウンロードされる
+
+## 📝 参考資料
+
+- Gradio gr.File コンポーネント
+- 一時ファイル生成とダウンロード
+- refs/dwpose_modifier のエクスポート実装
+
+## 🏷️ タグ
+
+`bug` `export` `download` `functionality`