สมาชิกกลุ่มแชร์ประสบการณ์ใช้ Claude สร้างแอปคำนวณสายไฟและท่อร้อยสาย แจกแจงวิธีทำตั้งแต่เขียนโค้ดถึงลงมือถือ
สมาชิกในกลุ่มแชร์วิธีใช้เครื่องมือ Claude และ Claude Code สร้างเว็บแอปคำนวณงานวิศวกรรมไฟฟ้า พร้อมเปลี่ยนเป็น Progressive Web App และนำขึ้น GitHub โดยไม่ต้องเขียนโค้ดเอง พร้อมถอดบทเรียนเรื่องการตรวจสอบความถูกต้องของข้อมูล

🛠️ ใช้ Claude สร้างแอปคำนวณสายไฟ & ท่อร้อยสาย จนติดตั้งลงมือถือได้ ภายในบ่ายเดียว (ผมไม…
สวัสดีครับชาว Claude Thailand 👋 ผมทำงานสาย MEP / วิศวกรรมไฟฟ้า ใช้แอปคำนวณสายไฟกับท่อร้อยสายเป็นประจำ เลยอยากลองดูว่าถ้าให้ Claude ทำแอปแบบนี้ขึ้นมาเองจะไปได้ไกลแค่ไหน ขอเล่าขั้นตอนจริงให้ฟังครับ
━━━━━━━━━━━━━━
① สั่งด้วยประโยคเดียว ผมใช้ Claude Code (แท็บ Code ในแอป Claude Desktop) แล้วพิมพ์แค่
"ต้องการสร้าง App ที่ใช้งานการคำนวณ Cable & Raceway Calculator"
Claude ทำเว็บแอปภาษาไทยออกมาเป็น Artifact เปิดใช้ได้ทันที มี 5 หน้า • ออกแบบวงจร: ใส่โหลด kW แล้วได้เบรกเกอร์ ขนาดสาย สายดิน แรงดันตก และขนาดท่อในหน้าเดียว • แรงดันตก • ท่อร้อยสาย EMT / IMC / RSC (เกณฑ์ 53 / 31 / 40 %) • Wireway & Cable tray • ตารางอ้างอิง
สิ่งที่ประทับใจคือ Claude ไม่ได้ทำแค่หน้าตา แต่**ใส่ logic งานวิศวกรรมมาให้ด้วย** เช่น ตัวคูณปรับค่าอุณหภูมิ ตัวคูณกลุ่มวงจร โหลดต่อเนื่อง × 1.25 และ R ที่อุณหภูมิใช้งานของฉนวน และ**บอกตรงๆ ว่าตารางพิกัดกระแสพิมพ์มาจากความจำ** ยังไม่ได้เทียบเอกสารต้นฉบับ ต้องตรวจกับมาตรฐาน วสท. ก่อนใช้จริง ข้อนี้ผมชอบมาก
**② "ทำ pwa"** พิมพ์ไปแค่ 2 คำ Claude เพิ่มให้ครบ • manifest + service worker + ไอคอนทุกขนาด • ปุ่ม "ติดตั้งแอป" และป้ายแจ้งตอนออฟไลน์ • แถบแจ้งเตือนเมื่อมีเวอร์ชันใหม่
แล้ว Claude **ทดสอบเองด้วย** โดยเปิดเซิร์ฟเวอร์ในเครื่อง เช็กว่า service worker ทำงาน จากนั้นปิดเซิร์ฟเวอร์แล้วโหลดหน้าใหม่ เพื่อพิสูจน์ว่าใช้ออฟไลน์ได้จริง
**③ "ผมจะเอาลง GitHub"** เครื่องผมไม่มี Git Claude เลยถามว่าจะติดตั้ง Git หรืออัปโหลดผ่านเว็บ ผมเลือกผ่านเว็บ Claude แยกโฟลเดอร์ให้เฉพาะไฟล์ของแอปนี้ เพราะสังเกตเห็นว่าในโฟลเดอร์ผมมีโปรเจกต์งานอื่นปนอยู่ แล้วเขียนขั้นตอนเปิด GitHub Pages ให้ทีละข้อ
**④ ทำ caption + รูปโพสต์ Facebook** รูปประกอบไม่ได้วาดขึ้นมาใหม่ Claude **เปิดแอปจริงในขนาดหน้าจอมือถือแล้วจับภาพ** ใส่กรอบโทรศัพท์ให้ ระหว่างทำรูป Claude ยัง**เจอบั๊กของแอปเองและแก้ให้ด้วย** 2 จุด คือช่องสีเทาว่างในกล่องผลลัพธ์ และหน้าเว็บรีโหลดตัวเองตอนเปิดครั้งแรก
━━━━━━━━━━━━━━
💡 **สิ่งที่ได้เรียนรู้**
1. **สั่งสั้นได้ แต่ต้องรู้เรื่องที่สั่ง** Claude ทำงานได้เยอะจากคำสั่งสั้นๆ แต่คนตรวจผลทางวิศวกรรมยังต้องเป็นเรา
2. **ให้ Claude ทดสอบเองเสมอ** มันจับบั๊กที่ผมคงไม่ทันสังเกตได้
3. **ขอทีละขั้น** จากแอปไปเป็น PWA, GitHub แล้วค่อยโพสต์ ทุกขั้นต่อยอดจากของเดิม ไม่ต้องอธิบายใหม่
4. **ไฟล์อยู่ในเครื่องเรา** แก้ต่อเองหรือสั่ง Claude แก้ต่อได้
🔗 ลองใช้แอปได้ที่: <[https://noomkk0514-design.github.io/cable-raceway-calculator/](https://noomkk0514-design.github.io/cable-raceway-calculator/)> (ค่าที่ได้ใช้สำหรับออกแบบเบื้องต้น ควรตรวจกับมาตรฐาน วสท. และข้อมูลผู้ผลิตก่อนใช้งานจริงครับ)
ใครเคยใช้ Claude ทำเครื่องมือเฉพาะทางในงานของตัวเองบ้าง มาแชร์กันครับ 🙌
ความคิดเห็น 0
กำลังโหลดความคิดเห็น...