# Portfolio — ระบบจัดการการลงทุนและการเงิน

> รวมข้อมูลการลงทุนจากหลายโบรกเกอร์และหลายแพลตฟอร์มไว้ในระบบเดียว เพื่อดูเงินสด สินทรัพย์ ผลตอบแทน และภาระที่ต้องจ่าย พร้อม AI ที่ใช้ข้อมูลในพอร์ตประกอบคำตอบ

- บทบาท: ผู้พัฒนาระบบด้วยตัวเองทั้งหมด
- ปรับปรุงล่าสุด: 2026-10-04
- URL: https://thonglak.com/projects/portfolio/

## กรณีศึกษาโดยย่อ

- ปัญหา: ข้อมูลการลงทุนและการเงินอยู่คนละแพลตฟอร์ม ทำให้ดูภาพรวมได้ยาก และการใช้ AI วิเคราะห์จากข้อมูลเพียงบางส่วนอาจไม่ครอบคลุมพอร์ตทั้งหมด
- บทบาท: พัฒนาด้วยตัวเองทั้งหมด ทั้งหน้าจอ ระบบหลังบ้าน และฐานข้อมูล
- วิธีทำ: รวมข้อมูลสินทรัพย์ รายการซื้อขาย และรายรับรายจ่าย รองรับการนำเข้าจากโบรกเกอร์ พร้อมติดตามผลตอบแทนและกำหนดชำระเบี้ยประกัน
- ผลลัพธ์: ดูเงินสด การลงทุน กำไรขาดทุน และภาระที่ต้องจ่ายร่วมกันได้ พร้อมแจ้งเตือนและส่วนสนทนากับ AI ที่ใช้ข้อมูลในพอร์ตเป็นบริบท

## เมื่อข้อมูลการเงินอยู่คนละที่

เมื่อลงทุนผ่านหลายโบรกเกอร์และหลายแพลตฟอร์ม การดูพอร์ตโดยรวมต้องเปิดหลายแอป ยิ่งมีสินทรัพย์หลายประเภท ทั้งหุ้น เงินฝาก อสังหาริมทรัพย์ และประกัน ก็ยิ่งยากที่จะตอบว่า ตอนนี้มีเงินสดเท่าไร ลงทุนไปเท่าไร และมีภาระอะไรที่ต้องเตรียมจ่ายบ้าง

ผมจึงพัฒนา Portfolio เพื่อรวบรวมข้อมูลเหล่านี้ไว้ในระบบเดียว รองรับสินทรัพย์และรูปแบบการลงทุนที่หลากหลาย ตั้งแต่หน้าจอที่ใช้บันทึกและดูข้อมูล ไปจนถึงระบบหลังบ้านและฐานข้อมูล

