ตอนนี้คุณเห็นทั้งเครื่องแล้ว จาก Prompter ที่สร้างของได้ ไปสู่การทำให้มันอยู่รอด
บทปิดของภาค A ไม่มีศัพท์ใหม่ แต่ร้อยทุกอย่างที่เรียนมาให้เป็นภาพเดียว ตามรอยปุ่มบันทึกหนึ่งปุ่มตั้งแต่คุณพิมพ์เป้าหมายจนมันขึ้นเว็บจริง แล้ววางคุณไว้ตรงจุดที่ภาค B เริ่ม คือตอนที่คนแปลกหน้ากดปุ่มนั้นในแบบที่คุณไม่ได้คิดไว้
ตอนนี้คุณเห็นทั้งเครื่องแล้ว
ลองหยุดสักครู่แล้วนับดูว่าผ่านอะไรมาบ้างในภาคนี้ คุณรู้แล้วว่าการ vibe code คืออะไร เว็บแอปประกอบด้วยอะไร โปรเจกต์กับไฟล์อยู่ตรงไหน git เซฟงานยังไง เทอร์มินอลคืออะไร localhost คืออะไร และการ deploy ขึ้นเว็บจริงทำงานยังไง
เจ็ดเรื่องนี้คุณรู้แล้วทีละเรื่อง แต่ตอนนี้มันยังเป็นเจ็ดก้อนที่วางเรียงกันอยู่ในหัว ปัญหาคือ การรู้จักชิ้นส่วนทีละชิ้น ไม่เหมือนกับการเห็นมันทำงานเป็นเครื่องเดียวกัน บทนี้จะไม่สอนของใหม่เลย แต่จะร้อยเจ็ดก้อนนั้นเข้าเป็นหนังสั้นเรื่องเดียว แล้ววางคุณไว้ตรงจุดที่ภาคต่อไปเริ่ม
ทำไมต้องมีบทนี้
ก่อนจะเริ่ม ขอบอกว่าทำไมการร้อยทุกอย่างเข้าด้วยกันถึงสำคัญพอที่จะมีบทของมันเอง
เวลาคุณเรียนทีละเรื่อง สมองเก็บมันเป็นลิ้นชักแยกกัน ลิ้นชัก git ลิ้นชัก deploy ลิ้นชักเว็บแอป พอถึงเวลาสร้างของจริง คุณไม่ได้เปิดทีละลิ้นชัก คุณต้องเห็นมันทั้งหมดทำงานต่อกันเป็นทอดในจังหวะเดียว ถ้าภาพนี้ไม่ชัด คุณจะสร้างของได้แบบงง ๆ ทำตามขั้นตอนโดยไม่รู้ว่าแต่ละขั้นต่อกันยังไง พอมีบทเดียวจบที่ทำให้คุณเห็นทั้งเครื่องเคลื่อนพร้อมกัน ของที่เรียนมาทั้งภาคจะแน่นขึ้นทันที
และมีเหตุผลที่สอง คุณต้องรู้ว่าตอนนี้คุณทำอะไรได้แล้ว ก่อนจะไปเรียนว่าอะไรที่ทำให้สิ่งที่สร้างอยู่รอด เพราะถ้าไม่หยุดมองว่ามาถึงไหนแล้ว คุณจะไม่เห็นเส้นแบ่งระหว่างของที่เรียนจบกับของที่กำลังจะเรียนต่อ
ตามรอยปุ่มบันทึกปุ่มเดียว ตั้งแต่ต้นจนขึ้นเว็บจริง
ตลอดภาคนี้เราเดินตามฟีเจอร์เล็ก ๆ ตัวเดียวมาตลอด คือปุ่มบันทึกบนแอปหน้าเดียว ทีนี้ขอเล่าการเดินทางของปุ่มนั้นใหม่ทั้งเส้น แต่คราวนี้รวดเดียวจบ ไม่ใช่เป็นรายการขั้น ให้ลองนึกตามเหมือนกล้องตัวเดียวที่แพนยาวไม่ตัดภาพ ตั้งแต่ความคิดในหัวคุณ จนปุ่มนั้นขึ้นไปอยู่ให้คนแปลกหน้าทั่วโลกกดได้
คุณนั่งอยู่หน้าจอ พิมพ์ลงไปเป็นภาษาคนว่าอยากได้ปุ่มบันทึกบนหน้านี้ นี่คือ การ vibe code คุณสั่งด้วยเป้าหมาย ไม่ใช่ลงมือพิมพ์โค้ดเอง (บท 5.1) AI รับคำสั่งแล้วลงมือ มันเปิด ไฟล์ ที่ถูกต้องในโฟลเดอร์โปรเจกต์ของคุณ แล้วแก้โค้ดในไฟล์นั้น โปรเจกต์ก้อนนี้คือ repo ที่ git ดูแลอยู่ (บท 5.3 และ 5.4)
พอแก้เสร็จ ก่อนจะไปต่อ คุณสั่งให้ AI commit เซฟจุดนี้ไว้ ตอนนี้คุณมีจุดถอยแล้ว ถ้าอะไรพังต่อจากนี้ก็ย้อนกลับมาได้ (บท 5.4) ระหว่างที่ AI ทำงาน คุณเหลือบไปมอง เทอร์มินอล เห็นคำสั่งวิ่งเป็นบรรทัด ๆ และเห็นข้อความรายงานว่าอะไรสำเร็จอะไรพัง คุณอ่านออกว่ามันกำลังทำอะไรอยู่ ไม่ใช่กล่องดำอีกต่อไป (บท 5.5)
แล้วคุณเปิดเบราว์เซอร์ดูที่ localhost ปุ่มบันทึกโผล่ขึ้นมาบนเครื่องคุณ กดได้จริง แต่ยังเห็นอยู่คนเดียว ยังไม่มีใครในโลกเห็น (บท 5.6) ตอนที่คุณกดปุ่มนั้นทดสอบ ข้างใต้มี หน้าบ้าน รับการกด ส่งต่อให้ หลังบ้าน คิด ระบบล็อกอิน เช็คว่าคุณเป็นใคร แล้ว ที่เก็บข้อมูล บันทึกบุ๊กมาร์กไว้ ทุกส่วนทำหน้าที่ของมันพร้อมกันใต้ปุ่มเดียว (บท 5.2)
พอใจแล้ว คุณสั่ง push ขึ้น GitHub แล้ว deploy ระบบดึงโค้ดล่าสุดไป build แล้วเอาขึ้น ที่ฝากเว็บ ผ่านท่อที่ต่ออัตโนมัติ (บท 5.7) อีกไม่กี่อึดใจ ปุ่มบันทึกที่เมื่อกี้ยังอยู่บนเครื่องคุณคนเดียว ก็ขึ้นไปอยู่บน aipasakon.com ให้คนแปลกหน้าทั่วโลกกดได้จริง
นั่นคือเส้นเดียวรวด ความคิดในหัว เป็นไฟล์ เป็น commit เห็นในเทอร์มินอล เห็นบน localhost ทำงานครบทั้งห้าส่วน แล้วขึ้นเว็บจริง ทุกชื่อที่คุณเรียนมาทั้งภาค ไม่ได้อยู่แยกกัน มันคือฉากเดียวในหนังเรื่องเดียว และตอนนี้คุณดูหนังเรื่องนั้นออกทั้งเรื่องแล้ว
ตอนนี้คุณยืนอยู่ตรงไหน
ขอหยุดตรงนี้แล้วพูดให้ชัด เพราะมันจริงและควรค่าแก่การเรียกชื่อ
ตอนนี้คุณเป็น Prompter ที่เข้าใจเครื่องที่อยู่ตรงหน้า คุณไม่ได้แค่สั่ง AI แบบลุ้น ๆ แล้วหวังว่ามันจะออกมาดี คุณรู้ว่าของที่คุณกำลังสั่งสร้างประกอบด้วยอะไร มันถูกเซฟยังไง มันรันอยู่ที่ไหน และมันขึ้นไปให้คนอื่นเห็นได้ยังไง คุณสร้างของเล็ก ๆ ที่ใช้งานได้จริงหนึ่งชิ้น แล้วเอามันขึ้นเว็บให้คนอื่นใช้ได้ ตั้งแต่ต้นจนจบ
นี่ไม่ใช่เรื่องเล็ก คนจำนวนมากที่อยากสร้างของกับ AI ติดอยู่แค่ตรงที่ของรันบนเครื่องตัวเอง ไม่เคยขึ้นเว็บจริง หรือสร้างได้แต่ไม่เข้าใจว่าตัวเองสร้างอะไรอยู่ คุณผ่านจุดนั้นมาแล้ว
ส่วนที่ยากจริงยังไม่ได้เริ่ม
แต่ต้องพูดให้ตรง การสร้างของขึ้นมาหนึ่งครั้ง เพื่อตัวคุณเอง ในสภาพแวดล้อมที่ทุกอย่างเป็นใจ คือส่วนที่ง่ายที่สุด เรียกว่าเป็น 10% ที่ง่าย
มีความเข้าใจผิดที่เกิดบ่อยตรงนี้ พอสร้างของขึ้นมาได้และเอาขึ้นเว็บได้ หลายคนคิดว่า จบแล้ว ทำได้แล้ว ความจริงคือการสร้างมันขึ้นมาครั้งเดียวคือ 10% ที่ง่าย ส่วนที่เหลืออีก 90% ที่มองไม่เห็นต่างหากคือเนื้องานจริง
90% ที่มองไม่เห็นนั้นคืออะไร คือตอนที่คนใช้จริงเข้ามา ไม่ใช่แค่คุณคนเดียวที่รู้ว่าต้องกดยังไง คือตอนที่มีคนกรอกของแปลก ๆ ที่คุณไม่เคยคิดว่าจะมีคนกรอก คือตอนที่ของพังขึ้นมาเองทั้งที่คุณไม่ได้แตะอะไร คือตอนที่ผ่านไปสามเดือนแล้วคุณเองลืมไปแล้วว่าตอนนั้นทำไมถึงเขียนแบบนี้ ทั้งหมดนี้คือสิ่งที่เกิดหลังจากปุ่มขึ้นเว็บแล้ว และมันคือวินัยที่ภาค B จะสอน บทนี้ขอแค่ตั้งชื่อให้มันก่อน ว่า 90% ที่มองไม่เห็น ส่วนรายละเอียดว่ามันคืออะไรและรับมือยังไง เก็บไว้บทหน้า
เดิมพันสองครึ่งที่ตอนนี้คุณเห็นชัดแล้ว
ตอนนี้คุณมีของในมือที่เอาไว้เทียบได้ ก็เลยพูดเรื่องนี้ได้ตรง ๆ คอร์สสอน vibe coding เกือบทั้งหมดในโลก สอนเท่าที่คุณเพิ่งเรียนจบในภาค A นี้ คือสอนให้สร้างของขึ้นมาได้และเอาขึ้นเว็บได้ แล้วก็จบแค่นั้น
ภาคนี้ไม่จบแค่นั้น เพราะภาค A คือแค่ครึ่งแรกของเดิมพัน ครึ่งหลังคือภาค B ซึ่งคือวินัยที่แยกของเล่นที่สร้างขำ ๆ ออกจากของจริงที่ยืนระยะได้ ของที่สร้างได้ครั้งเดียวกับของที่อยู่รอดเมื่อมีคนใช้จริง เป็นคนละเรื่องกัน และความต่างนั้นคือเหตุผลที่ภาค B มีอยู่
แล้วภาค B พาคุณไปไหนต่อ ขอวางแผนที่ให้เห็นล่วงหน้า กฎสองข้อกับพิธีกรรมแก้ทีละนิด จะขยับคุณจาก Prompter ไปเป็น Operator คือคนที่ดูแลของที่ปล่อยออกไปแล้วได้ ไม่ใช่แค่สร้างมันขึ้นมา ส่วนบทที่ว่าด้วยการตัดสินใจ จะขยับคุณจาก Operator ไปเป็น Architect คือคนที่ตัดสินใจเชิงโครงสร้างได้ว่าอะไรควรสร้างยังไงตั้งแต่แรก
ภาพช่วยจำ
ขอเติมภาพเดียวสั้น ๆ ไว้ปิดท้าย ตลอดภาคนี้คุณเหมือนคนที่เพิ่งได้เดินดูครัวทั้งครัว ไม่ใช่แค่ชิมจานเดียว คุณเห็นแล้วว่าของทุกอย่างวางอยู่ตรงไหนและต่อกันยังไง
ปุ่มบันทึกปุ่มเดียวที่เราตามมาทั้งภาค คือหลักฐานว่าคุณเข้าใจทั้งเครื่อง เพราะการจะพาปุ่มเดียวจากความคิดในหัวไปจนขึ้นเว็บจริง คุณต้องผ่านทุกส่วนของเครื่องนี้ ถ้าคุณทำได้ แปลว่าคุณเห็นทั้งเครื่องจริง
ทีนี้ลองหันกล้องไปข้างหน้า ปุ่มเดียวกันนั้นแหละ พอคนใช้จริงเริ่มกดมันในแบบที่คุณไม่ได้คิดไว้ กรอกของแปลก ๆ เข้ามา กดตอนเน็ตหลุด กดรัว ๆ สิบที นั่นแหละคือจุดที่ภาค B เริ่ม ส่วนที่ยากไม่ได้อยู่ที่การทำให้ปุ่มทำงาน แต่อยู่ที่การทำให้มันยังทำงานต่อไปเมื่อโลกจริงเข้ามากดมัน
💡 ใจความสำคัญ: ตอนนี้คุณเห็นทั้งเครื่องแล้ว สร้างของเล็ก ๆ ได้จริงและเอาขึ้นเว็บได้ นั่นคือ 10% ที่ง่าย แต่การทำให้สิ่งที่สร้างยังอยู่รอดเมื่อคนจริงเข้ามาใช้ คืออีก 90% ที่มองไม่เห็น และนั่นคือสิ่งที่ภาค B จะสอน คุณกำลังเปลี่ยนจาก Prompter ที่สร้างของได้ ไปสู่คนที่ทำให้มันอยู่รอด
ก่อนเปิดบทแรกของภาค B ลองตอบตัวเองหนึ่งคำถาม ตอนนี้คุณอยู่ขั้นไหน Prompter Operator หรือ Architect และเพราะอะไร ถ้าคำตอบคือ Prompter ที่เพิ่งเห็นทั้งเครื่องเป็นครั้งแรก นั่นแหละคือที่ที่ภาค B ออกแบบมารับคุณพอดี