🚀 เริ่มต้นใช้งาน
iteee-memo — บัญชีรายรับรายจ่ายและปฏิทินส่วนตัว ทำงานเป็นไฟล์ HTML ไฟล์เดียว ไม่ต้องติดตั้ง ข้อมูลเก็บในเครื่องของคุณเท่านั้น
รหัสผ่าน 4 ประเภท
1️⃣ Login — เข้าโปรแกรม (default: 1234)
2️⃣ Lock — ปลดล็อกบันทึก/บัญชีธนาคาร
3️⃣ ไฟล์ — เข้ารหัส/ถอดรหัสไฟล์ .bin
🛡️ รหัสนิรภัย — เข้ารหัสเนื้อหา Note + ข้อมูลธนาคาร (ต้องตั้งก่อนใช้)
💾 บันทึกและสำรองข้อมูล
ข้อมูลบันทึกอัตโนมัติใน IndexedDB
💾 Save → ได้ไฟล์ iteee-data-(dd-mm-yyyy)_(HHmm).bin (เข้ารหัส AES-256)
📂 Load → รองรับเฉพาะไฟล์ชื่อตามรูปแบบที่กำหนด + ต้องใส่รหัสผ่านไฟล์ก่อน
⏱ Session
Session มีอายุ 3 ชั่วโมง นับจากที่ไม่มีการใช้งาน โปรแกรมจะ Logout อัตโนมัติเพื่อความปลอดภัย
🏠 Dashboard
หน้าแรกแสดงภาพรวมการเงินและ Chart แบบ Interactive
โปรไฟล์
กดที่รูปโปรไฟล์มุมซ้ายเพื่ออัปโหลดรูปและตั้งชื่อ หรือไปที่ ⚙ ตั้งค่า → 👤 โปรไฟล์
ช่วงเวลา (Period)
เดือนเดียว — แสดงข้อมูลเดือนที่เลือก กด ‹ › เพื่อย้อนหรือไปข้างหน้า
6 เดือน — เปรียบเทียบ 6 เดือนล่าสุด
รายไตรมาส — เปรียบเทียบ 4 ไตรมาส
รายปี — เปรียบเทียบ 4 ปี
ประเภท Chart
📊 แท่ง (Bar) — เปรียบเทียบรายรับ/รายจ่าย/คงเหลือ
🥧 วงกลม (Pie) — สัดส่วนรายรับ vs รายจ่ายช่วงล่าสุด
📈 เส้น (Line) — เทรนด์ตามช่วงเวลา
📅 ปฏิทิน
แสดง 3 เดือนพร้อมกัน — เดือนปัจจุบัน, ถัดไป, และถัดไปอีกเดือน
การใช้งาน
👆 กดที่วัน → เพิ่ม note ประจำวัน เลือก icon และดูค่าใช้จ่ายของวันนั้น
🔴 วันหยุดนักขัตฤกษ์ ไทยแสดงสีแดงอัตโนมัติ (2567–2570)
💰 รายรับของแต่ละเดือน แสดงด้านบนปฏิทิน
📍 วันนี้ มีกรอบไฮไลต์ กดปุ่ม "วันนี้" เพื่อกลับมาเดือนปัจจุบัน
💰 ค่าใช้จ่าย
งบประจำเดือน
ตั้งงบได้ที่ ⚙ ตั้งค่า → 💰 ตั้งงบประจำเดือน สามารถ กำหนดช่วงวันที่ (เช่น 1–15 มี.ค.) และระบบจะคำนวณ ฿ต่อวัน ให้อัตโนมัติ
หมวด Card ในหน้าค่าใช้จ่าย
💰 งบประจำเดือน — แสดงงบที่ตั้งไว้, ใช้ไป, คงเหลือ พร้อม Progress bar
🏦 แต่ละบัญชีโดยตรง — card แยกตามบัญชี กด ⇄ เปลี่ยนบัญชี × ซ่อน card
📊 สรุปรวม — รวมทุกแหล่ง + ยอดรวมทุกบัญชีจริง
เพิ่มค่าใช้จ่าย
กด + เพิ่ม ในแต่ละ card หรือปุ่ม + เพิ่มรายการ มุมขวาบน เลือกว่าหักจาก งบ หรือ บัญชีโดยตรง
💡 ค่าใช้จ่ายจากงบ → หักออกจากบัญชีที่ผูกงบไว้ ไม่ใช่บัญชีที่เลือกในรายการ
📋 หนี้สิน
บันทึกรายการหนี้ประจำเดือน เช่น ค่าเช่า, ผ่อนรถ, บัตรเครดิต
✅ ติ๊กถูก เมื่อจ่ายแล้ว → บันทึกวันที่จ่ายอัตโนมัติ
💾 Save Template — บันทึก preset ชื่อ+จำนวน+กำหนด ใช้ซ้ำเดือนถัดไป
▶ โหลด Template — กด ▶ เพื่อโหลด preset มาใช้เดือนนี้ทันที
🏦 ธนาคาร
แสดงยอดคงเหลือจริงของแต่ละบัญชี = ยอดเริ่มต้น + รายรับ − รายจ่ายสะสมทุกเดือน
🛡️ รหัสนิรภัย (ซ่อนข้อมูลบัญชี)
เมื่อตั้งรหัสนิรภัยแล้ว ยอดเงินในบัญชีจะแสดงเป็น ฿ ●●●●●
กดปุ่ม 🔒 รหัสนิรภัย → ใส่รหัส → เห็นยอดจริงและเลขบัญชีจริง
กด 🔓 ซ่อน อีกครั้ง → กลับไปซ่อนข้อมูล
ตอน Card ย่อ (Collapsed)
แสดง: ชื่อธนาคาร + เจ้าของ + เลขบัญชี (masked)
ยอดเงิน: ซ่อนเป็น ●●●●● (กดปุ่มรหัสนิรภัยเพื่อดู)
การจัดการบัญชี
🔒 Lock/Unlock — กด 🔒 แล้วใส่รหัสผ่านเพื่อแก้ไขเลขบัญชี/หมายเหตุ
▲▼ พับ/ขยาย — กดปุ่มข้างแม่กุญแจ
🗑️ ลบบัญชี — ต้องปลดล็อกและใส่รหัสยืนยัน
ยอดรวมทุกบัญชี = ผลรวมจริงทุกบัญชี | การโอนเงินระหว่างบัญชีไม่นับเป็นรายรับ/รายจ่าย
📊 สรุปปี
ตารางสรุปรายเดือนตลอดปี: ยกมา | รายรับ | รายจ่าย | คงเหลือสะสม | บวก/ลบเดือนนี้
รายรับย้อนหลัง
ใช้เมื่อเพิ่งเริ่มบันทึก — บันทึกรายรับเดือนก่อนหน้าที่ผ่านมาแล้วได้ที่ ⚙ ตั้งค่า → 📅 รายรับย้อนหลัง ไม่นำมารวมยอดคงเหลือปัจจุบัน
📓 บันทึก
บันทึกเรื่องทั่วไป พร้อม Rich Text Editor และรูปภาพ
🛡️ รหัสนิรภัย (เข้ารหัสเนื้อหา)
ตั้งรหัสนิรภัยที่ ⚙ ตั้งค่า → 🛡️ รหัสนิรภัย
เมื่อตั้งแล้ว เนื้อหาบันทึกทุกรายการจะแสดงเป็น อักขระเข้ารหัส ที่อ่านไม่ออก
กดปุ่ม 🗝️ ข้าง ✏️ → ใส่รหัสนิรภัย → เนื้อหาถอดรหัสแสดงปกติ
กด 🔓 อีกครั้ง → เนื้อหากลับไปเป็นอักขระเข้ารหัส
รหัสนิรภัยเก็บใน session เท่านั้น ไม่บันทึกลงดิสก์ ต้องกรอกใหม่ทุกครั้งที่ Login
Rich Text Editor
B ตัวหนา I เอียง U ขีดเส้นใต้ S ขีดทับ
ขนาดตัวอักษร 6 ระดับ
A + color → สีตัวอักษร 🖍 + color → Marker
✕ → ล้าง format ทั้งหมด
📎 แนบรูปภาพได้สูงสุด 5 รูป/บันทึก
การจัดการ
🖨️ Print/PDF 🔒 Lock ป้องกันแก้ไข/ลบ ✏️ แก้ไข 🗑️ ลบ (ต้องปลดล็อก + รหัส)
🧾 ภาษีเงินได้บุคคลธรรมดา
คำนวณภาษีตามแบบ ภ.ง.ด.90/91 พร้อม Export สำหรับนำไปยื่นจริง
วิธีใช้
1. เลือกปีภาษีจาก dropdown (หรือกรอกปีเองแล้วกด +)
2. กรอกรายได้ 40(1)–40(8) ตามประเภท
3. กรอกค่าลดหย่อนในแต่ละหมวด (ระบบ cap ให้อัตโนมัติ)
4. กรอกภาษีหัก ณ ที่จ่าย → ดูว่าต้องจ่ายเพิ่มหรือได้คืน
5. กด 💾 บันทึกปีนี้ เพื่อเก็บข้อมูล
⚠️ ระบบคำนวณอัตราค่าใช้จ่ายแบบ Standard Deduction ตามกฎหมาย ปีภาษี 2567 กรุณาตรวจสอบกับสรรพากรก่อนยื่นจริง
Export
🖨️ Print/PDF → เปิดหน้าต่างใหม่พร้อม print dialog
📊 Excel → ดาวน์โหลด CSV สรุปตัวเลข
⚙ ตั้งค่า
รหัสผ่าน 4 ประเภท
1️⃣ Login — เข้าโปรแกรม (default: 1234)
2️⃣ Lock — ปลดล็อกบันทึก/บัญชีธนาคาร
3️⃣ ไฟล์ — เข้ารหัส/ถอดรหัสไฟล์ .bin
🛡️ รหัสนิรภัย — เข้ารหัสเนื้อหา Note + ข้อมูลบัญชีธนาคาร
💾 บันทึก / โหลดข้อมูล
💾 Save → เข้ารหัส AES-256-GCM → ไฟล์ iteee-data-dd-mm-yyyy_HH-MM.bin
📂 Load → เลือกไฟล์ (ชื่อต้องตรงรูปแบบ) → ใส่รหัสผ่านไฟล์ → ยืนยัน → Logout อัตโนมัติ
⚠️ ไฟล์ที่โหลดได้ต้องมีชื่อรูปแบบ iteee-data-dd-mm-yyyy_HH-MM.bin เท่านั้น
🔄 Reset to Default
ล้างข้อมูลทั้งหมดในเครื่อง กลับสู่สถานะเริ่มต้น ต้องยืนยัน 3 ขั้นตอน: Confirm → รหัสผ่าน Login → พิมพ์ RESET
💡 หลัง Reset กู้คืนได้โดยโหลดไฟล์ .bin — แนะนำ Save ก่อน Reset ทุกครั้ง
🔐 ความปลอดภัย
Session อัตโนมัติ
Session มีอายุ 3 ชั่วโมง นับจากไม่มีการใช้งาน จากนั้น Logout อัตโนมัติ
Login Lockout
ตั้งค่าจำนวนครั้งที่ Login ผิดได้และเวลาล็อกได้ที่ ⚙ ตั้งค่า → 🔐 ความปลอดภัยการ Login
🆘 ลืมรหัสผ่าน Login
💡 ถ้าข้อมูลยังอยู่ใน Browser (ยังไม่ได้ Clear) — ไม่ต้อง Clear อะไร ข้อมูลยังปลอดภัย
วิธีที่ 1 — มีไฟล์ .bin สำรองไว้
1. Clear Site Data ของ Browser (Settings → Privacy → Clear browsing data → เลือก "Site data")
2. เปิดโปรแกรมใหม่ → Login ด้วยรหัสผ่านเริ่มต้น 1234
3. ⚙ ตั้งค่า → 💾 บันทึก/โหลดข้อมูล → Load File
4. เลือกไฟล์ .bin → ใส่รหัสผ่านไฟล์ → ยืนยัน → Logout อัตโนมัติ
5. Login ใหม่ด้วยรหัสผ่านเดิมของคุณ (ที่บันทึกอยู่ในไฟล์ .bin)
วิธีที่ 2 — ข้อมูลยังอยู่ใน Browser Cache (ยังไม่ได้ Clear)
⚠️ ข้อมูลใน IndexedDB ยังอยู่ครบ — ห้าม Clear Site Data ก่อนทำขั้นตอนนี้
1. เปิดโปรแกรม กด F12 (DevTools) → Application → IndexedDB → iteee_memo_db
2. ดูค่า password ใน store (จะเห็นรหัสผ่านจริง)
3. ปิด DevTools → Login ด้วยรหัสผ่านที่เห็น
⚠️ ถ้าลืมทั้งรหัสผ่าน Login และ รหัสผ่านไฟล์ .bin และ Clear ข้อมูลแล้ว — ไม่สามารถกู้คืนได้
แนะนำจดรหัสผ่านทั้ง 3 ประเภทไว้ในที่ปลอดภัย
🛡️ รหัสนิรภัย
ตั้งที่ ⚙ ตั้งค่า → 🛡️ รหัสนิรภัย
เก็บเฉพาะใน session — ไม่บันทึกลงดิสก์ ต้องกรอกใหม่ทุกครั้งที่ Login
ใช้สำหรับ: ดูเนื้อหา Note และดูข้อมูลบัญชีธนาคาร
❓ FAQ คำถามที่พบบ่อย
Q: ข้อมูลหายหลัง Clear browser cache?
A: ข้อมูลอยู่ใน IndexedDB ซึ่ง Clear cache ปกติไม่กระทบ แต่ถ้า Clear site data จะหาย ควร Save ไฟล์ .bin สำรองไว้เสมอ
Q: ใช้บนมือถือได้ไหม?
A: ได้ครับ รองรับ PWA สามารถ Add to Home Screen เพื่อใช้เหมือน App ได้
Q: โอนเงินระหว่างบัญชีทำยังไง?
A: ⚙ ตั้งค่า → 🔁 โอนเงินระหว่างบัญชี — การโอนไม่นับเป็นรายรับ/รายจ่าย ยอดรวมทุกบัญชีคงเดิม
Q: งบประจำเดือนต่างจากหักจากบัญชีโดยตรงยังไง?
A: งบ = กันเงินไว้ล่วงหน้า ค่าใช้จ่ายหักจากบัญชีที่ผูกงบ | บัญชีโดยตรง = หักจากบัญชีที่ระบุในรายการ
Q: รายรับย้อนหลังคืออะไร?
A: ใช้บันทึกรายรับก่อนเริ่มใช้โปรแกรม เพื่อให้สรุปรายปีถูกต้อง ไม่นำมารวมยอดคงเหลือปัจจุบัน
Q: ลืมรหัสผ่าน Login ทำยังไง?
A: ถ้ายังไม่ได้ Clear ข้อมูล — เปิด F12 → Application → IndexedDB → iteee_memo_db → ดูค่า password ได้เลย
ถ้า Clear แล้ว — Login ด้วย 1234 แล้วโหลดไฟล์ .bin คืน
Q: ไฟล์ .bin อัปโหลดไม่ได้ / ขึ้น error ชื่อไฟล์?
A: ชื่อไฟล์ต้องเป็น iteee-data-dd-mm-yyyy_HH-MM.bin เท่านั้น เช่น iteee-data-03-04-2026_09-26.bin — ไฟล์ที่เปลี่ยนชื่อเองจะโหลดไม่ได้
Q: Reset to Default แล้วกู้ข้อมูลคืนได้ไหม?
A: ได้ ถ้า Save ไฟล์ .bin ไว้ก่อน → Login ด้วย 1234 → ⚙ ตั้งค่า → 💾 Load File → ใส่รหัสผ่านไฟล์
Q: Dashboard เดือนเดียวต่างจาก 6 เดือนยังไง?
A: เดือนเดียว = โฟกัสเดือนที่เลือก Chart และหมวดหมู่ค่าใช้จ่ายอ้างอิงเดือนนั้น กด ‹ › เลื่อนดูเดือนอื่นได้
Q: รหัสนิรภัยลืมทำยังไง?
A: รหัสนิรภัยเก็บใน session เท่านั้น — ถ้าลืมให้ไปตั้งค่าใหม่ที่ ⚙ ตั้งค่า → 🛡️ รหัสนิรภัย (เนื้อหาข้อมูลไม่ได้เข้ารหัสจริงในฐานข้อมูล ใช้แค่ซ่อนการแสดงผล)
iteee-memo — Personal Finance & Calendar App
ข้อมูลทั้งหมดเก็บในเครื่องของคุณ เข้ารหัส AES-256-GCM