Just made a very simple WordPress Plugin : Delete All Post
From my very short and simple prompt in Gemini.
Warning: When you press “delete all posts”.
It will clear your website posts permanently. Cannot undo.
That’s it.
ต่อจากโพสต์ลองใช้ AI เขียนเว็บค้นคอร์ดเพลง ที่เป็นเว็บคอร์ดอูคู่เลเล่ใช้เองเล่นเอง เขียนด้วย DeepSeek (สมัยนั้น AI มันยังไม่ค่อยคล่อง) (ส่วนเดี๋ยวนี้มันคล่องไปไกลแล้ว แต่เราใช้เป็นแค่นี้)
ล่าสุดเมื่อคืนก็เพิ่งทำเว็บอัปเดต เป็นภาคต่อที่รื้อเว็บเดิมแล้วทำใหม่เรียกว่าเกือบทั้งหมด คราวนี้ใช้ Gemini ครับ
อ้ะ ลองดูก่อนนะพี่ชาย
ก่อนหน้านี้ อินเทอร์เฟซมันเป็นแบบ Dashboard มีการ์ดชื่อเพลงเรียงกันเยอะๆ ชอบอันไหนก็กด แล้วมันก็แค่เปิดไฟล์ภาพเพียวๆ แล้วค่อยกด back กลับมา ความสามารถที่แอบทำเพิ่มต่อมาคือมีปุ่มดาวให้กด favorite ได้ โดยที่มันจะเก็บข้อมูลใน local storage
ปรากฏว่ามันเป็นเว็บแอปที่เราเองใช้บ่อยมากๆ เพราะว่างๆ กินข้าวเสร็จก็มานั่งหัดดีดเพลง ตุ๊งแหน่วๆ ทุกวัน
แล้วบางทีก็ใช้ในไอแพดบ้าง มือถือบ้าง คอมพ์บ้าง ก็จะเจอปัญหาที่ว่า เพลงที่กดดาวไว้มันไม่ได้ซิงก์ข้ามเครื่องข้ามอุปกรณ์ ทำไงดีล่ะ
พอเมื่อวานซืนสงสัยขึ้นมา ก็เลยถามน้องเจม น้องบอกว่า เออเดี๋ยวร่างให้เลย เดี๋ยวนี้เขามี serverless cloud database อะไรงี้แล้วนะ อยู่ในชุด backend ที่ชื่อ Firebase ของกูเกิล และใช้ฟรีด้วย!
การหยุดทำเว็บมาสิบกว่าปี โลกมันไปไกลขนาดนี้เลยเหรอ
ก็เลยถามไปว่ามันคืออะไร แล้วถ้าจะลองเล่นต้องทำไงบ้าง น้องเลยสอนมา พอได้ไอเดีย ก็เลยเอามาประยุกต์ใช้กับเว็บคอร์ดเพลงนี่แหละ ด้วยการ
ไหนๆ ก็ไหนๆ เอาความรู้จากการทำเว็บทดสอบ Kerning ที่มี toolbox ลอยๆ แล้วด้านหลังเป็น canvas พ่นอะไรก็ได้ลงไป (สนุกมาก) มาปรับใช้กับเว็บนี้ ก็คือเปลี่ยนเลย์เอาต์ เปลี่ยน UX/UI ไปเลย
กลายเป็นค้นคอร์ดเพลง แล้วก็เปิดเล่นในหน้าเดียวกันได้เลย แต่ถ้าชอบโหมดคลาสสิกก็ยังคงไว้ได้อยู่
และแก้ปัญหาเรื่องการโหลดหนัก ภาระของเซิฟเวอร์ ด้วยการเอาลิสต์เพลงไปไว้บน Firebase ให้หมด ถ้าอัปเพลงใหม่ก็ใส่ “คำสั่งลับ” ลงในช่องค้นหาเท่านั้นเอง (อันนี้เราสนุกมาก เหมือนเล่นเกมแล้วมี cheat code)
นั่งทำ ยืนทำ เดินทำ กินข้าวไปก็สั่งมันไป กำกับมันไปเรื่อยๆ วนๆ งี้ทั้งวัน จนเสร็จเมื่อคืน รู้สึกว่าสมบูรณ์ละ ใช้ได้ 555555
ความสนุกก็คือเรามีโจทย์ส่วนตัวเกี่ยวกับความง่าย ความยืดหยุ่นในการใช้งานอะไรๆ เยอะมากๆ แต่ก่อนนี้ไม่มี เไ มาช่วย ก็ไม่รู้จะทำไงให้ตอบโจทย์ ตอนนี้พอน้องทำได้ตามสั่ง มันเลยฟินมาก
สรุปว่าได้เว็บที่เบาและสวยดั่งใจปอง พอจบโปรเจกต์ก็กล่าวชมน้องเจมมัน และขอให้ทำ infographic สรุปเรื่องภาระการโหลดของเซิฟเวอร์มาให้หน่อย (เป็นเรื่องที่เราอยากรู้ว่าเว็บจะเบาแค่ไหน)
น้องก็ฟิตจัด ทำเป็น interactive เลย โหดชิบเป๋ง
ตะกี้นึกอยากได้สิ่งนี้ขึ้นมา เลยโยนให้ Gemini ทำมาฝากครับ เป็นสคริปต์ Photoshop หั่นภาพพาโนรามาลง IG แบบสไลด์ต่อเนื่อง แบบไถๆ แล้วภาพมันต่อกันน่ะ นึกออกมะ 555
ตัวอย่าง ภาพนี้ครับ สมมติเราจัดอาร์ตเวิร์กง่อยๆ ไว้ก็จะเห็นภาพซ้ายก่อน แล้วก็ไถให้มันเห็นภาพขวาต่อๆ กันไป คนทำกราฟิกก็แค่จัดๆ แล้วกดเรียกสคริปต์ มันจะหั่นภาพให้เลย
โดยตัวสคริปต์จะไอ้นั่น
วิธีใช้งาน
ก็จะได้ไฟล์แบบนี้มา เอาไปโพสต์ได้เลย
ข้อแนะนำเพิ่มเติม
สคริปต์จะคำนวณจำนวนรูปจากความกว้างหารด้วยความสูง แล้ว ตัดเศษภาพตอนท้ายที่หารไม่ลงตัวทิ้งไป เพื่อให้ภาพทุกใบเป็นสี่เหลี่ยมจัตุรัสที่สมบูรณ์
ถ้าไม่อยากให้ภาพส่วนปลายหายไป แนะนำให้ครอปภาพต้นฉบับให้ได้สัดส่วนเป๊ะๆ ก่อนรันสคริปต์ (เช่น สัดส่วน 2:1 สำหรับ 2 รูป, 3:1 สำหรับ 3 รูป งงมะ) หรือไม่ก็ขยายขนาด Canvas แล้วเติมขอบเอาเองก่อนเรียกใช้
จอบอ
วันนี้พาลูกคนเล็กไปแข่งเล่นเกม 24 มาครับ ไอ้แบบที่มีเลขมาให้ 4 ตัว แล้วบวกลบคูณหาร(เท่านั้น)กันท่าไหนก็ได้ ให้ออกมาได้ 24 นั่นแหละ
ปกติเราจะเล่นกันตอนเดินทางเบื่อๆ แล้วมองทะเบียนรถคันหน้า แล้วมาประลองกำลังสมองกัน ตอบได้บ้างไม่ได้บ้างก็สนุกดี
แต่พอไปแข่งจริง ก็ถือว่า ได้เข้าร่วม 55555555555 ตกรอบแรกครับ แพ้พี่ๆ ป.6 แบบลิบลับ ตัวพ่อนั้นสงสัยว่าเด็กคนอื่นเขาติวกันมายังไงถึงเก่งกันขนาดนี้เนี่ย ส่วนคนลูกก็ไม่สลด เพราะสนุกดี เพิ่งเคยมาแข่งที่โรงเรียนอื่นดุเดือดแบบนี้
พอกลับมาบ้านเลยลองหาเว็บที่เป็นเกม 24 แบบที่อยากได้ แน่นอนครับ ไม่ถูกใจคนเรื่องมากอย่างเรา 5555
เลยทำเองขึ้นมาซะเลย
ก็ประมาณนี้ๆๆๆ ทำแป๊บเดียวตอนกินข้าว นอกนั้นคือจูน UI ด้วยความเรื่องมากเหมือนเดิม…
เล่นได้เลยครับ ที่นี่
ตอนนี้ตระกูล <anndo/> มีเว็บแอปที่ทำเองใช้เอง 10 ตัวแล้ว เย่
เนื่องจากผมทำฟอนต์ลิงอยู่ แล้วหงุดหงิดใจที่มันหาวิธีทดสอบช่องไฟ (kerning) ลำบากมากเลย ก็เลยนึกได้ว่า เออ เราก็หลอก AI ให้เขียนเว็บขึ้นมาก็ได้นี่หว่า
ขอบคุณการมีอยู่ของ Gemini จริงๆ นี่ใช้เวลาทำชั่วโมงเดียวก็เสร็จ (ทีแรกว่าจะนอน…) อาศัยว่าเฆี่ยนตีมันหน่อย ปรับไปปรับมา ถูกใจละ เลยเอามาบอกต่อครับ
ลองเล่นเลยยย
อัปเดตเวอร์ชัน 2.0 (ก่อนนอนนึกได้ว่าน่าทำเวอร์ชันมือถือ)
.
อัปเดตเวอร์ชัน 3.0 (พอตื่นมาแล้วมันนึกได้ เลยทำให้จบๆ)
.
อัปเดตเวอร์ชัน 4.0 (13 ม.ค.69)
