แผนการเรียนรู้
/

วันที่ 1

AI Frontier

วิวัฒนาการจาก "คนพ่นโค้ด" สู่ "วาทยากร AI"

บทนำสู่การพัฒนาซอฟต์แวร์ในยุค Agentic Era สำหรับผู้เริ่มต้นจากศูนย์

09:00 - 09:45 | บรรยายภาพรวม

ซอฟต์แวร์คืออะไร?

ซอฟต์แวร์ไม่ใช่แค่ตัวเลขหรือตัวอักษรบนหน้าจอ แต่มันคือ "เครื่องมือ" ที่เราสร้างขึ้นเพื่อแก้ปัญหาให้มนุษย์ [1, 2]

  • ช่วยให้เราทำงานได้เร็วขึ้น (เช่น เครื่องคิดเลข, ระบบบัญชี)
  • ช่วยให้เราสื่อสารกันได้ (เช่น Social Media)
  • ช่วยสร้างความบันเทิง (เช่น เกม, แอปดูหนัง)

ภาพรวมของการสร้างซอฟต์แวร์

1. ปัญหา (Problem)

มนุษย์ต้องการอะไร?

➡️

2. ความต้องการ (Requirements)

ซอฟต์แวร์ต้องทำอะไรได้บ้าง? [3]

➡️

3. ผลลัพธ์ (Solution)

ซอฟต์แวร์ที่ใช้งานได้จริง [4]

บทบาทในทีมพัฒนาซอฟต์แวร์

การสร้างแอปพลิเคชัน 1 ตัว ต้องใช้คนหลายบทบาททำหน้าที่ร่วมกัน [5-7]:

Frontend Developer

ดูแลหน้าตา (UI) และสิ่งที่ผู้ใช้มองเห็น

Backend Developer

ดูแลระบบหลังบ้าน ข้อมูล และตรรกะคำนวณ

Tester (QA)

ตรวจสอบความถูกต้องและหาบั๊ก

DevOps

ดูแลการเอาซอฟต์แวร์ขึ้นระบบคลาวด์ (Cloud)

วิวัฒนาการการสื่อสารกับคอมพิวเตอร์

"จากคำสั่งระดับเครื่องจักร สู่ภาษามนุษย์"

ยุค 1950s - 60s: Punch Cards

ใช้บัตรเจาะรู ต้องรอผลทั้งวัน ความผิดพลาดหนึ่งจุดหมายถึงต้องเริ่มใหม่หมด [8, 9]

ยุค 1970s - 80s: Command Line

พิมพ์คำสั่งผ่านหน้าจอสีดำ เริ่มมีการสนทนากับคอมพิวเตอร์มากขึ้น [10, 11]

ยุค IDE (Turbo C, Visual Studio)

การรวมเครื่องมือทุกอย่างไว้ในที่เดียวเพื่อช่วยให้เขียนโค้ดได้เร็วขึ้น [12, 13]

จุดเด่น

  • Highlight สีของโค้ดให้อ่านง่าย
  • ช่วยเติมโค้ดอัตโนมัติ (Autocomplete)
  • มีปุ่ม Run และ Debug ในตัว

"เป็นเหมือนอู่ซ่อมรถที่มีเครื่องมือครบครัน"

ยุค Cloud & GitHub

เมื่อโค้ดไม่ได้อยู่แค่ในเครื่องเรา แต่ทำงานร่วมกันได้ทั้งโลก [14, 15]

GitHub

"สำรองและแบ่งปัน" เก็บประวัติการทำงาน ย้อนกลับไปแก้ไขได้ตลอดเวลา [16]

Cloud Deployment

"ออนไลน์ให้โลกเห็น" ไม่ต้องตั้งเซิร์ฟเวอร์เอง แต่ใช้บริการอย่าง Render [17]

ยุค AI Co-pilot (2021+)

AI ไม่ใช่แค่เครื่องมือ แต่เป็น "คู่หูเขียนโค้ด" (Pair Programmer) [18-20]

  • แนะนำโค้ดให้เราแบบ Real-time ตามบริบทของงาน
  • ช่วยสร้าง Boilerplate (โค้ดมาตรฐาน) ที่น่าเบื่อให้ทันที
  • ช่วยอธิบายโค้ดที่เราไม่เข้าใจ [21]

ความแตกต่างของบทบาท

Code Spitter (อดีต)

  • ❌ โฟกัสที่การพิมพ์ Syntax ทีละบรรทัด
  • ❌ ใช้เวลาส่วนใหญ่ไปกับงานซ้ำๆ
  • ❌ จดจำฟังก์ชันจำนวนมากในหัว

