งูๆ ปลาๆ กับ Context Engineering เพื่อทำระบบคิดราคาซูชิ (Kaiten Share Calculator)
คราวก่อนที่ปล่อยระบบ คิดราคาซูชิ หรือ Kaiten Share Calculator ไป จากการใช้ Claude Code พัฒนา ก็มีเพื่อนๆ เข้ามาลองเล่นเยอะพอสมควร, เพิ่งจะได้มีเวลามานั่งเขียนเล่า
โค้ดก่อนๆ ผมทดสอบเขียน โดยใช้วิธีการสั่งให้ทำทีละลำดับตาม Prompt ที่ให้ไป เมื่อโปรแกรมเขียนเสร็จ ผมจึงใหห้ AI ทำการสรุปฟีเจอร์ วิธีการติดตั้ง โครงสร้างระบบทั้งหมดออกมาเป็น README.md
แต่ตัวนี้กลับกัน ผมลองอีกวิธีหนึ่ง ที่เพิ่งมารู้ตอนหลังว่าเรียกว่า Context Engineering คือผมเขียน README.md ก่อน เพื่อร่ายยาว Requirement และบอกรายละเอียดต่างๆ จากนั้นค่อยให้ AI มาทำการอ่านไฟล์นั้นและเขียนมาให้ผมตาม Spec ในครั้งเดียว
ซึ่งผลลัพธ์ที่ได้คือทำงานได้ถูกต้องและแสดงผลตามที่ผมต้องการเรียกได้ว่า 95% เลยทีเดียว ส่วนอีก 5% ที่เหลือคือ เรื่องของ UX/UI ที่ผมไม่ได้ใส่รูปตัวอย่างเข้าไปให้มัน กับ พบบั๊กบางส่วนเรื่องของการคำนวณเงิน ภาษี แต่แค่นี้ก็เรียกได้ว่า มันสามารถเป็น Junior Programmer ให้ผมคนหนึ่งได้แล้วนะ ไม่ใช่แค่เพียง Co-Pilot หรือ Code Assistant
โพสต์นี้เลยอยากเขียนสรุปแบ่งปันวิธีทำง่ายๆ ให้ได้เรียนรู้ไปพร้อมๆกันครับ
Continue reading “งูๆ ปลาๆ กับ Context Engineering เพื่อทำระบบคิดราคาซูชิ (Kaiten Share Calculator)”
I put my heart and soul into my work, and I have lost my mind in the process.
ผมไปเจอประโยคหนึ่งที่สะดุดใจมากของ Vincent van Gogh ที่กล่าวไว้ว่า “I put my heart and soul into my work, and I have lost my mind in the process.” ซึ่งผมพอจะแปลเองไวๆ ได้ว่า “ฉันได้ถ่ายทอดจิตใจและจิตวิญญาณให้แก่งานของฉัน, และฉันก็ได้สูญเสียจิตใจ(จริงๆผมอยากแปลว่า ความเป็นตัวตน)ของฉันไป” แต่ก็คิดว่า ตัวเองอาจจะแปลผิดหรือแปลแบบไม่เข้าใจ เลยช่วยให้ ChatGPT, Claude, และ Gemini แปลให้ ซึ่งก็ได้มุมมองกันคนละแบบ
ผมถามทั้งสามด้วย prompt ที่ว่า
“I put my heart and soul into my work, and I have lost my mind in the process.” Vincent van Gogh
Continue reading “I put my heart and soul into my work, and I have lost my mind in the process.”
หมายถึงอะไร มีอารมณ์อะไรซ่อนอยู่ในนั้น
ลอง Vibe Coding ด้วย ChatGPT Codex
ลอง Vibe Coding อีกตัว คือ ChatGPT Codex ทำบนเว็บมันนั่นหละ ก็ค่อนข้างเก่งเลย แต่แนวคิดมันไม่ได้เหมือน Claude Code ที่ลองเมื่อวาน เพราะอันนี้จะบังคับให้เชื่อมกับ GitHub และเวลาแก้ไขโค้ดหรือทำอะไร มันจะสร้าง Environment ชั่วคราวขึ้นมา (Container) แล้วทำการ Pull Code เราลงมาแก้ไข หรือรัน หรือทดสอบ หรืออะไรก็ว่าไป สุดท้ายเมื่อเราพอใจ มันก็ทำ Pull Request เพื่อ Push ขึ้น GitHub
ดังนั้นตัวนี้จะไม่ได้เกี่ยวอะไรกับในเครื่องเราเลย สั่งงาน จำลองระบบ แก้โค้ด บันทึกลง Git จบ ซึ่งบางทีอาจต้องเปิดโหมดให้ Environment ที่จำลอง สามารถ Access Internet ได้ด้วย เช่น ใช้เพื่อติดตั้ง Dependency
อ่อ มันไปจนจบแบบที่ผมลอง Claude Code บนเครื่องไม่ได้ด้วยนะ เช่น สั่งให้ Deploy Code บน Google Cloud Run Function เลย, แต่โดยรวมก็พอถูไถได้ แต่ชอบ Claude Code มากกว่า มีความเหมือนมี Develper ส่วนตัวมากกว่า ฮ่าๆ
อ่ะ นี่โค้ดที่ทมดลอง https://github.com/ifew/php-prevent-video-download
#chatgpt#chatgptcodex#VibeCoding#gptcodex
Continue reading “ลอง Vibe Coding ด้วย ChatGPT Codex”
ลอง Vibe Coding ด้วย Claude Code
เพิ่งจะได้ลอง Vibe Coding ผ่าน Claude Code แรกๆ แอบเสียเวลางมนิดหน่อยกว่าจะเข้าที่เข้าทาง เพื่อเขียน Hello Word ด้วย NodeJS และมี Unit Test ที่ Coverage 100% และให้ไป Pack, Deploy บน Google Cloud Run Function
พบว่าสิ่งที่มันเมพ คือ พอมันรู้โค้ดและรู้ว่าเออเรามี Git, Unit Test, GCloud, มันทำงานให้ได้ตั้งแต่ Initial Project ไปจน Coding, Commit Code, Write Test, Testing, Generate Coverage Result, Deploy, Test on Production จบเลย เสมือนมี Dev + Tester + DevOps ในตัว
แล้วพอสั่งแก้ไขโค้ด มันก็ทำ step เดียวกันนี่แหละซ้ำอีกรอบให้โดยที่รู้ว่า เมื่อโค้ดเปลี่ยนแล้ว ตัว Test และ Expect Result ก็ต้องเปลี่ยนไปด้วยอัตโนมัติ โอ้ ดีงาม
ปล. ก่อนหน้าเคยลองทำ Swift App ผ่าน ChatGPT ด้วยการถามตอบๆในแชต แอบงี่เง่า และชอบเจนโค้ดให้ใหม่ ยิ่งสั่งยิ่งเละ จากที่เคยทำงานได้ กลายเป็นพัง ฮ่าๆ
Continue reading “ลอง Vibe Coding ด้วย Claude Code”