𝗔𝗜 𝗪𝗲𝗯𝘀𝗶𝘁𝗲 𝗥𝗲𝗱𝗲𝘀𝗶𝗴𝗻: 𝟱 𝗟𝗲𝘀𝘀𝗼𝗻𝘀 𝗙𝗿𝗼𝗺 𝗮 𝗦𝗼𝗹𝗼 𝗗𝗲𝘃𝗲𝗹𝗼𝗽𝗲𝗿
เว็บไซต์ของผมค้างไว้อย่างนั้นโดยที่ยังทำไม่เสร็จมานานมาก ผมทำงานประจำในตำแหน่ง Power Platform developer และยังเป็นคุณพ่อลูกแฝดอีกด้วย ผมจึงไม่มีเวลามานั่งแก้ไขพอร์ตโฟลิโอของตัวเองเลย
ผมตัดสินใจใช้ AI ในการออกแบบเว็บไซต์ใหม่ในฐานะทีมงานเพียงคนเดียว ผมอยากรู้ว่า AI จะสามารถทำหน้าที่เป็นทั้งดีไซน์เนอร์และนักพัฒนาให้ผมได้หรือไม่
และนี่คือสิ่งที่ผมได้เรียนรู้
ทำไมผมถึงใช้ AI:
- เวลาคือข้อจำกัดที่ใหญ่ที่สุดของผม
- ผมทำงานคนเดียว ไม่มีดีไซน์เนอร์หรือนักพัฒนารุ่นพี่คอยช่วยเหลือ
- ผมจำเป็นต้องสลับงานไปมาอย่างรวดเร็ว
- ผมต้องการทำงานเล็กๆ ให้เสร็จเพื่อสร้างแรงขับเคลื่อน (momentum)
AI ทำหน้าที่เหมือนนักพัฒนารุ่นเยาว์ (junior developer) โดยช่วยผมในงานเฉพาะด้านดังนี้:
- ช่วยแก้ไข layout แบบ responsive สำหรับหน้าจอมือถือ
- ช่วยสร้าง hero section แบบไล่เฉดสีเต็มความกว้าง
- ช่วยแก้ปัญหาความเร็วของหน้าเว็บด้วยการจัดการเรื่องการโหลดฟอนต์
- ช่วยจัดการงานด้าน SEO เช่น meta titles และ descriptions
5 บทเรียนสำหรับการออกแบบใหม่ของคุณ:
- วินิจฉัยก่อนแก้ไข ให้ AI ช่วยหาสาเหตุของปัญหาก่อนที่จะเริ่มเปลี่ยนโค้ด
- ตรวจสอบบนหน้าเว็บจริง เพราะมุมมองในหน้า editor มักจะแตกต่างจากสิ่งที่ผู้เข้าชมเห็น
- ปฏิบัติต่อ AI ในฐานะพาร์ทเนอร์ อย่าปล่อยให้มันควบคุมทั้งหมด ตรวจสอบโค้ดทุกบรรทัดด้วยตัวเอง
- ทำการเปลี่ยนแปลงทีละน้อย เปลี่ยนทีละการตั้งค่า เพื่อที่คุณจะได้ย้อนกลับ (undo) ได้หากเกิดข้อผิดพลาด
- เขียนคู่มือ (playbook) บันทึกสิ่งที่ใช้งานได้จริง เพื่อที่คุณจะได้ไม่ต้องเสียเวลาแก้ปัญหาเดิมซ้ำสอง
วิธีที่ผมใช้เพื่อให้มั่นใจในความถูกต้อง:
ผมอ่านโค้ดทุกบรรทัด ถ้าผมไม่เข้าใจการเปลี่ยนแปลงที่เกิดขึ้น ผมจะถามว่าทำไม ผมทดสอบเว็บไซต์จริงบนหน้าจอขนาดต่างๆ และตรวจสอบข้อเท็จจริงรวมถึงการตั้งค่า SEO ด้วยตัวเอง AI เป็นคนทำงาน แต่ผมคือผู้รับผิดชอบต่อผลลัพธ์ที่ออกมา
วิธีเขียน prompt ให้ดีขึ้น:
- มีความเฉพาะเจาะจง บอก AI ให้ชัดเจนว่าต้องการเปลี่ยนองค์ประกอบ (element) ไหน
- ให้บริบท ระบุเครื่องมือและการตั้งค่าที่คุณใช้งานอยู่
- ถามหาสาเหตุ บังคับให้ AI วินิจฉัยปัญหาก่อนเสมอ
- ทำงานเป็นขั้นตอน ค่อยๆ ปรับแต่งดีไซน์ทีละส่วนเล็กๆ
AI ไม่ได้มาแทนที่ผม แต่มันช่วยให้นักพัฒนาที่งานยุ่งสามารถทำโปรเจกต์ให้เสร็จได้ จงใช้ AI ช่วยทำงานหนักๆ แต่คุณต้องเป็นคนควบคุมทิศทางเองเสมอ
Source: https://dev.to/mattbuildsapps/ai-website-redesign-5-lessons-from-a-solo-developer-nhj
Optional learning community: https://t.me/GyaanSetuAi