Building This Site With AI

จริง ๆ ผมอยากทำเว็บใหม่มาสักพักแล้วครับ

ของเดิมเป็นแค่เว็บไว้แชร์ผลงานที่เคยทำให้ลูกค้า แต่ช่วงหลังไม่ค่อยได้รับงานนอกเท่าไรแล้ว และอยากลองเขียน blog ไว้แชร์ความรู้บ้าง รวมถึงโชว์ งานอดิเรก และ โปรเจกต์ส่วนตัว ของตัวเองที่ทำเล่น ๆ ในเวลาว่างด้วย

ทำไมถึงเพิ่งได้ทำตอนนี้

ปัญหาที่ทำให้ไม่ได้ลงมือสักทีมีอยู่ 2 เรื่อง

1) การเขียนเนื้อหา — เคยพยายามเขียน blog หลายครั้ง แต่รู้สึกว่าการเขียนให้คนอ่านเข้าใจง่ายมันกินพลังงานเยอะมาก พอมี AI เข้ามาช่วยร่าง/เรียบเรียงเนื้อหาได้ การแชร์ความรู้เลยไม่ยากเท่าเมื่อก่อน

2) การ design — โปรแกรมเมอร์อย่างผมไม่ค่อยมีหัวด้านออกแบบเท่าไร ออกแบบเองทียังไม่ค่อยชอบเอง ตอนนี้ AI เก่งเรื่อง design ขึ้นมาก แล้วมีหลายวิธีให้ลอง เลยถึงเวลาลงมือ

เริ่มที่ design ก่อน

ตัวที่ตัดสินใจใช้คือ Huashu Design Skill ใน Claude Code — เจอ guru หลายคนใน YouTube รีวิวว่าออกแบบได้สวยดี เลยลองให้มันทำให้

วิธีของผมคือ:

ให้มันไปดู structure และโลโก้ของเว็บเก่า
บอกเป้าหมายส่วนตัวของผมตอนนี้ — อยากให้เว็บเป็นพื้นที่แชร์ความรู้ + โชว์งานอดิเรกและโปรเจกต์ส่วนตัวที่ทำเล่น ๆ ไม่ใช่แค่ portfolio งานลูกค้า
ให้ design มาให้เลือก 3 แบบ

สุดท้ายเลือกแบบที่เห็นอยู่นี้ — แนว pixel + terminal ดู geek นิด ๆ เหมือนเล่นเกมเก่า ๆ มี Bulby (หลอดไฟ) เป็นมาสคอต

เลือก stack ที่เรียบง่าย — Astro

content ของเว็บมีแค่ blog กับ ideas — ไม่มี user, ไม่มี dynamic อะไรซับซ้อน ผมเลยเลือก Astro เพราะ:

เขียน post เป็นไฟล์ .md ธรรมดา ๆ
build เป็น static site ไป deploy ที่ไหนก็ได้
ใส่ component interactive ได้เฉพาะจุดที่ต้องการ (เช่น filter ใน listing)

ไม่มี database ไม่มี backend — มีแค่ folder กับ markdown

AI ช่วยตรงไหนบ้าง

แทบทุกขั้นตอน:

Design — Huashu Design skill ทำ hi-fi prototype + เสนอ direction ให้เลือก
Code — Claude Code เขียน Astro component, layout, style ตาม design
Content — ช่วยร่าง blog post (รวมถึงโพสต์นี้!) ตามที่ผมเล่าให้ฟัง
Asset — generate OG image, favicon, sprite ด้วย script ที่ AI เขียนให้
Debug — เจอ bug ก็ paste error ให้ดู แก้ให้ทันที

ผมแค่บอกว่าอยากได้อะไร AI จัดการ implement ส่วนผมทำหน้าที่ review แล้วตัดสินใจ direction

ส่วนที่ AI ช่วยไม่ได้

เลือก style ไหนถึงจะ “ใช่”
ใส่ feature อะไรบ้าง
content จะเล่าเรื่องอะไร เพื่อใคร

อันนี้ยังต้องเป็นคน

สรุป

ถ้าใครคิดอยากทำเว็บ portfolio หรือ blog ส่วนตัวอยู่ — ลองให้ AI ช่วยทุกขั้นตอนดูครับ ตั้งแต่ design (ลอง Huashu Design skill) ไปจนถึง deploy ประหยัดเวลามาก แล้วได้เอาเวลาที่เหลือไปโฟกัสกับ content จริง ๆ