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

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

และเวลาผมสั่ง ผมเขียน requirement เป็นข้อๆ ด้วยภาษาคนปกติ ไม่ได้ลง technical ลึกอะไรเลย เช่น
2. Filter search on the top right
2.1. have 4 boxes as “Location”, “Property Type”, “Building Status”, “Keyword box search”
2.1.1. Click “Location” to call api and get data from data/location.json
2.1.1.1. default value as “Ploenchit”
2.1.1.2. can select only one choice
2.1.2. Click “Properties Type” to call api to get data from data/properties_type.json
2.1.2.1. …

แล้วพอแจ้งมันผิด สั่งให้ fix, ถ้าผิดซ้ำ มันมีบางจังหวะที่มันขอทำ ui test ให้เองด้วย ว่าที่แก้ไปแล้ว แสดงผลถูกหรือยัง โว้ว ดีงาม

นั่งก๊อกแก๊กๆ อยู่ 2 ชั่วโมง (นานตรงรอมันเขียนนี่แหละ) ผลที่ได้ ก็ตามภาพเลย
ติดใจ Claude แล้วสิๆ

demo: https://github.com/ifew/google-map-point/

#Claude #ClaudeCode #VibeCoding