1. เตรียม Google Sheets และคำสั่งต้นฉบับ
สร้าง Google Sheets สำหรับทดลองระบบ แล้วเก็บลิงก์ไว้ ใช้ Prompt HR ด้านล่างกับ Codex คำสั่งจะให้ถามหาไฟล์ฐานข้อมูลก่อนสร้างโค้ด ส่งลิงก์ชีตที่ตั้งใจใช้ให้ตรงกับโปรเจกต์
เริ่มจากข้อมูลทดลอง เพราะระบบนี้เกี่ยวข้องกับพนักงาน เวลาเข้าออก การลา และเงินเดือน ตรวจรายละเอียดบทบาทและขั้นตอนอนุมัติในคำสั่งให้ตรงกับองค์กรก่อนนำไปใช้กับข้อมูลจริง
2. รับไฟล์ Code.gs และ Index.html
เมื่อ AI สร้างไฟล์เสร็จ ให้ตรวจว่ามีครบสองไฟล์ตามคำสั่ง Code.gs ทำงานด้านหลังบ้าน ส่วน Index.html รวมหน้าเว็บและการเชื่อมต่อระบบ
เปิด Sheets แล้วเลือก Extensions → Apps Script นำโค้ดจาก Code.gs มาใส่ในไฟล์สคริปต์ จากนั้นกดเพิ่มไฟล์ HTML ตั้งชื่อ Index โดยใช้ I ตัวใหญ่ แล้ววางเนื้อหาจาก Index.html ให้ครบ บันทึกทั้งสองไฟล์
3. ตั้งฐานข้อมูลด้วย setupSystem
ตรวจค่า SPREADSHEET_ID ให้ตรงกับชีตที่เตรียมไว้ เลือกฟังก์ชัน setupSystem แล้วกด Run ครั้งแรกระบบจะขอสิทธิ์เข้าถึง ให้ตรวจบัญชีและสิทธิ์ของโปรเจกต์ก่อนอนุญาต
กลับไปดูใน Sheets ว่ามีแท็บและข้อมูลตัวอย่างตามที่คาด หากรันไม่ผ่าน ให้อ่านข้อความผิดพลาดและแก้ก่อนนำเว็บขึ้นใช้งาน
4. Deploy เป็น Web App และเข้าระบบ
เลือก Deploy → New deployment แล้วเลือกชนิด Web app ตั้งผู้มีสิทธิ์เข้าถึงให้เหมาะกับกลุ่มที่ต้องใช้ จากนั้น Deploy และเปิดลิงก์เว็บที่ได้
ทดสอบเข้าสู่ระบบด้วยบัญชีตัวอย่างตามไฟล์ที่สร้าง แล้วเปลี่ยนรหัสผ่านทันทีตามขั้นตอนที่ระบบกำหนด อย่าใช้บัญชีเริ่มต้นเดิมเป็นบัญชีทำงานจริง
5. ตรวจให้ข้อมูลไปถึง Sheets และแยกสิทธิ์จริง
ลองเพิ่มพนักงาน บันทึกเวลา และส่งใบลา จากนั้นเปิด Sheets ตรวจแถวข้อมูลที่เพิ่มหรือเปลี่ยน ทดสอบด้วยบัญชีพนักงานและผู้อนุมัติแต่ละระดับว่าเห็นเฉพาะข้อมูลที่ควรเห็น
ตรวจการคำนวณเงินเดือนและเอกสารกับกรณีตัวอย่างที่รู้คำตอบอยู่แล้ว การเปิดเว็บได้สำเร็จยังไม่เท่ากับทุกฟังก์ชันพร้อมใช้กับข้อมูลบุคลากรจริง
ดูวิธีทำต่อในคลิป
ถ้าอ่านแล้วยังไม่เข้าใจ ดูวิธีทำในคลิป YouTube Shorts ด้านล่าง แล้วลองทำตามไปพร้อมกันได้เลย
Prompt พร้อมคัดลอก
เตรียมบัญชีเครื่องมือและไฟล์ของคุณ แล้วทำตามขั้นตอนด้านบน
คุณคือ Senior Google Apps Script Developer ให้สร้างระบบ Stock and Ticket ภาษาไทยแบบพร้อมใช้งานจริง โดยใช้ Google Apps Script เป็น Backend, Google Sheets เป็นฐานข้อมูล และ HTML/CSS/JavaScript เป็น Frontend ขั้นแรก ห้ามสร้างโค้ดทันที ให้ถามผู้ใช้เพียงว่า: “กรุณาส่งลิงก์ Google Sheets หรืออัปโหลดไฟล์ Excel/CSV ที่ต้องการใช้เป็นฐานข้อมูล โดยเปิดสิทธิ์ให้เข้าถึงได้ หากยังไม่มีไฟล์ ให้ตอบว่า ‘สร้าง Sheet ใหม่’” เมื่อได้รับไฟล์แล้ว ให้ตรวจสอบชื่อชีต, Header และข้อมูลเดิม ห้ามลบหรือเขียนทับข้อมูล จากนั้นปรับระบบให้ตรงกับโครงสร้างไฟล์ หากผู้ใช้เลือก “สร้าง Sheet ใหม่” ให้สร้างฐานข้อมูลและข้อมูล Demo ภาษาไทยอัตโนมัติ ฟีเจอร์ต้องครบ: - Login/Logout, เปลี่ยนรหัสผ่าน และ Session - สิทธิ์ Manager,Hr,SuperManager,SuperAdmin –ขั้นตอนอนุมัติวันลา Manger>Hr>SuperManager –Manager จะเห็นเฉพาะวันลาของพนักงานในสังกัดตัวเอง –Hr จะเห็นใบลาทุกคนที่ผ่านการอนุมัติจาก Manager –SuperManager เห็นใบลาของทุกคนที่ผ่านการอนุมัติจาก Hr – SuperAdmin เห็นข้อมูลทุกอย่างในระบบ - Dashboard พร้อมสถิติ, Payroll, กราฟเข้างาน 7 วัน, พนักงานตามแผนก, ประเภทการลา และประกาศ - พนักงาน, สังกัด, ตำแหน่งงาน - บันทึกเวลาเข้า–ออก - การลาและขั้นตอนอนุมัติ - เงินเดือนและสลิปเงินเดือน - รหัสงาน - จำนวนงานที่กำลังดำเนินการ - เอกสาร HR และอัปโหลด Google Drive - ประกาศ HR สามารถเพิ่มพนักงาน สามารถกำหนดวันหยุดประจำปี สามารถกำหนดโคต้าการลาของทุกคน ทุกโมดูลต้องเพิ่ม ดู แก้ไข ค้นหา กรอง และเปลี่ยนสถานะได้จริง พร้อม Modal, Validation, Pagination, Loading, Toast และ Error State โดย Employee เห็นเฉพาะข้อมูลตนเอง และ Manager เห็นเฉพาะทีมของตน ดีไซน์: - Sidebar สีขาว เมนู Active แบบ Gradient สีม่วง - พื้นหลังฟ้าอมม่วง Card สีขาวมุมโค้ง - ใช้ฟอนต์ Prompt, Bootstrap Icons และ Chart.js - Responsive และเป็น Single Page Application ความปลอดภัย: - Hash รหัสผ่านด้วย SHA-256 พร้อม Salt ห้ามเก็บ Plain Text - ตรวจสอบ Session Token และ Role ที่ Backend ทุกครั้ง - ใช้ LockService, CacheService และ PropertiesService - Validate/Sanitize Input และป้องกัน Formula Injection - บันทึกกิจกรรมสำคัญลง AuditLogs - ห้ามส่ง Password Hash หรือข้อมูลลับไป Frontend ให้ setupSystem() สร้างชีตที่จำเป็นและข้อมูล Demo ครบทุกโมดูลโดยไม่สร้างซ้ำ พร้อมบัญชีเริ่มต้น: Username: admin Password: admin1234 และบังคับเปลี่ยนรหัสผ่านครั้งแรก ผลลัพธ์ต้องเป็นโค้ดเต็มเพียง 2 ไฟล์: 1. Code.gs 2. Index.html เป็นไฟล์ text ห้ามส่งข้อความมาในเเชท Code.gs ต้องมี SPREADSHEET_ID, doGet(), setupSystem(), seedDemoData(), Backend CRUD, Authentication, Authorization และการอัปโหลดไฟล์ ส่วน Index.html ต้องรวม HTML, CSS และ JavaScript ทั้งหมด พร้อมเชื่อม Backend ด้วย google.script.run ห้ามใช้ Pseudocode ห้ามละโค้ด ห้ามเขียนว่า “ทำส่วนที่เหลือเหมือนกัน” ทุกเมนู ฟอร์ม ปุ่ม กราฟ และ CRUD ต้องทำงานกับ Google Sheets จริง เมื่อส่งโค้ดแล้วให้ปิดท้ายด้วยบัญชี Demo และขั้นตอนติดตั้ง: ใส่ Spreadsheet ID, รัน setupSystem() และ Deploy เป็น Web App
อยากเห็นวิธีทำทีละขั้น?
ถ้าอ่านแล้วยังไม่เข้าใจ ดูวิธีทำในคลิป YouTube Shorts นี้ แล้วลองทำตามไปพร้อมกันได้เลย