คลิปแรกที่ยังมีภาษา dev

วันนี้ผมลองทำคลิป tutorial สอน vibecoding for everyone ลง YouTube

โจทย์ของคลิปนี้ง่ายมาก ผมอยากให้คนที่ไม่เขียน code ลองสร้างเว็บ portfolio ของตัวเองได้

ในคลิปนี้ ผมพยายามตัดสิ่งที่น่ากลัวสำหรับ non-coder ออกให้มากที่สุด

ไม่ต้องเปิด editor

ไม่ต้องเปิด terminal

ไม่ต้อง clone repo

ไม่ต้องรู้ command line

ใช้ Claude Design ช่วยคิดหน้าตาเว็บ

ใช้ Claude Code บนเว็บเอา design นั้นมาเขียนเป็นเว็บจริงที่พร้อม deploy

แล้วใช้ GitHub เป็นที่เก็บของทั้งหมด

ตอนคิด flow นี้ ผมรู้สึกว่ามันน่าจะง่ายพอสำหรับคนทั่วไปแล้ว

แต่พอทำคลิปไปหนึ่งคลิป ผมเริ่มเห็นว่า มันยังไม่ง่ายขนาดนั้น

ยังมีภาษา dev อยู่ดี

ปัญหาไม่ได้อยู่ที่ Claude Design หรือ Claude Code ทำไม่ได้

จริงๆ มันทำได้ค่อนข้างดี

ปัญหาอยู่ตรงที่ พอเราทำของจริง สุดท้ายเรายังหนี ecosystem ของ dev ไม่พ้น

ในคลิปนี้ พอ Claude Code บน browser ทำเว็บ portfolio เสร็จ มันก็ commit งานให้

แต่ commit นั้นไม่ได้อยู่บน main

สำหรับผม เรื่องนี้เป็นเรื่องปกติมาก

เห็น branch แล้วก็เข้าใจว่าเกิดอะไรขึ้น

รู้ว่าต้องบอกให้มัน merge กลับเข้า main

รู้ว่าหลังจากนั้นเว็บถึงจะเอา code ชุดนี้ไปใช้ต่อได้

แต่ถ้าคนดูเป็น non-coder จริงๆ เขาอาจไม่ได้เห็นแบบเดียวกัน

เขาอาจเห็นแค่ว่า เมื่อกี้ทุกอย่างดูเหมือนจะเสร็จแล้ว แต่ทำไมอยู่ๆ เราต้องพูดเรื่อง main เรื่อง merge เรื่อง commit

คำพวกนี้สำหรับผมเป็นคำธรรมดา

แต่สำหรับคนที่ไม่เคยอยู่ในโลก dev มันอาจเป็นกำแพงอีกชั้นหนึ่ง

ช่องว่างที่ผมเพิ่งเห็น

ตอนแรกผมคิดว่า ถ้าเราไม่ให้เขาเปิด editor ไม่ให้เขาเปิด terminal ก็น่าจะลดความกลัวไปได้เยอะแล้ว

แต่ตอนนี้ผมเริ่มเห็นว่า editor กับ terminal อาจเป็นแค่หน้าตาของความยาก

ความยากจริงๆ คือ mental model ข้างหลัง

ไฟล์อยู่ที่ไหน

GitHub เก็บอะไร

branch คืออะไร

main สำคัญยังไง

ทำไม AI ทำเสร็จแล้ว แต่เว็บยังไม่เปลี่ยนทันที

ถ้าคนดูไม่เข้าใจสิ่งเหล่านี้ ต่อให้ UI ง่ายขึ้น เขาก็ยังงงอยู่ดี

ผมไม่ได้แปลว่าเขาต้องเรียน Git ก่อนถึงจะ vibe coding ได้

แต่อาจแปลว่า ถ้าจะสอน vibecoding for everyone จริงๆ ผมต้องหาวิธีเล่า concept พวกนี้ให้เบากว่านี้

ไม่ใช่ข้ามมันไปเหมือนมันเป็นเรื่องเล็ก

เพราะสำหรับคนที่เพิ่งเข้ามา มันไม่เล็กเลย

อีกเรื่องคือการเปิดคลิป

อีกอย่างที่ผม reflect ได้หลังทำคลิปนี้ คือการเปิดคลิปสำคัญกว่าที่ผมคิด

ถ้าอยากให้คนดูเยอะๆ 1 ถึง 10 วินาทีแรกสำคัญมาก

คลิปนี้ผมไม่ได้สนใจตรงนั้นเท่าไหร่

ผมเปิดแบบคนที่อยากรีบเข้าเนื้อหา

คิดแค่ว่าเดี๋ยวคนดูจะเห็นเองว่าคลิปนี้มีประโยชน์

แต่ YouTube อาจไม่ทำงานแบบนั้น

คนดูยังไม่ได้รู้จักเรา

เขายังไม่ได้ไว้ใจเรา

เขายังไม่รู้ว่าคลิปนี้จะพาเขาไปถึงไหน

ถ้า 10 วินาทีแรกไม่ช่วยให้เขารู้สึกว่าอยากดูต่อ เขาก็อาจไปแล้ว

ผมเพิ่งเห็นว่า การทำ tutorial ไม่ใช่แค่สอนให้ครบขั้นตอน

มันต้องออกแบบทางเข้าของคนดูด้วย

ต้องทำให้เขาเห็นเร็วมากว่า คลิปนี้จะเปลี่ยนอะไรให้เขา

ไม่ใช่พูดเปิดไปเรื่อยๆ แล้วหวังว่าเขาจะอยู่ฟังจนถึงตอนสำคัญ

คลิปหน้า

คลิปนี้เลยเป็นคลิปที่สอนผมมากกว่าที่คิด

ด้านหนึ่ง ผมเห็นว่า vibe coding สำหรับ non-coder ยังต้องเจอกับภาษา dev อยู่ดี

อีกด้านหนึ่ง ผมเห็นว่า การทำ YouTube ต้องคิดเรื่อง hook มากกว่านี้

คลิปหน้า ผมน่าจะต้องคิดตั้งแต่ก่อนกด record ว่า 10 วินาทีแรกควรพูดอะไร

และถ้าต้องเจอคำอย่าง GitHub, commit, branch, main, merge ผมควรอธิบายมันยังไงให้คนที่ไม่เคยเขียน code ยังตามทัน

ผมยังไม่รู้ว่าคำตอบคืออะไร

แต่คลิปแรกทำให้เห็นช่องว่างแล้ว

บางที seed ของช่องนี้อาจเริ่มจากตรงนี้ก็ได้