Gemini Ai กับการสร้าง Web application โดยใช้ Apps Script
ขั้นตอนการสร้างชิ้นงาน
1. เปิดเว็บไซต์ https://drive.google.com/drive/folders/1YDwuKotD_Lbj_BLMoMGSkuMbKcPyUmjl
2. สร้าง Google sheet จำนวน 1 ไฟล์ ตั้งชื่อ wood และตั้งชื่อ sheet ให้เป็น sheet01
3. กำหนดคอลัมน์ตั้งชื่อดังนี้
3.1 คอลัมน์ A วันเวลา
3.2 คอลัมน์ B ชื่อสินค้า
3.3 คอลัมน์ C URL
3.4 คอลัมน์ D จำนวน
4. ทำการเปิดเมนู ส่วนขยาย > Apps Script
ภาพการสร้างฐานข้อมูล Google sheet เตรียมไว้รอ
…
5. เข้าเว็บไซต์เตรียมสร้างโค้ด https://gemini.google.com/app?hl=th
Prompt ตามโค้ดด้านล่าง
____________________________________
ฉันต้องการสร้างเว็บไซต์ Google apps script มีหัวข้อว่า ระบบบันทึกสินค้าผลิตภัณฑ์จากไม้
1. ประกอบไปด้วยเมนู จำนวน 2 เมนู คือ เพิ่มสินค้า และ หน้า Dashboard แสดงสินค้าแต่ละชนิด มีภาพประกอบ Thumbnail
2. ฐานข้อมูลที่ใช้บันทึกคือ Google sheet id = 1eJRVYqVC0jiZWABZh9-syq5861aZGHqf6dwHdNx6mFQ โดยใช้ sheet = sheet01 ตั้งค่าให้คอลัมน์ A เก็บวันที่เวลาที่บันทึก, คอลัมน์ B เก็บชื่อสินค้า, คอลัมน์ C เก็บ URL Google drive ที่ใช้เก็บภาพสินค้า, คอลัมน์ D เก็บจำนวนสินค้า
3. ภาพสินค้าให้เก็บใน Google drive id= 1YDwuKotD_Lbj_BLMoMGSkuMbKcPyUmjl ที่ฉันได้แชร์ Folder ไว้แล้ว
4. ตกแต่ง โทนเว็บสีดำสวยงามทันสมัย Font = mali และขอให้ฟอนต์เป็นสีสว่างตัดกับพื้นหลัง
5. สร้างไฟล์ โค้ด รหัส.gs และ index.html ให้ฉัน copy ทุกอย่างตั้งอยู่บนมาตรฐาน Base64
____________________________________
ภาพการใช้ Gemini Ai สร้างชิ้นงาน
…
6. นำไฟล์โค้ดทั้ง 2 ชนิด ไปติดตั้งใน Apps Script (ตามภาพด้านล่างนี้)
ภาพการติดตั้งโค้ดของ Google Apps Script
…
ภาพทดสอบ Web application
…
Leave a Reply