งานนี้เชื่อมความสนใจด้านการลงทุนกับงานพัฒนาโปรแกรมของผม ผมเริ่มลงทุนจากหุ้นของบริษัทที่ตัวเองทำงานอยู่ ก่อนจะค่อย ๆ เรียนรู้สินทรัพย์ประเภทอื่น ทั้งคอนโดปล่อยเช่า ทองคำ กองทุน และหุ้นต่างประเทศ ผมเล่าเรื่องนี้ไว้ในบันทึก [เส้นทางการลงทุนของผม](https://thonglak.com/insights/investment-journey/)

## เห็นทั้งเงินที่มีและเงินที่ต้องเตรียม

หน้าภาพรวมรวมข้อมูลเงินสด การลงทุน เงินฝาก อสังหาริมทรัพย์ ประกัน และรายรับรายจ่ายไว้ด้วยกัน แสดงมูลค่า ต้นทุน กำไรขาดทุน และสัดส่วนสินทรัพย์ โดยแปลงมูลค่าต่างสกุลเงินเป็นเงินบาทเพื่อให้ดูร่วมกันได้

ระบบติดตามผลตอบแทนแต่ละประเภท ทั้งดอกเบี้ยเงินฝาก เงินปันผล และเงินคืนระหว่างปีจากประกัน สำหรับเบี้ยประกัน ดูได้ว่าแต่ละปีต้องจ่ายเท่าไร ครบกำหนดเมื่อไร และมีแจ้งเตือนให้เตรียมชำระ ทำให้เห็นทั้งทรัพย์สินที่มีและภาระที่กำลังจะมาถึง

ส่วนพอร์ตลงทุนเชื่อมรายการซื้อขายเข้ากับข้อมูลสินทรัพย์และราคา โดยแยกกำไรขาดทุนจากรายการที่ขายแล้วออกจากส่วนที่ยังถืออยู่ ผมใส่วันที่ของราคาและสถานะราคาที่เก่าไว้ด้วย เพื่อให้เห็นว่าตัวเลขมูลค่าพอร์ตอ้างอิงข้อมูลช่วงไหน

## นำเข้าข้อมูลจากโบรกเกอร์

Portfolio รองรับการนำเข้าข้อมูลจากโบรกเกอร์ โดยมีส่วนเชื่อมต่อ Webull และระบบรับข้อมูลผ่าน webhook เพื่อรองรับข้อมูลจากบริการอื่น ช่วยลดการรวบรวมข้อมูลแยกกันหลายที่

![หน้าจอส่วนเชื่อมต่อ Webull ใน Portfolio](https://thonglak.com/_astro/portfolio-webull.BVissjxO_1UxnLv.webp)

## ให้ AI ใช้ข้อมูลจากพอร์ตประกอบคำตอบ

เมื่อข้อมูลอยู่คนละแพลตฟอร์ม การถาม AI ให้ช่วยวิเคราะห์ต้องรวบรวมข้อมูลมาให้ก่อน ถ้าส่งข้อมูลเพียงบางบัญชีหรือสินทรัพย์บางประเภท คำตอบก็อาจขาดบริบทของการเงินส่วนอื่น

ผมจึงเพิ่มส่วนสนทนากับ AI ที่ใช้ภาพรวมสินทรัพย์ สถานะการลงทุน และกระแสเงินสดย้อนหลังหกเดือนจาก Portfolio เป็นบริบท เพื่อให้ถามเกี่ยวกับการเงินของตัวเองได้โดยไม่ต้องรวบรวมข้อมูลจากหลายแอปมาอธิบายใหม่ทุกครั้ง

AI และแดชบอร์ดใช้บริการสรุปข้อมูลเดียวกัน เพื่อให้ทั้งสองส่วนอ้างอิงข้อมูลชุดเดียวกัน ภาพการเงินที่ AI เห็นจึงครอบคลุมข้อมูลที่บันทึกไว้ในระบบมากขึ้น

![หน้าจอสนทนากับ AI ใน Portfolio](https://thonglak.com/_astro/portfolio-ai.aAqZwSAM_V0156.webp)

## ติดตามรายรับรายจ่ายและกำหนดชำระ

นอกจากการลงทุน ระบบยังบันทึกรายรับรายจ่าย จัดหมวดหมู่ กำหนดงบประมาณ และดูสรุปรายเดือนได้ พร้อมส่วนจัดการกรมธรรม์ การชำระเบี้ย มูลค่าเวนคืน และรายการรับชำระเงินกู้

![หน้าจอการแจ้งเตือนใน Portfolio](https://thonglak.com/_astro/portfolio-notis.BgUNaqy5_Z2m4sG5.webp)

## การเชื่อมข้อมูลแต่ละส่วน

แต่ละส่วนของระบบต้องเชื่อมกัน ตั้งแต่รายการซื้อขายที่ใช้คำนวณการถือครอง ไปจนถึงข้อมูลที่นำมาแสดงในหน้าภาพรวม การคำนวณกำไรขาดทุนจากการขายใช้วิธี FIFO คือจับคู่กับรายการที่ซื้อก่อนตามลำดับ

ในส่วนหน้าจอ ผมทำทั้งมุมมองตารางและการ์ด รองรับโหมดมืด และให้ระบบจำตัวเลือกการแสดงผลไว้ เช่น ตัวกรองและคอลัมน์ที่เลือกดู

## เทคโนโลยีที่ใช้

- ส่วนหน้าจอ: Angular, TypeScript และ Tailwind CSS
- ส่วนหลังบ้าน: Node.js, NestJS และ Fastify
- ข้อมูล: PostgreSQL และ Prisma
- การติดตั้งระบบ: Docker และ Nginx