งูๆ ปลาๆ กับ 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)” »

🍣 Kaiten Share Calculator — แอพช่วยคำนวณบิลซูชิสายพาน!

นั่งก๊อกแก๊กๆ อยู่ 2 วัน บน Claude Code AI ได้แอพเล็กๆ ที่อยากจะแนะนำ

🍣 Kaiten Share Calculator — แอพช่วยคำนวณบิลซูชิสายพาน!

เวลายกแก๊งไปกิน ซูชิสายพาน หรือ หม่าล่า แล้วต้องมานั่งจำว่าใครหยิบจานสีอะไรบ้าง แต่ละสีราคาเท่าไหร่ แถมยังต้องคำนวณ service charge กับ VAT อีก คนนี้กินน้อย คนนี้กินเยอะ ต้องกลับมานั่งแตกบิลเองทุกที 🤣

หมดปัญหาแบบนั้นได้เลย เพราะนี่คือ Kaiten Share Calculator แอพเล็กๆ ที่จะคิดให้ เพียงเลือกชื่อร้าน เช่น Sushiro, Katsu Midori กดจำนวนคน กดบันทึกจำนวนจานตามสีของแต่ละคน ระบบจะช่วยรวมราคา คำนวณค่าบริการและภาษีให้ครบจบ พร้อมแยกบิลตามจำนวนจานที่กินจริงแบบแฟร์ๆ

👉 กดเซฟ กดเล่นได้ที่นี่เลย https://kaiten.myifew.com
👉 ฟรี 100%
👉 ไม่เก็บข้อมูลใดๆ จ้า
👉 ใช้ผ่านมือถือหรือคอมพิวเตอร์ได้สบาย

ใครที่เป็นสายกินบุฟเฟต์, สายซูชิสายพาน, หรือไปหารกันกับแก๊งเพื่อน 3-4 คนบ่อยๆ ต้องลอง!

ถ้าอยากดูซอร์สโค้ดหรือช่วยพัฒนาต่อ เข้าไปดูที่ GitHub ได้ทันที ➡️
github.com/ifew/kaiten-share-calculator

#VibeCoding #ClaudeCode #sushi #kaitensushi #Sushiro #katsumidorisushi #Yijia #kaiten

ขออวยยศให้ Claude Code ในการเขียนโค้ด อีกสักครั้ง

ขออวยยศให้ Claude Code อีกสักที, ลองสร้างแอพง่ายๆ กับสร้าง sample data (ที่ก็สั่งมันสร้างเช่นกัน) ที่ดึงข้อมูลอสังหาย่านต่างๆในกรุงเทพมาแปะ Google Map และทำตัว Filter

ไม่ได้อวยที่เขียนแอพง่ายได้ แต่อวยเพราะ มันสามารถเข้าใจความต้องการใน context ที่เรากำลังทำงานอยู่ ตั้งแต่ ตอนไปเขียนโค้ด ก็ขึ้น auto complete ในสิ่งที่เกี่ยวข้องให้ เช่น อยากเติมประเภทอสังหาฯ ก็ขึ้นมาเลย ทั้งบ้าน คอนโด ฯลฯ, หรือ generate code/data ก็สร้างในส่วนที่เกี่ยวข้องให้ เช่น บอกขอ sample ข้อมูลอสังหาย่านสุขุมวิท มันก็ไปดึงจากไหนไม่รู้ที่เป็นของจริงมาเลย (lat/long เพี้ยนนิด แต่ก็ area ถูก)

Continue reading “ขออวยยศให้ Claude Code ในการเขียนโค้ด อีกสักครั้ง” »

ลอง 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 ด้วยการถามตอบๆในแชต แอบงี่เง่า และชอบเจนโค้ดให้ใหม่ ยิ่งสั่งยิ่งเละ จากที่เคยทำงานได้ กลายเป็นพัง ฮ่าๆ

#Claude#ClaudeCode#VibeCoding

Continue reading “ลอง Vibe Coding ด้วย Claude Code” »