一旦マシになったがまだまだ馬鹿

Author: Inlet-back

backend/app/core/prompts.py

@@ -75,19 +75,26 @@
 
 参考:{baseline_json}
 
-## CRITICAL: スキルツリー構造の制約（必ず守ること）
-
-**【Tier 0 基礎層】prerequisites:[] のノードは正確に1個**
-- カテゴリの最も根幹となる土台スキル
-
-**【Tier 1 初級層】prerequisites:[1個] のノードは正確に3個**
-- 基礎から直接派生する基本技術スキル（各自が独立した技術領域を代表）
-
-**【Tier 2 中級層】prerequisites:[1個] のノードは正確に8個**
-- 初級スキルから派生する実践的スキル（各初級から2-3個ずつ派生）
-
-**【Tier 3 応用層】prerequisites:[1-2個] のノードは正確に18個**
-- 中級スキルを組み合わせた高度で専門的なスキル
+## CRITICAL: ノード数の配分（下に行くほど多く）
+
+**【必須】Tier 0からTier 5までのノード数配分:**
+- Tier 0（基礎）: 1-2個
+- Tier 1（初級）: 2-4個
+- Tier 2（中級）: 4-8個
+- Tier 3（応用）: 8-12個
+- Tier 4（高度）: 12-16個
+- Tier 5（極限）: 16-20個
+
+**依存関係のルール:**
+- 各ノードのprerequisitesは、**必ず一つ前のTierのノード**のみを指定
+- Tier 0: prerequisites:[]
+- Tier 1: prerequisites:[Tier 0のノード]
+- Tier 2: prerequisites:[Tier 1のノード]
+- Tier 3: prerequisites:[Tier 2のノード]
+- Tier 4: prerequisites:[Tier 3のノード]
+- Tier 5: prerequisites:[Tier 4のノード]
+
+**重要:** Tierが深くなるほど、ノード数を増やすこと。これにより下に行くほど横に広がる三角形△を形成する。
 
 ## スキル名の命名規則（必須）:
 - **キーワード中心、3-5単語以内**
@@ -102,7 +109,7 @@
 - 何ができるようになるか、関連技術・ツール・パターン名を含める
 
 ## 出力ルール:
-1. **必ず正確に30ノード** (1+3+8+18)
+1. **合計50-60ノード程度**（Tier 0からTier 5まで、下層ほど多く）
 2. completed:trueは習得済みのみ
 3. prerequisitesを正確に設定
 
@@ -111,7 +118,7 @@
 {{"nodes":[{{"id":"skill-id","name":"キーワード(3-5単語)","completed":true/false,"description":"最低60文字以上の詳細な説明。何ができるようになるか、関連技術・ツール・パターン名を含める","prerequisites":[],"estimated_hours":30}}],"edges":[{{"from":"a","to":"b"}}],"metadata":{{"total_nodes":30,"completed_nodes":1,"progress_percentage":3.3,"next_recommended":["x","y","z"]}}}}
 ```
 
-**重要: Tier 0:1個、Tier 1:3個、Tier 2:8個、Tier 3:18個で段階的に広がる三角形△を形成（合計30ノード必須）**。JSON形式のみ出力してください（説明不要）。"""
+**重要: Tier 0からTier 5まで、下層ほどノード数を増やし、段階的に広がる三角形△を形成（合計50-60ノード程度）**。JSON形式のみ出力してください（説明不要）。"""
 
 
 SKILL_TREE_TEMPLATE = ChatPromptTemplate.from_messages(

backend/app/core/prompts_streaming.py

@@ -9,19 +9,26 @@
 
 参考:{baseline_json}
 
-## CRITICAL: スキルツリー構造の制約（必ず守ること）
-
-**【Tier 0 基礎層】prerequisites:[] のノードは正確に1個**
-- カテゴリの最も根幹となる土台スキル
-
-**【Tier 1 初級層】prerequisites:[1個] のノードは正確に3個**
-- 基礎から直接派生する基本技術スキル（各自が独立した技術領域を代表）
-
-**【Tier 2 中級層】prerequisites:[1個] のノードは正確に8個**
-- 初級スキルから派生する実践的スキル（各初級から2-3個ずつ派生）
-
-**【Tier 3 応用層】prerequisites:[1-2個] のノードは正確に18個**
-- 中級スキルを組み合わせた高度で専門的なスキル
+## CRITICAL: ノード数の配分（下に行くほど多く）
+
+**【必須】Tier 0からTier 5までのノード数配分:**
+- Tier 0（基礎）: 1-2個
+- Tier 1（初級）: 2-4個
+- Tier 2（中級）: 4-8個
+- Tier 3（応用）: 8-12個
+- Tier 4（高度）: 12-16個
+- Tier 5（極限）: 16-20個
+
+**依存関係のルール:**
+- 各ノードのprerequisitesは、**必ず一つ前のTierのノード**のみを指定
+- Tier 0: prerequisites:[]
+- Tier 1: prerequisites:[Tier 0のノード]
+- Tier 2: prerequisites:[Tier 1のノード]
+- Tier 3: prerequisites:[Tier 2のノード]
+- Tier 4: prerequisites:[Tier 3のノード]
+- Tier 5: prerequisites:[Tier 4のノード]
+
+**重要:** Tierが深くなるほど、ノード数を増やすこと。これにより下に行くほど横に広がる三角形△を形成する。
 
 ## スキル名の命名規則（必須）:
 - **キーワード中心、3-5単語以内**
@@ -32,15 +39,21 @@
 - 最低60文字以上の詳細な説明
 - 何ができるようになるか、関連技術・ツール・パターン名を含める
 
-## 生成手順:
-1. まず基礎ノード1個を出力 (prerequisites:[])
-2. 次に中級ノード11個を出力 (prerequisites:基礎1個)
-3. 最後に応用ノード18個を出力 (prerequisites:中級1-2個)
+## 生成手順（厳守）:
+1. Tier 0: 1-2個のノードを出力
+2. Tier 1: 2-4個のノードを出力
+3. Tier 2: 4-8個のノードを出力
+4. Tier 3: 8-12個のノードを出力
+5. Tier 4: 12-16個のノードを出力
+6. Tier 5: 16-20個のノードを出力
+
+**Tierが深くなるほど、ノード数を増やす**
+各ノードのprerequisites: [一つ前のTierのノード]
 
 ## 出力ルール:
-1. **必ず正確に30ノード** (基礎1 + 中級11 + 応用18)
+1. **合計50-60ノード程度**（Tier 0からTier 5まで、下層ほど多く）
 2. completed:trueは習得済みのみ
-3. **出力順序**: 基礎(prerequisites:[]) → 中級(prerequisites:1個) → 応用(prerequisites:2個以上)
+3. **出力順序**: Tier 0 → Tier 1 → Tier 2 → Tier 3 → Tier 4 → Tier 5
 4. JSON Lines形式: 1行1ノード、```jsonは不要
 
 ## 例(8ノード - 4層構造、キーワード中心の短い名前):
