ในคลิปนี้ผมจะพาทุกคนมาดึงศักยภาพของโมเดล AI ระดับท็อปอย่าง Claude Opus หรือ GPT-5 ผ่านแพลตฟอร์ม THAI AI Passport ที่เปิดให้เราสามารถเข้าใช้งานได้ฟรี! มาช่วยเขียนโค้ดสร้างระบบ Web Application บน Google Apps Script ให้เราแบบจับมือทำ
โดยในคลิปนี้ผมจะพาทำแบบ Step by Step ทั้งหมด 2 ระบบ และ 2 วิธีการทำงานด้วยกันครับ:
📌 ระบบที่ 1: ระบบจัดการสต็อกสินค้า (Inventory System)
เป็นเคสที่เรามีไฟล์ Google Sheets โครงสร้างฐานข้อมูลอยู่แล้ว (มีชีทสต็อกสินค้า และประวัติ Transaction รับเข้า/เบิกจ่าย)
ใช้เทคนิคการ Capture หน้าจอฐานข้อมูล ภาพโครงสร้าง file google sheets ของเรา ส่งให้ AI ช่วยเขียนโค้ด code.gs และ index.html
โดยสามารถใช้ prompt ตัวอย่างดังต่อไปนี้ได้
ฝากสร้างระบบ Google App Script จัดการสต๊อกสินค้า โดยไฟล์ Google Sheets ของผมมีโครงสร้างดังในภาพ
ฝากสร้างไฟล์ code.gs และ index.html ให้หน่อย
โดยให้มี function สำหรับเบิกจ่ายสินค้า และสามารถเช็คสต๊อกสินค้าคงเหลือ รวมทั้งให้มีหน้าจัดการสต๊อกสินค้า
นอกจากนั้นให้ทำการสร้างฟังชั่นที่สามารถสร้าง mockup data เพิ่มขึ้นมาให้หน่อยโดยหลังจากนั้นเราสามารถกำหนด theme ของ webapp ที่ต้องการจะได้โดยอธิบาย หรือ cap ภาพหน้าจอเว็บที่เราต้องการ หรือ สามารถอ้างอิงจาก prompt ในเว็บที่ผมสร้างขึ้นดังต่อไปนี้ได้ครับ
🔗 Link เว็บ ตัวอย่างสไตร์การสร้างเว็บ UI Style & AI Prompt
จากนั้นเราจะได้ script code.gs และ index.html ซึ่งก็สามารถให้นำไปใส่ใน App Script ของไฟล์ Google Sheets ได้เลย และ หลังจากที่ Deploy เสร็จเราก็จะได้ระบบสต๊อกสินค้าตามตีมที่เราต้องการไปใช้งานได้ทันที
📌 ระบบที่ 2: ระบบจัดการรายรับรายจ่าย (Expense Tracker)
เป็นเคสเริ่มจากศูนย์ (Zero Setup) โดยที่เราไม่ต้องสร้างตารางใน Google Sheets ไว้ก่อนเลย
สั่งให้ AI เขียนทั้งโค้ดหน้าเว็บ และเขียนฟังก์ชัน Setup Database เพื่อสร้างตารางฐานข้อมูลพร้อมสูตรคำนวณลงชีทให้อัตโนมัติในคลิกเดียว
โดยเราสามารถ prompt ในลักษณะประมาณนี้ได้เลยครับ
ฝากสร้างระบบจัดการด้านการเงินส่วนบุคคล Expense Tracker ใน Google App Script
โดยให้ทำการสร้าง file index.html และ code.gs มาให้หน่อย
ฟังชั่นที่ต้องการคือระบบการบันทึกรายรับ และ รายจ่ายแบบง่ายๆ
มีรายงานที่สามารถดูสัดส่วนรายรับและรายจ่ายในช่วงเวลาที่กำหนดได้
ฝากสร้าง function ที่สามารถใช้ในการ setup ฐานข้อมูลใน file google sheets ให้ด้วยและเช่นเดิมคือเราสามารถนำเอา prompt จากเว็บดังต่อไปนี้ มาวางต่อ เพื่อเลือกตีมที่ต้องการได้
🔗 Link เว็บ ตัวอย่างสไตร์การสร้างเว็บ UI Style & AI Prompt
และหลังจากที่เรา deploy แล้ว เราก็สามารถ run script เพื่อให้ระบบทำการ setup โครงสร้างของไฟล์ Google Sheets ให้เราได้ทันที
➡️ รายการลิงก์และ Prompt ทั้งหมดที่ใช้ในคลิปนี้:
ลิงก์เข้าใช้งาน THAI AI Passport
เว็บไซต์รวมไอเดีย Prompt สไตล์หน้าตา Web Application (20 UI Styles)
หวังว่าจะเป็นประโยชน์นะครับ ถ้าติดปัญหาการสร้างโปรเจกต์สามารถติดต่อได้ที่ Facebook : บริหารงานแบบคนไอที ได้เลยครับ
🎓 สนใจคอร์สสร้าง Template ระบบสต๊อกสินค้าใน Google Sheets สอนโดยผมเอง สามารถดูรายละเอียดได้ที่ลิงค์นี้เลย
https://www.skilllane.com/courses/GoogleSheets-Noobitguyการเลือกใช้ซอฟต์แวร์สำหรับงานดีไซน์
🎓 สนใจคอร์ส สร้าง Web Application โดยไม่ต้องเขียนโค้ดด้วย Lovable AI สอนโดยผมเอง สามารถดูรายละเอียดได้ที่นี้เลย
https://page.futureskill.co/lovablewebapp?aff=446
🎥 อุปกรณ์ที่ผมใช้
กล้อง Sony ZV-E10 kit 16-50mm
Mouse Logitech MX Master 3s
MacBook Air M2
ไมค์ wireless Saramonic Blink 500
เก้าอี้ Anda Seat X-Air Pro Ergonomic Gaming Chair
แขนจับจอ Anda Seat Stealth A6L Ergonomic Monitor Arm
ไมโครโฟน AKG Lyra
ไฟส่องหน้าจอ Xiaomi Light Bar