AI Orchestrator (ปัจจุบัน)

  • ✅ โฟกัสที่การ "วางแผน" และ "สั่งการ"
  • ✅ ใช้ AI จัดการงานซ้ำๆ และงาน Clerical [22]
  • ✅ ทำหน้าที่เป็น "วาทยากร" ควบคุมเครื่องมือ AI [23-25]

Vibe Coding คืออะไร?

แนวทางการเขียนโค้ดโดยใช้ "สัญชาตญาณ" และ "การสนทนา" กับ AI แทนการพิมพ์โค้ดเอง [26, 27]

"ลืมไปเลยว่าโค้ดมีอยู่จริง แค่บอกความต้องการ แล้วดูมันเกิดขึ้นต่อหน้า" — นิยามโดย Andrej Karpathy [28]

*เหมาะสำหรับการทำ Prototype หรือ MVPs อย่างรวดเร็ว [29]

ความเสี่ยงของ Vibe Coding

การยอมรับโค้ด AI โดยไม่ตรวจสอบ อาจนำไปสู่หายนะในระยะยาว [29-31]

  • HALLUCINATIONS: AI สร้างโค้ดที่ "ดูเหมือนจะรันได้" แต่ทำงานผิดพลาด [32, 33]
  • SECURITY: ช่องโหว่ความปลอดภัยที่แอบแฝง [34]
  • LACK OF CONTROL: เราไม่เข้าใจว่าระบบทำงานอย่างไร เมื่อพังเราจะซ่อมไม่ได้ [23]

Google Antigravity คืออะไร?

มันไม่ใช่แค่ IDE แต่คือ **Agentic Development Environment (ADE)** [35]

สร้างมาเพื่อยุคที่ AI ทำงานแทนเราได้เกือบทั้งหมด (Agent-first era) [36]:

  • ไม่ได้ช่วยแค่ "เขียน" แต่ช่วย "วางแผน"
  • ทำงานข้ามเครื่องมือได้ (Browser, Terminal, Code Editor)
  • เข้าใจบริบทของทั้งโปรเจกต์ (Context Aware) [37]

กลไก AI: Implementation Plan

ก่อนลงมือเขียนโค้ด AI ใน Antigravity จะสร้าง "แผนการดำเนินงาน" ให้คุณตรวจก่อน [38]

เหมือนกับการสร้างบ้าน

แทนที่จะก่ออิฐเลย AI จะเขียน "พิมพ์เขียว" และ "ลำดับงาน" ให้เราอนุมัติ เพื่อลดความผิดพลาดและหนี้ทางเทคนิค [39]

📋

กลไก AI: Browser Subagent

เมื่อ AI ไม่ได้อยู่แค่ในโค้ด แต่สามารถ "ท่องเว็บ" แทนเราได้ [38]

ตัวอย่างความสามารถ:

  • เข้าไปตั้งค่าฐานข้อมูลใน Render.com
  • ตรวจสอบบั๊กที่เกิดขึ้นบนเว็บหน้าบ้าน
  • อ่านคู่มือการใช้งาน Library ใหม่ๆ จากเว็บโดยตรง

Token คืออะไร?

Token คือ "สกุลเงิน" และ "น้ำมัน" ที่ AI ใช้ในการประมวลผล

1,000 Tokens

≈ 750 คำ ภาษาอังกฤษ

Costs

ทุกครั้งที่คุณถาม AI คุณกำลัง "เสียตังค์" (หรือใช้โควตา)

Budget

การวางแผนจะช่วยลดค่าใช้จ่าย AI ได้ถึง 60-70%

การคำนวณ Token Budget

"ประสิทธิภาพสูงสุด ในต้นทุนที่ต่ำสุด"

สูตรประหยัด Token สำหรับนักพัฒนา:

  1. เลือกรุ่นที่ใช่: ใช้โมเดลเล็กสำหรับงานง่าย และโมเดลใหญ่สำหรับงานวิเคราะห์ [40]
  2. คุมบริบท (Context): ส่งเฉพาะไฟล์ที่จำเป็นให้ AI อ่าน [41, 42]
  3. สรุปเซสชัน: เมื่อเริ่มคุยเรื่องใหม่ ให้สรุปงานเดิมเพื่อล้าง Context [43]

Technical Debt (หนี้ทางเทคนิค)

การยอมรับโค้ดที่ "รันได้" แต่ "ห่วย" ในวันนี้ คือภาระที่ต้องจ่ายแพงในวันหน้า [44, 45]

ทำไม AI ถึงสร้างหนี้?

AI เน้นความ "น่าจะเป็น" ไม่ใช่ "ความถูกต้อง" เสมอไป [46]

  • ใช้ฟังก์ชันที่เลิกใช้แล้ว (Deprecated) [30, 47]
  • โค้ดซ้ำซ้อน ดูแลรักษายาก [48]
  • สร้างช่องโหว่ความปลอดภัยใหม่ๆ [49, 50]

