形固定バージョン

Inlet-back · Inlet-back · commit 5c0154321b9f · 2026-02-22T02:00:15.000+09:00
diff --git a/backend/app/core/prompts.py b/backend/app/core/prompts.py
@@ -75,55 +75,69 @@
 
 参考:{baseline_json}
 
-## 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個 ← 最下層、最大
+## CRITICAL: ノード数の配分（Tier 0からTier 7：合計最大50個）
+
+**【必須】Tier 0からTier 7までのノード数配分（厳格に遵守）:**
+- Tier 0: 1個 ← 頂点
+- Tier 1: 2個
+- Tier 2: 3個
+- Tier 3: 5個
+- Tier 4: 7個
+- Tier 5: 9個
+- Tier 6: 11個
+- Tier 7: 12個 ← 底辺
+**合計 50個ちょうど、またはそれ以下** で構成すること。
 
 **三角形△構造の形成:**
-上に行くほど狭く、下に行くほど広い逆三角形を形成。
-各Tierで**指定範囲内でできるだけ多くのノード**を生成すること。
+下層に行くほど「必ず」ノード数を増やし、綺麗なピラミッド型を維持してください。
 
-**依存関係のルール:**
-- 各ノードのprerequisitesは、**必ず一つ前のTierのノード**のみを指定
+**依存関係の厳格ルール:**
+- prerequisitesは、**必ず一つ前のTierのノードID**から1つ以上選択。
+- Tier n は必ず Tier n-1 に依存する（階層を飛ばさない）。
 - 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 6: prerequisites:[Tier 5のノード]
+- Tier 7: prerequisites:[Tier 6のノード]
 
-**重要:** Tierが深くなるほど、ノード数を増やすこと。これにより下に行くほど横に広がる三角形△を形成する。
-
-## スキル名の命名規則（必須）:
-- **キーワード中心、3-5単語以内**
-- **名詞・技術用語のみ、動詞は不要**
-- 悪い例: "型システムを活用した堅牢なAPI型定義の実装" (長すぎる)
-- 良い例: "TypeScript型設計" (簡潔)
-- 良い例: "REST API設計" (簡潔)
-
-## 説明（desc）の要件:
-- **スキル名で伝えきれない詳細情報を簡潔に記載**
-- 30文字以内の簡潔な説明
-- 何ができるようになるかのポイントのみ
+## 命名および説明のルール（重要）:
+1. **抽象語の禁止**: 「基礎」「応用」「初級」「〇〇の理解」は使用禁止。
+2. **具体的技術名**: 「SSR/CSR」「DBインデックス」「OIDC」「IaC」等、具体的な技術・手法を名称にする。
+3. **能力ベースのdesc**: 30文字以内で「〇〇を使って△△を解決できる」という成果を記述。
+4. **ID命名**: `t{{tier}}_{{keyword}}` （例: `t0_web_rendering`, `t7_distributed_tracing`）
+5. **スキル名は3-5単語以内**、名詞・技術用語のみ（動詞は不要）。
 
 ## 出力ルール:
