มีข้อมูลใน Google Sheets เยอะจนตาลาย อยากจะเอาข้อมูลมาดูในมือถือให้สวยๆ หรืออยากได้ระบบที่ค้นหาข้อมูลได้ง่ายๆ มีปุ่ม Dropdown ให้เลือกฟิลเตอร์ข้อมูลได้แบบโปรๆ คลิปนี้มีคำตอบครับ!
.
วันนี้ผมจะมาสอนทุกคนเปลี่ยนข้อมูลที่ดูน่าเบื่อในตาราง ให้กลายเป็น Web Application ที่ดูดีและใช้งานง่ายสุดๆ ที่สำคัญคือ ฟรี 100% ไม่ต้องเสียค่าใช้จ่าย และไม่ต้องเขียนโค้ดเองสักบรรทัดเดียวครับ
.
โดยเราจะใช้พลังของ AI อย่าง Gemini (Gem) มาช่วยสร้างไฟล์ Back-end และ Front-end ให้เราแบบอัตโนมัติ ซึ่งมีขั้นตอนง่ายๆ ดังนี้ครับ:
.
🛠 ขั้นตอนการสร้าง Web App ด้วย Gemini
เตรียมข้อมูล: เตรียมไฟล์ Google Sheets ของคุณให้พร้อม (เช่น ข้อมูลพนักงาน, รายการสินค้า)
กดเข้าใช้งาน Gem “ผู้ช่วยสร้าง WebApp จากข้อมูลใน Google Sheets“
ทำการเลือกเครื่องหมาย + (เพิ่มไฟล์) และ เลือกเพิ่มจากไดร์ฟ และให้ทำการเลือกไฟล์ Google Sheets ที่เราต้องการ
เลือกโมเดลการประมวลผล (แนะนำรุ่น Pro) แล้วบอก AI ว่า “ช่วยเปลี่ยนไฟล์ Google Sheets นี้ให้เป็น Web App ให้หน่อย”
คอนเฟิร์มความต้องการ: ระบบจะให้เรายืนยัน 4 ข้อ เพื่อปรับแต่งแอปตามใจเรา:
เลือกรูปแบบการแสดงผล (แบบตาราง หรือ แบบการ์ด)
เลือกเงื่อนไข Dropdown ที่ต้องการใช้กรองข้อมูล
เลือกโทนสี (Theme) ที่ชอบ
ระบุชื่อ Sheet ที่เก็บข้อมูลหลัก
นำโค้ดไปติดตั้ง: AI จะเจนไฟล์มาให้ 2 ชุด คือ Back-end และ Front-end ให้เรานำไปวางในหน้า App Script ของ Google Sheets แล้วกด Deploy (การทำให้ใช้งานได้) ได้เลยครับ
✨ ฟีเจอร์เด่นของ Web App นี้
📌 Real-time Update: ข้อมูลในแอปจะอัปเดตตาม Google Sheets ทันทีที่แก้ไข
📌 Easy Search & Filter: มีช่องค้นหาและปุ่ม Dropdown ให้กดเลือกดูเฉพาะกลุ่มข้อมูลที่ต้องการ
📌 Mobile Friendly: หน้าตาแอปถูกออกแบบมาให้แสดงผลได้สวยงามบนหน้าจอมือถือ
📌 No-Code Required: แค่ ก๊อปปี้-วาง ตามที่ AI บอก ก็ได้แอปมาใช้งานแล้ว
.
ใครที่อยากเปลี่ยนวิธีการจัดการข้อมูลแบบเดิมๆ ให้ทันสมัยและสะดวกขึ้น สามารถลองทำตามขั้นตอนในคลิปวิดีโอด้านล่างนี้ได้เลยครับ
➡️ ช่องทางการเข้าใช้งาน Gem
[Link สำหรับเข้าใช้งาน Gem : สร้าง Web App จาก Google Sheets]
.
หวังว่าระบบนี้จะเป็นประโยชน์และช่วยให้การจัดการสต็อกของคุณง่ายขึ้นนะครับ ถ้าติดปัญหาในการติดตั้งหรืออยากแชร์ไอเดียเพิ่มเติม
สามารถเข้ามาคุยกันได้ที่ Facebook: บริหารงานแบบคนไอที ได้เลยครับ!
💳 ชอบคลิปที่ช่วยเพิ่มประสิทธิภาพการทำงานแบบนี้สามารถสมัครสมาชิกช่องได้ที่
https://www.youtube.com/channel/UChxmhkD8uSSzUOkfMO_p5oQ/join
🎓 สนใจคอร์สสร้าง 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