สถิติจากโลกความจริง (2026)

ข้อมูลวิจัยจาก commits กว่า 300,000 รายการบน GitHub [44, 51]:

89.1%

ของปัญหาที่ AI สร้าง คือ **Code Smells** (โค้ดที่ทำงานได้แต่แย่มาก) [44, 48]

24.2%

ของปัญหาเหล่านี้ **ยังคงตกค้าง** อยู่ในระบบและสะสมเป็นหนี้ [44, 52]

ทางแก้: การเขียน Spec

"ถ้าสั่งงานไม่ชัดเจน AI จะเดา และนั่นคือจุดเริ่มต้นของ Technical Debt" [53]

Spec คืออะไร?

คือ "สัญญา" (Contract) ที่เราทำร่วมกับ AI เพื่อระบุว่าซอฟต์แวร์ต้องทำงานอย่างไร ข้อมูลต้องหน้าตาแบบไหน และต้องทดสอบอย่างไรให้ผ่าน [54-56]

7 องค์ประกอบหลักของ Tech Spec

"พื้นฐานที่จะทำให้ AI สร้าง MVP ได้ถูกต้อง 100%"

1. Business Purpose: ทำไปเพื่ออะไร? ใครคือผู้ใช้? [57, 58]
2. System Scope: ทำอะไรบ้าง? และ **ไม่ทำ** อะไรบ้าง? [56, 59]
3. Data Structure: โครงสร้างข้อมูลในฐานข้อมูล (Django Models) [60, 61]
4. UI/UX: หน้าตาโปรแกรม (React Components) [62, 63]

หัวใจสำคัญของการควบคุม AI

5. Functional Requirements: ขั้นตอนการทำงาน (Business Logic) [64]
6. Standards (.clinerules): กฎเหล็กของทีมที่ AI ต้องทำตาม เช่น ห้ามทิ้ง Comment หรือต้องตั้งชื่อตัวแปรแบบไหน [65, 66]
7. Testing Criteria: เงื่อนไขการยอมรับงาน (Acceptance Criteria) [56, 67]

Human-in-the-loop

AI ทำงาน แต่ **คุณ** รับผิดชอบผลลัพธ์ [68, 69]

🚦

"Trust but Verify" (เชื่อใจแต่ต้องตรวจสอบ)

ในยุค AI นักพัฒนาต้องเปลี่ยนบทบาทมาเป็น **ผู้ตรวจโค้ด (Code Reviewer)** หน้าที่ของคุณคือการอ่านและประเมินว่าโค้ดที่ AI สร้างนั้น ปลอดภัยและมีคุณภาพตามมาตรฐานหรือไม่ ก่อนจะกด Accept [68, 70-72]

Blueprint สำหรับนักพัฒนา 10x

"ใช้ AI ขยายศักยภาพของคุณ ไม่ใช่ลดทอนสติปัญญา" [25, 73]

Intent First

เข้าใจปัญหาอย่างถ่องแท้ก่อนเขียน Prompt [53, 74]

Contract Driven

กำหนดข้อตกลงและอินเทอร์เฟซให้ชัดเจน [54]

Review Culture

รีวิวทุกบรรทัดเทียบกับมาตรฐานคุณภาพ [55, 75]

แผนที่นำทางสู่ MVP

ตลอด 3 วันนี้ เราจะเปลี่ยนโปรเจกต์ในฝันของคุณให้เป็นจริง

1

Design: เขียน Spec และโครงสร้างฐานข้อมูล [60]

2

Develop: ใช้ AI สร้าง Django Backend & React Frontend

3

Deploy: นำระบบขึ้นออนไลน์ผ่าน Render.com [17]

สรุปการบรรยายช่วงเช้า

  • บทบาทใหม่: คุณไม่ใช่แค่ผู้พิมพ์ แต่เป็น **Orchestrator** [23]
  • เทคโนโลยีใหม่: Antigravity คือระบบที่ทำงานแทนเราด้วย Agent [35]
  • การบริหารจัดการ: ต้องคุม Token Budget และลดหนี้ทางเทคนิค [44]
  • อาวุธลับ: **Technical Spec 7 องค์ประกอบ** คือกุญแจสู่ความสำเร็จ [56]

พร้อมเริ่มหรือยัง?

ลำดับถัดไป: เตรียมสภาพแวดล้อมดิจิทัลของคุณ
(Google ➡️ GitHub ➡️ Antigravity)

👇

มีคำถามไหมครับ?

"ไม่มีคำถามไหนที่ง่ายเกินไปสำหรับการเรียนรู้สิ่งใหม่"

— AI Frontier Team

พักเบรก 15 นาที

"กลับมาเจอกันที่การตั้งค่าเครื่องมือปฏิบัติงานจริง"

เริ่มช่วงถัดไปในเวลา 10:45 น.