ครูเชียร

Web App

Loader Overlay (CSS keyframes)

CSS #page { left: 0; top: 0; width: 100%; height: 100%; …

bysemicon -กันยายน 12, 2568

Google App Script

GoogleRun Wrapper: ตัวช่วยเรียกใช้ Google Apps Script ให้ใช้งานง่ายขึ้น

ทำไมต้องมี Wrapper?       เวลาพัฒนา Web App ด้วย Google Apps Script (GAS) เรามักต้องเขียนโค้ดฝั่ง Client (HTML/JS) ให้เรียกฟ…

bysemicon -สิงหาคม 27, 2568

Web App

“เกมระบายสีภาพการ์ตูนลายเส้น” แบบไฟล์เดียว (HTML + JS + CSS)

“เกมระบายสีภาพการ์ตูนลายเส้น” แบบไฟล์เดียว (HTML + JS + CSS) ไว้ในแคนวาสด้านขวาให้เรียบร้อย ฟีเจอร์หลัก: โหมดถังสีระบายส่วนต…

bysemicon -สิงหาคม 25, 2568

Google App Script

เว็บแอปอัลบั้มรูป V.3

เว็บแอปอัลบั้มรูป (Photo Album) ที่ทำงานร่วมกับ Google Apps Script (GAS) ฝั่งเซิร์ฟเวอร์ โดยมีโครงสร้างดังนี้: Frontend (HT…

bysemicon -สิงหาคม 21, 2568

Google App Script

Emoji rating scale from 1 to 5

🎯 วัตถุประสงค์ของคุณ เมื่อผู้ใช้ขยับ slider (input แบบ range) ซึ่งมีค่า 0 ถึง 4 Emoji (อีโมจิ) จะเปลี่ยนตามตำแหน่งของ slider…

bysemicon -สิงหาคม 20, 2568

Google App Script

SweetAlert2: Custom Icon + ProgressBar

ไอคอนดึงจาก external URL (คุณสามารถเปลี่ยนเป็น ./img/success.png ได้) Progress bar จะเปลี่ยนสีตาม type โดยอัตโนมัติ: success…

bysemicon -สิงหาคม 19, 2568

Google App Script

สร้าง 404 Page Not Found ใน Web App

ใน Google Apps Script Web App มันจะไม่เหมือนเว็บโฮสต์ทั่วไปที่เราสามารถตั้งค่า 404 page อัตโนมัติในเซิร์ฟเวอร์ได้ เพราะ GAS …

bysemicon -สิงหาคม 16, 2568

Google App Script

เว็บแอประบบ login กำหนดสิทธิ์ 4 ระดับ แยกหน้าชัดเจน

DEMO 1. code.gs function doGet ( e ) {   const page = ( e && e . parameter && e . parameter .…

bysemicon -สิงหาคม 15, 2568