# บันทึกการตัดสินใจ — เว็บคลังความรู้ honhongreenpen

**วันที่:** 2026-08-30 (เช้า) · คุยกับพี่ฮอนสด

## 1. โครงเว็บที่พี่ฮอนวางไว้ (สิ่งที่จะมาในอนาคต)
> *"นี่จะเป็น**คลังสมอง** บางอย่างอาจขัด บางอย่างอาจตรง แต่เดี๋ยวเราจะเข้าใจและตัดสินใจเอง"*

| หมวด | ปริมาณที่คาด |
|---|---|
| หนังสือ แยกเล่ม | 4 เล่ม × 10-14 บท |
| **วิดีโอ/คอร์ส แยกตามโค้ช** | 3-5 โค้ช × หลายคลิป |
| **โพสต์ Facebook ที่โค้ช note** | ไม่จำกัด |
| **รูปในไลน์กลุ่ม** | ไม่จำกัด |
→ อาจถึง **50-100 หน้าย่อย**

## 2. ✅ เลือก NAV-DESIGN-A + เสริม 2 อย่างจาก B
เอกสารเต็ม: `web/_design/NAV-DESIGN-A.md` (69 KB) · `NAV-DESIGN-B.md` (61 KB)

**A ชนะเพราะเข้าใจว่าพี่ฮอนอ่าน 2 โหมด:**
- **สังเคราะห์** — "ระบบว่ายังไงเรื่องไส้หลังซิก" → ต้องเห็นทุกโค้ชพร้อมกัน (จัดตามหัวข้อ)
- **เก็บต้นฉบับ** — "ขออ่านเล่ม 3 บท 5" → ต้องอ่านเรียงตามต้นฉบับ (จัดตามแหล่ง)
- **แกนเดียวรองรับไม่ได้ทั้งคู่** → แบ่งชั้นบนตาม *โหมดอ่าน* = **3 โซน: ระบบ / คลัง / ห้องแล็บ**

**3 insight ของ A ที่ต้องไม่ลืม:**
1. 🔑 **แยกแกน "ใครพูด" ออกจาก "ถูก/ผิด" ให้ขาด** — สีประจำโค้ชต้อง**จืดโดยตั้งใจ** ห้ามเขียว/แดง (ไม่งั้นอ่านเป็น "โค้ชแดงผิด" ทั้งที่ยังไม่มีใครตัดสิน) · เขียว/แดง สงวนไว้บอก**สถานะ**เท่านั้น
2. **ป้ายน้ำหนักหลักฐานที่กวาดตาเห็น**: 🎬 คลิป ●●● > 🧩 เคส ●●○ > 📕 หนังสือ ●○○ > 📱 โพสต์ FB (ขอบประ = ยังไม่ยืนยัน)
3. **ผลเทสของเราแยกแถบ ไม่อยู่ในแถวโค้ช** (ตามกฎ 3 ชั้น A/B/C)

**ดึงจาก B:** Claim ID (รหัสข้ออ้าง เชื่อมข้ามหน้า) · canonical URL (หนึ่งชิ้น = หน้าเดียว ปรากฏหลายมุมมอง)

**จุดที่จะพังจริงตอน 80 หน้า ไม่ใช่เมนู — คือ "การ curate ความขัดแย้งให้ทัน"** (ไม่มีอะไรตรวจเจอเองว่าโค้ช 2 คนเถียงกัน)

## 3. Typography (พี่ฮอนระบุเอง)
- **หัวข้อ = IBM Plex Sans Thai** (ไม่มีหัว) h2 31px · h3 23px
- **เนื้อหา = Sarabun** (มีหัว) 17.5px · line-height 1.85

## 4. ⭐ SVG วาดมือ vs กราฟจริงจาก API — เส้นแบ่งคือ "จำนวนแท่ง"
| | ใช้ | เพราะ |
|---|---|---|
| **≤5 แท่ง** (สอนรูปแบบ) | **SVG วาดมือ** | ภาพสอนต้องเป็น**อุดมคติ** — ถ้าไปหาจากกราฟจริงจะเจอแท่งที่ "ก็เกือบๆ นะ" แล้วคนอ่านงงว่าตกลงนับไหม |
| **≥20 แท่ง** (เคสจริง) | **Lightweight Charts** | ภาพพิสูจน์ต้องเป็น**ของจริง** · วาดมือไม่ไหว · ได้แกน/grid/zoom ฟรี |

**หลักคิด: ภาพสอนต้องเป็นอุดมคติ · ภาพพิสูจน์ต้องเป็นของจริง — คนละหน้าที่กัน**

## 5. ⭐ Lightweight Charts ≠ แหล่งข้อมูล (แก้ความเข้าใจผิด)
LW เป็นแค่ **ไลบรารีวาด** (MIT ฟรี ~45KB) — **เราป้อนข้อมูลเอง** → **เลือกโบรกได้ 100%**
เครื่องนี้มี MT5 history 3 โบรก (MetaQuotes · Exness · FTMO) → export CSV → ป้อนเข้ากราฟได้เลย

💡 **ข้อได้เปรียบเหนือ TradingView: วางกราฟ 2 โบรกเทียบข้างกันในหน้าเดียวได้**
→ ทำให้เห็น**ด้วยตา**ว่าทำไมโบรกถึงสำคัญ (TradingView เปิดได้ทีละโบรก)
→ ต่อยอดจากข้อค้นพบใหญ่สุดของ L2 โดยตรง

## 6. 🖥️ Browser control — ตอบคำถามพี่ฮอน
| | ทำได้ไหม | ท่าที่แนะนำ |
|---|---|---|
| **TradingView** | ✅ **ได้ ควรทำ** | `osascript` + `screencapture` (มีในเครื่องแล้ว ไม่ต้องติดตั้ง) บน Chrome ที่พี่ฮอน login อยู่แล้ว · **ได้เปรียบเพราะ indicator ของ Puy อยู่ที่นั่น = มี ground truth ให้เทียบ ตัดตัวแปร "เราตีความผิด" ออกได้** |
| **Facebook** | ⚠️ ได้แต่ไม่คุ้ม | **acc หลุมคือจุดที่จะพัง ไม่ใช่ automation** — FB ดูอายุบัญชี+พฤติกรรม · **แนะนำ hybrid: พี่ฮอนเปิดเอง ฮานะจับภาพ/ถอด** = ไม่มี pattern ให้จับเลย |

**ยังไม่ได้ทำ — รอพี่ฮอนสั่ง** (ต้องเปิด Chrome ด้วย flag พิเศษครั้งเดียว)

## 7. สถานะเว็บ ณ 30 ส.ค. เช้า
- **live**: honhongreenpen.vercel.app · 12 แท็บ + หน้าหนังสือเล่ม 3 (`/books/maepla-3`)
- หน้าหนังสือ: 14 แท็บ · 11 SVG / 6 ไดอะแกรม · 30 จุดอ้างเลขหน้า
- **กำลังทำ**: nav ใหม่ 3 โซน (แยกเนื้อหาเป็น `web/content/*.js` แล้ว 8/12 ไฟล์)
- **คิวถัดไป**: กราฟจริง 3 เคสนำร่อง → ถ้าดีค่อยขยายทุกเคส

เกี่ยวข้อง: [[maepla-trading-system]] · [[design-style-preference]] · [[ui-big-readable-text]]