@@ -60,15 +73,22 @@
 {{"type":"edge","from":"web_rest_api","to":"web_db_design"}}
 {{"type":"edge","from":"web_react","to":"web_nextjs"}}
 {{"type":"edge","from":"web_typescript","to":"web_nextjs"}}
-{{"type":"metadata","total_nodes":30,"completed_nodes":1,"progress_percentage":3.3,"next_recommended":["web_js_basic","web_rest_api"]}}
+{{"type":"metadata","total_nodes":50,"completed_nodes":1,"progress_percentage":2.0,"next_recommended":["web_js_basic","web_rest_api"]}}
+
+**【CRITICAL】Tier 0からTier 5まで、深くなるほどノード数を増やす:**
+
+| Tier | ノード数 | prerequisites |
+|------|---------|---------------|
+| 0 | 1-2個 | [] |
+| 1 | 2-4個 | [Tier 0] |
+| 2 | 4-8個 | [Tier 1] |
+| 3 | 8-12個 | [Tier 2] |
+| 4 | 12-16個 | [Tier 3] |
+| 5 | 16-20個 | [Tier 4] |
 
-**確認: 必ず以下の構成で出力すること**
-- Tier 0 基礎(prerequisites:[]): 正確に1個
-- Tier 1 初級(prerequisites:[1個]): 正確に3個
-- Tier 2 中級(prerequisites:[1個]): 正確に8個
-- Tier 3 応用(prerequisites:[1-2個]): 正確に18個
+**合計50-60ノード** - 下に行くほど数を増やし、三角形△を形成
 
-**合計30ノード（必須）** - 名前は短く（3-5単語）、詳細はdescriptionで
+名前は短く（3-5単語）、詳細はdescriptionで。
 
 説明や```json不要。上記の構成で1行1JSONを出力開始:
 """

frontend/src/features/skill-tree/utils/converter.ts

@@ -62,9 +62,10 @@ export function convertApiNodesToCanvasNodes(
   // 全ノードの基本tierを計算
   apiNodes.forEach((node) => calculateBaseTier(node.id));
 
-  // Note: バランス調整は削除（依存関係ベースのtierで十分）
-  // プロンプト側で基礎2-3個、中級5-7個、応用8-10個と自然な分散を指定しているため、
-  // 再バランス処理は不要かつレイアウトのチラつきの原因となる
+  // Note: プロンプト側でTier 0からTier 5まで、下層ほどノード数を増やすよう指定
+  // Tier 0: 1-2個, Tier 1: 2-4個, Tier 2: 4-8個, Tier 3: 8-12個, Tier 4: 12-16個, Tier 5: 16-20個
+  // 各tierは必ず一つ前のtierのノードのみをprerequisitesに指定することで、
+  // 下に行くほどノード数が多くなり、自然に横幅が広がる三角形△を形成
 
   // Step 2: tierごとにノードをグループ化
   const nodesByTier = new Map<number, ApiSkillNode[]>();
@@ -89,10 +90,9 @@ export function convertApiNodesToCanvasNodes(
     const nodeCount = nodes.length;
 
     // X座標: ノード数に応じた幅で等間隔配置
-    // スカスカにならないよう、ノード数×150pxを基準にする
-    const minWidth = 200; // 最小幅
-    const nodeSpacing = 180; // ノード間の最小間隔
-    const tierWidth = Math.max(minWidth, (nodeCount - 1) * nodeSpacing);
+    // tierが深いほどノード数が多く、自然に横幅が広がる（三角形△）
+    const nodeSpacing = 180;
+    const tierWidth = nodeCount > 1 ? (nodeCount - 1) * nodeSpacing : 200;
     const spacing = nodeCount > 1 ? tierWidth / (nodeCount - 1) : 0;
     const startX = nodeCount > 1 ? -tierWidth / 2 : 0;
 
@@ -161,9 +161,5 @@ export function convertApiNodesToCanvasNodes(
     )
     .join(", ");
 
-  console.log("🟦 convertApiNodesToCanvasNodes 完了");
-  console.log("  Output nodes:", canvasNodes.length);
-  console.log("  Tier distribution:", tierDistribution);
-
   return canvasNodes;
 }