-1. **合計50-60ノード程度**（Tier 0からTier 5まで、下層ほど多く）
-2. completed:trueは習得済みのみ
-3. prerequisitesを正確に設定
-4. **CRITICAL: 下層（Tier 3-5）ほど、指定範囲の上限に近い数を生成**
+1. **合計50個まで**（Tier 0からTier 7まで）
+2. **completed判定（重要）:**
+   - 「習得済み」に記載されているスキルと、生成するノードの技術内容を照らし合わせる
+   - ユーザーが既に使用している技術・フレームワークに該当するノードは`completed:true`
+   - それ以外はすべて`completed:false`
+   - 例: 習得済みに「JavaScript」があれば、「JavaScript基礎」ノードは`completed:true`
+3. prerequisitesを正確に設定（必ず一つ前のTierのノードから選択）
+4. Tier 0から順にTier 7まで生成し、50個を超えたら直ちに停止
+5. Tier 8以上の階層は絶対に生成しないでください。
+
+| Tier | ノード数 | 累積合計 | prerequisites |
+|------|---------|---------|---------------|
+| 0 | 1 | 1 | [] |
+| 1 | 2 | 3 | [Tier 0] |
+| 2 | 3 | 6 | [Tier 1] |
+| 3 | 5 | 11 | [Tier 2] |
+| 4 | 7 | 18 | [Tier 3] |
+| 5 | 9 | 27 | [Tier 4] |
+| 6 | 11 | 38 | [Tier 5] |
+| 7 | 12 | 50 | [Tier 6] |
 
 ## 出力形式（JSON）
 ```json
 {{"nodes":[{{"id":"skill-id","name":"キーワード(3-5単語)","completed":true/false,"desc":"30文字以内の簡潔な説明","prerequisites":[],"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からTier 5まで、下層ほどノード数を増やし、段階的に広がる三角形△を形成（合計50-60ノード程度）**。JSON形式のみ出力してください（説明不要）。"""
+**重要: Tier 0からTier 7まで、下層ほどノード数を増やし、段階的に広がる三角形△を形成（合計50-60ノード程度）**。JSON形式のみ出力してください（説明不要）。"""
 
 
 SKILL_TREE_TEMPLATE = ChatPromptTemplate.from_messages(
diff --git a/backend/app/core/prompts_streaming.py b/backend/app/core/prompts_streaming.py
@@ -9,79 +9,81 @@
 
 参考:{baseline_json}
 
-## 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個 ← 最下層、最大
+## CRITICAL: ノード数の配分（Tier 0からTier 7：合計最大50個）
+
+**【必須】Tier 0からTier 7までのノード数配分（厳格に遵守）:**
+- Tier 0: 1個 ← 頂点
+- Tier 1: 2個
+- Tier 2: 3個
+- Tier 3: 5個
+- Tier 4: 7個
+- Tier 5: 9個
+- Tier 6: 11個
+- Tier 7: 12個 ← 底辺
+**合計 50個ちょうど、またはそれ以下** で構成すること。
 
 **三角形△構造の形成:**
-上に行くほど狭く、下に行くほど広い逆三角形を形成。
-各Tierで**指定範囲内でできるだけ多くのノード**を生成すること。
+下層に行くほど「必ず」ノード数を増やし、綺麗なピラミッド型を維持してください。
 
-**依存関係のルール:**
-- 各ノードのprerequisitesは、**必ず一つ前のTierのノード**のみを指定
+**依存関係の厳格ルール:**
+- prerequisitesは、**必ず一つ前のTierのノードID**から1つ以上選択。
+- Tier n は必ず Tier n-1 に依存する（階層を飛ばさない）。
 - 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 6: prerequisites:[Tier 5のノード]
+- Tier 7: prerequisites:[Tier 6のノード]
 
-**重要:** Tierが深くなるほど、ノード数を増やすこと。これにより下に行くほど横に広がる三角形△を形成する。
-
-## スキル名の命名規則（必須）:
-- **キーワード中心、3-5単語以内**
-- **名詞・技術用語のみ、動詞は不要**
-
-## 説明（desc）の要件:
-- **スキル名で伝えきれない詳細情報を簡潔に記載**
-- 30文字以内の簡潔な説明
-- 何ができるようになるかのポイントのみ
-
-## 生成手順（厳守）:
-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個のノードを出力（最も多く）
+## 命名および説明のルール（重要）:
+1. **抽象語の禁止**: 「基礎」「応用」「初級」「〇〇の理解」は使用禁止。
+2. **具体的技術名**: 「SSR/CSR」「DBインデックス」「OIDC」「IaC」等、具体的な技術・手法を名称にする。
+3. **能力ベースのdesc**: 30文字以内で「〇〇を使って△△を解決できる」という成果を記述。
+4. **ID命名**: `t{{tier}}_{{keyword}}` （例: `t0_web_rendering`, `t7_distributed_tracing`）
+5. **スキル名は3-5単語以内**、名詞・技術用語のみ（動詞は不要）。
 
-**CRITICAL: 下層（Tier 3-5）ほど、指定範囲の上限に近い数を生成**
-各ノードのprerequisites: [一つ前のTierのノード]
+## 生成手順と出力順序:
+- Tier 0 から順に Tier 7 まで JSON Lines 形式で出力。
+- 50個を超えないよう、各Tierのノード数を厳密に管理してください。
+- Tier 7 を生成し終えたら、直ちに停止してください。
 
 ## 出力ルール:
-1. **合計50-60ノード程度**（Tier 0からTier 5まで、下層ほど多く）
-2. completed:trueは習得済みのみ
-3. **出力順序**: Tier 0 → Tier 1 → Tier 2 → Tier 3 → Tier 4 → Tier 5
+1. **合計50個まで**（Tier 0からTier 7まで）
+2. **completed判定（重要）:**
+   - 「習得済み」に記載されているスキルと、生成するノードの技術内容を照らし合わせる
+   - ユーザーが既に使用している技術・フレームワークに該当するノードは`completed:true`
+   - それ以外はすべて`completed:false`
+   - 例: 習得済みに「JavaScript」があれば、「JavaScript基礎」ノードは`completed:true`
+3. **出力順序**: Tier 0 → Tier 1 → Tier 2 → Tier 3 → Tier 4 → Tier 5 → Tier 6 → Tier 7
 4. JSON Lines形式: 1行1ノード、```jsonは不要
