วิธีที่ผมใช้ AI ร่วมกับ Python: เวิร์กโฟลว์สำหรับการพัฒนาเว็บ

คำถามหนึ่งในกลุ่ม Telegram ทำให้ผมต้องกลับมาทบทวนกระบวนการทำงานทั้งหมดของตัวเองใหม่

มีคนถามว่า: "จริงๆ แล้วคุณใช้ AI ร่วมกับ Python ยังไง? คุณใช้ prompt engineering หรือใช้เทมเพลต?"

คนส่วนใหญ่ประสบปัญหากับเรื่องนี้เพราะ AI เปลี่ยนแปลงเร็วเกินไป ผมไม่ได้ใช้ API แบบเสียเงินหรือโมเดลแบบ local แต่ผมใช้บริการเว็บแบบฟรี เวิร์กโฟลว์ของผมจะเน้นไปที่การพัฒนาเว็บด้วย Django

และนี่คือวิธีการที่ผมใช้จริง

ขั้นตอนที่ 1: สร้างบริบท (Build the Context)

ก่อนเริ่มงานใดๆ ผมจะป้อนโครงสร้างไฟล์โปรเจกต์ (file tree) และคำอธิบายสั้นๆ ให้กับโมเดล โมเดลจำเป็นต้องรู้จักสภาพแวดล้อมของงานก่อน

ขั้นตอนที่ 2: บันทึกทุกอย่าง (Save Everything)

ผมจะบันทึก URL ของการสนทนากับ AI ทุกครั้ง หากผมกลับมาทำโปรเจกต์เดิมในอีกหนึ่งสัปดาห์ถัดมา ผมก็แค่แปะลิงก์นั้นลงไป โมเดลก็จะรู้จักโปรเจกต์นั้นทันที ทำให้ผมไม่ต้องเสียเวลาอธิบายบริบทซ้ำอีกรอบ

ขั้นตอนที่ 3: การตรวจสอบด้วยภาพ (The Visual Verification)

ผมไม่ได้แค่ขอโค้ดอย่างเดียว แต่ผมจะส่ง UI templates ที่ผ่านการอนุมัติแล้ว รวมถึงรายละเอียดทางเทคนิค เช่น เวอร์ชันของ Bootstrap และพาเลตสี (color palettes) ให้กับโมเดลด้วย

จากนั้นผมจะให้โมเดลลองอธิบาย UI ของผมดู ถ้าคำอธิบายของมันตรงกับโปรเจกต์จริงที่ผมทำอยู่ แสดงว่ามันเข้าใจแล้ว

ขั้นตอนที่ 4: สร้างคู่มือสไตล์ (Create a Style Guide)

ผมจะให้โมเดลสวมบทบาทเป็น UI/UX designer และเขียนคู่มือสไตล์โดยละเอียดตามโปรเจกต์นั้นๆ วิธีนี้จะช่วยบังคับให้โมเดลรวบรวมและจัดระเบียบความรู้ที่มีอยู่

ขั้นตอนที่ 5: สร้าง Prompt ที่นำกลับมาใช้ใหม่ได้ (Build Reusable Prompts)

ผมจะให้โมเดลเขียน prompt ให้ผม ตัวอย่างเช่น ผมจะให้มันสร้าง prompt สำหรับการเปลี่ยนสไตล์ (restyle) ของ Django templates โดยไม่ไปยุ่งกับส่วนของ logic

เมื่อ prompt นี้ใช้งานได้ การเปลี่ยนสไตล์หน้าเว็บก็จะเหลือเพียงขั้นตอนเดียว คือแปะ prompt แปะโค้ด แล้วก็ได้ผลลัพธ์ทันที

Prompt หลักสองตัวที่ผมใช้ในการทำงาน:

  1. The Web Component Prompt: ใช้สำหรับเปลี่ยนข้อมูล JSON ให้กลายเป็น native Web Components โดยจะมีกฎเฉพาะเจาะจงสำหรับโครงสร้าง (architecture), สี และไอคอน

  2. The Template Restyler Prompt: ใช้สำหรับอัปเดตหน้าตาของ Django templates ที่มีอยู่เดิม โดยจะมีการป้องกัน tag และ logic ฝั่ง server อย่างเคร่งครัด ในขณะที่ทำการใส่ CSS ใหม่เข้าไป

ทำไมวิธีนี้ถึงได้ผล:

  • ความเร็ว: ผมเขียน application logic ในขณะที่ AI จัดการเรื่องเลเยอร์ด้านภาพ (visual layer)
  • การเรียนรู้: ขั้นตอนการสร้างบริบทช่วยให้ผมได้เรียนรู้วิธีการทางเทคนิคใหม่ๆ
  • การนำไปใช้ต่อได้ง่าย: เนื่องจากโมเดลเป็นคนเขียน prompt ให้ ทำให้พวกมันสามารถใช้งานข้ามบริการ AI ต่างๆ ได้

ความเป็นจริง:

คุณไม่สามารถข้ามขั้นตอนการเตรียมการได้ คุณภาพของผลลัพธ์ขึ้นอยู่กับคุณภาพของบริบทที่คุณให้ไป prompt แรกแทบจะไม่เคยสมบูรณ์แบบเลย คุณต้องลองรันมัน หาข้อผิดพลาด และเพิ่มกฎเกณฑ์เพื่อแก้ไขมัน

เวิร์กโฟลว์นี้ช่วยให้ผมสามารถโฟกัสไปที่เรื่อง logic และข้อมูล แทนที่จะต้องมานั่งสู้กับ CSS

Source: https://dev.to/la_verdad_de_la_milanesa/how-i-actually-use-ai-with-python-a-web-devs-honest-workflow-2o20

Optional learning community: https://t.me/GyaanSetuAi