+5. Tier 8以上の階層は絶対に生成しないでください。
 
 ## 例(3ノード - フォーマット参考のみ):
-{{"type":"node","id":"web_foundation","name":"HTTP/HTML/CSS基礎","completed":true,"desc":"HTTPとHTMLの仕組み理解","prerequisites":[],"hours":30}}
-{{"type":"node","id":"web_js_basic","name":"JavaScript基礎","completed":false,"desc":"変数・関数・非同期処理の実装","prerequisites":["web_foundation"],"hours":25}}
-{{"type":"node","id":"web_react","name":"React設計","completed":false,"desc":"Component設計とHooks活用","prerequisites":["web_js_basic"],"hours":30}}
-{{"type":"edge","from":"web_foundation","to":"web_js_basic"}}
-{{"type":"edge","from":"web_js_basic","to":"web_react"}}
-{{"type":"metadata","total_nodes":50,"completed_nodes":1,"progress_percentage":2.0,"next_recommended":["web_js_basic"]}}
-
-**【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] |
-
-**合計50-60ノード** - 下に行くほど数を増やし、三角形△を形成
-
-名前は短く（3-5単語）、詳細はdescで（30文字以内）。
+{{"type":"node","id":"t0_http_basics","name":"HTTP/REST API","completed":true,"desc":"HTTPメソッドとステータスコードを使ったAPI設計","prerequisites":[],"hours":30}}
+{{"type":"node","id":"t1_async_programming","name":"非同期処理","completed":false,"desc":"Promise/async-awaitで並行処理を制御","prerequisites":["t0_http_basics"],"hours":25}}
+{{"type":"node","id":"t2_react_hooks","name":"React Hooks","completed":false,"desc":"useState/useEffectで状態管理とライフサイクル制御","prerequisites":["t1_async_programming"],"hours":30}}
+{{"type":"edge","from":"t0_http_basics","to":"t1_async_programming"}}
+{{"type":"edge","from":"t1_async_programming","to":"t2_react_hooks"}}
+{{"type":"metadata","total_nodes":50,"completed_nodes":1,"progress_percentage":2.0,"next_recommended":["t1_async_programming"]}}
+
+**【CRITICAL】Tier 0からTier 7まで、深くなるほどノード数を増やす:**
+
+| Tier | ノード数 | 累積合計 | prerequisites |
+|------|---------|---------|---------------|
+| 0 | 1 | 1 | [] |
+| 1 | 2 | 3 | [Tier 0] |
+| 2 | 3 | 6 | [Tier 1] |
+| 3 | 5 | 11 | [Tier 2] |
+| 4 | 7 | 18 | [Tier 3] |
+| 5 | 9 | 27 | [Tier 4] |
+| 6 | 11 | 38 | [Tier 5] |
+| 7 | 12 | 50 | [Tier 6] |
+
+**合計50個** - 下に行くほど数を増やし、三角形△を形成
+
+名前は具体的技術名（3-5単語）、詳細はdescで能力ベース記述（30文字以内）。
 
 説明や```json不要。上記の構成で1行1JSONを出力開始:
 """
diff --git a/frontend/src/features/skill-tree/utils/converter.ts b/frontend/src/features/skill-tree/utils/converter.ts
@@ -62,10 +62,10 @@ export function convertApiNodesToCanvasNodes(
   // 全ノードの基本tierを計算
   apiNodes.forEach((node) => calculateBaseTier(node.id));
 
-  // 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個
+  // Note: プロンプト側でTier 0からTier 7まで、下層ほどノード数を増やすよう指定（合計50ノード）
+  // Tier 0: 1個, Tier 1: 2個, Tier 2: 3個, Tier 3: 5個, Tier 4: 7個, Tier 5: 9個, Tier 6: 11個, Tier 7: 12個
   // 各tierは必ず一つ前のtierのノードのみをprerequisitesに指定することで、
-  // 下に行くほどノード数が多くなり、自然に横幅が広がる三角形△を形成
+  // 下に行くほどノード数が多くなり、自然に横幅が広がる三角形△（ピラミッド）を形成
 
   // Step 2: tierごとにノードをグループ化
   const nodesByTier = new Map<number, ApiSkillNode[]>();
@@ -82,16 +82,17 @@ export function convertApiNodesToCanvasNodes(
 
   // Y座標: 地面(y=620)に埋もれないように上部に配置
   // tier 0 = y: -400 (画面上部), 以降 +110pxずつ下へ
-  const TIER_HEIGHT = 110; // 間隔を詰めて最大9tier対応 (y=-400 → +510 = y=110まで)
+  const TIER_HEIGHT = 110; // 間隔を詰めてTier 0~7対応 (合計8階層)
   const BASE_Y = -400; // 起点をさらに上部に
 
   nodesByTier.forEach((nodes, tier) => {
     const yPos = BASE_Y + tier * TIER_HEIGHT;
     const nodeCount = nodes.length;
 
     // X座標: tierが深くなるほど横幅を広げて三角形△を形成
-    // Tier 0: 狭い幅（頂点）→ Tier 5: 広い幅（底辺）
-    const baseSpacing = 100 + tier * 25; // Tier 0:100px → Tier 5:225px
+    // Tier 0: 頂点（狭い） → Tier 7: 底辺（広い）
+    // 合計50ノード: Tier 0=1, Tier 1=2, Tier 2=3, Tier 3=5, Tier 4=7, Tier 5=9, Tier 6=11, Tier 7=12
+    const baseSpacing = 80 + tier * 30; // Tier 0:80px → Tier 7:290px
     const tierWidth = nodeCount > 1 ? (nodeCount - 1) * baseSpacing : 200;
     const spacing = nodeCount > 1 ? tierWidth / (nodeCount - 1) : 0;
     const startX = nodeCount > 1 ? -tierWidth / 2 : 0;
diff --git a/frontend/src/lib/api/skillTree.ts b/frontend/src/lib/api/skillTree.ts
@@ -198,10 +198,28 @@ export function streamSkillTree(
     }
   };
 
-  eventSource.onerror = (error) => {
-    console.error("EventSource エラー:", error);
+  eventSource.onerror = (event) => {
+    // EventSourceのエラーイベントは詳細情報が少ないため、readyStateで状態を判定
+    const readyState = eventSource.readyState;
+    const stateNames = ["CONNECTING", "OPEN", "CLOSED"];
+    const stateName = stateNames[readyState] || "UNKNOWN";
+
+    console.error("EventSource エラー:", {
+      readyState,
+      stateName,
+      url: eventSource.url,
+      event,
+    });
+
     eventSource.close();
-    onError(new Error("ストリーミング接続エラー"));
+
+    // readyStateに応じて適切なエラーメッセージを生成
+    const errorMessage =
+      readyState === EventSource.CONNECTING
+        ? "ストリーミング接続を再試行中に失敗しました"
+        : "ストリーミング接続エラーが発生しました";
+
+    onError(new Error(errorMessage));
   };
 
   return eventSource;
@@ -363,10 +381,28 @@ export function streamSkillTreeBuffered(
     }
   };
 
-  eventSource.onerror = (error) => {
-    console.error("EventSource エラー:", error);
+  eventSource.onerror = (event) => {
+    // EventSourceのエラーイベントは詳細情報が少ないため、readyStateで状態を判定
+    const readyState = eventSource.readyState;
+    const stateNames = ["CONNECTING", "OPEN", "CLOSED"];
+    const stateName = stateNames[readyState] || "UNKNOWN";
+
+    console.error("EventSource エラー:", {
+      readyState,
+      stateName,
+      url: eventSource.url,
+      event,
+    });
+
     eventSource.close();
-    onError(new Error("ストリーミング接続エラー"));
+
+    // readyStateに応じて適切なエラーメッセージを生成
+    const errorMessage =
+      readyState === EventSource.CONNECTING
+        ? "ストリーミング接続を再試行中に失敗しました"
+        : "ストリーミング接続エラーが発生しました";
+
+    onError(new Error(errorMessage));
   };
 
   return eventSource;
