หลักสูตรหลัก · A4 · 11 หน้า
Course Outline · Cinematic Agent
ภาพรวม วัตถุประสงค์ กลุ่มผู้เรียน ตารางเวลา รายละเอียดทุก Workshop พร้อมแนวทางใช้กับงานของวันเดอร์ ซัพพลาย
เราอ่านโจทย์ของคุณแล้ว
ระบบคุณพร้อมแล้ว สิ่งที่ยังขาดคือชั้นความคิด
วันเดอร์ ซัพพลายมีทั้งทีม DEV ระบบเจนผ่าน API เซิร์ฟเวอร์ AI ในเครื่อง และระบบตัดต่ออัตโนมัติที่พัฒนาเอง — ความเร็วในการผลิตจึงไม่ใช่โจทย์ โจทย์คือคุณภาพของเรื่องที่ออกจากระบบ
มีระบบผลิตคลิปครบอยู่แล้ว — สิ่งที่ยังขาดคือหลัก Concept ด้านความคิด เพื่อให้คุณภาพคอนเทนต์ดีขึ้นสรุปจากโจทย์ที่ส่งมา · ข้อ 6
ทีมรู้จักโมเดลและใช้ Codex ได้แล้ว — เป้าหมายคือทำให้ทั้งกระบวนการมีประสิทธิภาพขึ้นสรุปจากโจทย์ที่ส่งมา · ข้อ 7
ทีม Productionทีมคอนเทนต์ทีม DEVทีมแอดมิน
ระบบผลิตของคุณ + สิ่งที่หลักสูตรเติมให้
มีแล้ว · 01
ไอเดียและโจทย์
หนังสั้น ซีรีส์ คอนเทนต์ขายสินค้า
เพิ่มใหม่ · 02
ชั้นผู้กำกับ
Big Idea · Screenplay · Material · Storyboard · อนุมัติบนบอร์ดก่อนยิง
มีแล้ว · 03
เจนภาพและวิดีโอ
Seedance ผ่าน API · ComfyUI + LTX ในเครื่อง
เพิ่มใหม่ · 04
ตรวจคุณภาพ
Detect และ Audit ทีละช็อต · แก้ Prompt หรือยิงใหม่
มีแล้ว · 05
ตัดต่ออัตโนมัติ
ระบบ FFmpeg ที่ทีม DEV พัฒนาเอง
มีแล้ว · 06
ลงหลายบัญชี TikTok
คลิปที่ผ่าน Audit พร้อมลงทุกช่อง
มีอยู่แล้วในบริษัทเติมจาก Cinematic Agent
สิ่งที่เราเห็นจากผลงานของคุณ
ภาพดีแล้ว ขั้นต่อไปคือเรื่อง
เราดูซีรีส์ “กรุงเทพฯ 2050” ที่ส่งมาเป็นตัวอย่าง แล้วสรุปสิ่งที่ทีมทำได้ดีอยู่แล้ว กับจุดที่ยกระดับต่อได้ทันที
สิ่งที่ทำได้ดีแล้ว
- ภาพสมจริงระดับภาพยนตร์ ไดโนเสาร์กับคนอยู่ในเฟรมเดียวกันได้เนียน
- มุมกล้องหลากหลาย และใช้สถานที่ไทยที่คนจำได้ — อนุสาวรีย์ชัยฯ ตุ๊กตุ๊ก รถเมล์
- ไอเดียโลกที่คนอยากรู้ — คลิปปักหมุดมียอดดู 30.8K ภายในวันแรก แปลว่าภาพแรกดึงคนได้แล้ว
โอกาสที่จะยกระดับต่อ
- 1ตัวเอกและเป้าหมายของตอน — ให้คนดูรู้ใน 3 วินาทีแรกว่ากำลังตามใคร และเขาต้องการอะไร
- 2โทนและสไตล์ภาพคงที่ทั้งตอน — ถ้าจะสลับเป็นภาพวาดหรือเปลี่ยนอารมณ์ ต้องปูให้คนดูรู้ก่อน
- 3กฎของโลกในเรื่อง + ตอนจบที่ชวนดูตอนต่อไป — ทำให้เรื่องน่าเชื่อ และเปลี่ยนคนดูให้เป็นผู้ติดตาม
อ้างอิงจากตัวอย่างผลงาน 2 คลิปบน TikTok @seriesmoviex.ai (ดูเมื่อ 10 ต.ค. 2569) — ทั้ง 3 ข้อแก้ได้ตั้งแต่ช่วงเช้าของ Cinematic Agent (Workshop 1 Big Idea ถึง Workshop 4 Storyboard) และตรวจซ้ำใน Workshop 8 Audit
ตัวอย่างจากโลกของคุณ
ถ้าเริ่มจาก Big Idea ก่อนยิงเครดิตแม้แต่ช็อตเดียว
เราลองวางตอนนำร่อง 1 ตอนของ “ฟู · กรุงเทพฯ 2050” ตามลำดับช่วงเช้าของ Cinematic Agent — Big Idea → Screenplay → Material → Storyboard → ตรวจก่อนยิง แล้วทำคีย์เฟรมให้เห็นทิศทางภาพ
ตอน ข้าวสารถุงสุดท้าย60 วินาที · แนวตั้ง 9:168 ช็อต
Workshop 1 Big Idea
Logline
ข้าวสารที่บ้านหมด ฟูต้องพาเจ้าบุญไปร้านโชห่วยหัวซอยให้ทันก่อนมืด โดยห้ามวิ่งแม้แต่ก้าวเดียว
ตัวเอกและเป้าหมาย
ฟู ต้องได้ข้าวสารกลับบ้านก่อนฟ้ามืด
กฎของโลก
ไดโนเสาร์กินเนื้อไล่ตามสิ่งที่วิ่งและเสียงดัง
Hook 3 วินาทีแรก
ตาของฟูใต้รถร้าง กรงเล็บแรปเตอร์ห่างหน้าไม่ถึงคืบ กับคำว่า "ห้ามวิ่ง"
ปมปิดตอน
ในถุงข้าวมีไข่ไดโนเสาร์ที่กำลังร้าว
Workshop 4 Storyboard · คีย์เฟรม 4 จาก 8 ช็อต
WS2Screenplay — ภาพ เสียง การแสดง จังหวะ
| ช็อต | เวลา | ภาพ | เสียง | การแสดง · จังหวะ |
|---|---|---|---|---|
| S1 | 0:00–0:03 | ใกล้มากที่ดวงตาฟู นอนราบใต้รถเก๋งร้าง กรงเล็บแรปเตอร์ก้าวเข้ามาในเฟรม ห่างหน้าไม่ถึงคืบ | ฟูกระซิบ: "กฎข้อแรกของกรุงเทพฯ ปี 2050… ห้ามวิ่ง" · เสียงกรงเล็บกระทบพื้น | กลั้นหายใจ ไม่กะพริบตา · เปิดเร็ว ดึงคนดูทันที |
| S2 | 0:03–0:10 | ดาดฟ้าตึกแถวที่ฟูอาศัย ฟูเคาะถังข้าวสาร เจ้าบุญเงยหน้ามอง | เสียงเคาะกลวง · ฟู: "ข้าวสารหมด… ฟ้าจะมืดในอีกสองชั่วโมง" | ถอนหายใจ หยิบเป้ · จังหวะช้าลง |
| S3 | 0:10–0:20 | มุมสูง วงเวียนอนุสาวรีย์ชัยฯ ต้นไม้คลุมเมือง ไดโนเสาร์คอยาวกินใบไม้ข้างรถเมล์ร้าง ฟูกับเจ้าบุญเดินเลียบถนน | ดนตรีบรรยากาศเบา · ฟู: "ตัวใหญ่ไม่น่ากลัวหรอก ตัวเล็กต่างหาก" | เดินช้าสม่ำเสมอ · กล้องค่อย ๆ ลดระดับ |
| S4 | 0:20–0:28 | หน้าร้านโชห่วยหัวซอย กันสาดลายทาง ประตูเหล็กเปิดค้างครึ่งบาน | เสียงลมพัดกันสาด | ก้มลอดประตู · ค้างจังหวะ 1 วินาที |
| S5 | 0:28–0:38 | ในร้าน แสงลอดหลังคา ข้าวสารถุงสุดท้ายบนชั้น หลังชั้นมีแรปเตอร์หันหลังแทะกล่อง | เสียงแทะ · ดนตรีหยุด | ฟูตัวแข็ง เจ้าบุญขู่ในลำคอ ฟูยกมือห้าม |
| S6 | 0:38–0:48 | มือฟูค่อย ๆ หยิบถุงข้าว → แรปเตอร์หันขวับ → ฟูกลิ้งกระป๋องไปอีกทาง แรปเตอร์วิ่งตามเสียง | เสียงกระป๋องกลิ้ง | ฟูเดินถอยออกช้า ๆ ไม่วิ่ง — จ่ายคืนกฎข้อแรก |
| S7 | 0:48–0:55 | ดาดฟ้า แดดเย็นสีส้ม ฟูเทข้าวลงถัง มีวัตถุกลมสีครีมหล่นออกมาจากถุง | เสียงข้าวไหล แล้วเสียง "ตุ้บ" | ฟูชะงัก เจ้าบุญเอียงหัว |
| S8 | 0:55–1:00 | ใกล้ ไข่ใบใหญ่ลายจุดในมือฟู เปลือกเริ่มร้าว | ฟู: "…ถุงนี้ไม่ได้มีแค่ข้าวสาร" · การ์ด "ตอนหน้า" | ค้างภาพ ตัดดำ — ชวนดูตอนต่อไป |
WS3Material — แฟ้มตัวละครและโลก
ฟูชายไทย 24 ปี ผมดำสั้นยุ่ง ผิวสองสี · เสื้อเชิ้ตแขนยาวสีเขียวขี้ม้าพับแขน ทับเสื้อยืดดำ · กางเกงคาร์โก้สีเทา · เป้ผ้าใบสีน้ำตาลสะพายไหล่ขวา · พูดน้อย ระวังตัว มีมุกแห้ง ๆ ในเสียงบรรยาย · ยึดกฎ "ไม่วิ่ง"
เจ้าบุญสุนัขเยอรมันเชพเพิร์ด ปลอกคอผ้าสีแดง · ฟังสัญญาณมือของฟู
โลกกรุงเทพฯ ปี 2050 ต้นไม้คลุมเมือง รถร้าง แสงธรรมชาติ · ไดโนเสาร์กินเนื้อไล่ตามสิ่งที่วิ่งและเสียงดัง ไดโนเสาร์กินพืชไม่สนใจคน
Style Rules ของช่องภาพยนตร์สมจริง แสงธรรมชาติอุ่นช่วงบ่ายถึงเย็น · โทนเขียวหม่นกับส้มอิฐ · กล้องระดับสายตาเป็นหลัก ใช้มุมสูงเฉพาะช็อตเปิดโลก · ไม่สลับเป็นภาพวาดในตอนเดียวกัน · ซับไทยตัวขาวขอบดำกลางล่าง
WS6Shot plan และการเลือกเครื่องมือ
| ช็อต | ขนาดภาพ · กล้อง | เครื่องมือ | เหตุผล |
|---|---|---|---|
| S1 | ใกล้มาก · กล้องนิ่ง | Seedance (API) | ใบหน้าคนกับไดโนเสาร์ในเฟรมเดียว |
| S2 | ปานกลาง · แพนตาม | Seedance (API) | การแสดงของคนกับสุนัข |
| S3 | มุมสูงกว้าง · ลดระดับช้า ๆ | ComfyUI LTX | ภาพบรรยากาศ คนตัวเล็กในเฟรม |
| S4 | ปานกลางจากด้านหลัง | ComfyUI LTX | ไม่เห็นใบหน้า |
| S5 | ปานกลาง → ข้ามไหล่ | Seedance (API) · ทดสอบก่อน | คนกับไดโนเสาร์ในร้านแคบ เสี่ยงที่สุด |
| S6 | Insert มือ + แรปเตอร์หัน | ComfyUI LTX + Seedance (API) | Insert ใช้ LTX · การหันของไดโนเสาร์ใช้ Seedance |
| S7 | ปานกลาง · แสงเย็น | Seedance (API) | การแสดงและความต่อเนื่องของแสง |
| S8 | ใกล้ · ไข่ในมือ | ComfyUI LTX | ภาพวัตถุ ไม่มีใบหน้า |
การเลือกเครื่องมือเป็นตัวอย่าง ในคลาสจะเลือกจากผล Test Shot จริงและงบของทีม
WS5ตรวจก่อนยิงจริง — Board ส่งงาน
- ความต่อเนื่อง — เสื้อเขียวพับแขน · เป้สะพายไหล่ขวา · ปลอกคอแดงของเจ้าบุญ · แสงบ่ายใน S1–S6 เปลี่ยนเป็นแดดเย็นใน S7–S8
- จุดเสี่ยง — S5 คนกับไดโนเสาร์ในร้านแคบ (สัดส่วน มือ) → ยิง Test Shot ก่อนทั้งตอน · S6 ไดโนเสาร์ต้องไม่ทะลุชั้นวางของ
- ต้นทุน — ยิงจริงเฉพาะช็อตที่ผ่าน Test Shot · กำหนดจำนวน Retake สูงสุดต่อช็อตไว้ล่วงหน้า
- เรื่อง — กฎ "ห้ามวิ่ง" ปูไว้ใน S1 และจ่ายคืนใน S6 · ตอนจบมีปมให้ดูตอนต่อไป
- คนอนุมัติ — ผู้กำกับอนุมัติ Screenplay และ Test Shot ก่อนกดยิงทั้งตอน
ตัวอย่างนี้ ZenityX ทำขึ้นเพื่อประกอบข้อเสนอ · ตัวละครและโลกในเรื่องเป็นของบริษัท วันเดอร์ ซัพพลาย · คีย์เฟรมสร้างด้วย AI เพื่อแสดงทิศทางภาพ ยังไม่ใช่วิดีโอจริง
ภาพรวมโปรแกรม
2 หลักสูตร ครอบคลุมทั้ง 4 ทีม
ทีมสร้างสรรค์ได้วิธีคิดเรื่องและคุมคุณภาพ ทีมแอดมินและ DEV ได้ใช้ AI สร้างเครื่องมือรองรับงาน — ทั้งบริษัทเดินไปทางเดียวกัน
หลักสูตรหลัก
Cinematic Agent
สร้างหนัง/ละคร ด้วย AI Agent — Big Idea → Screenplay → Storyboard ที่อนุมัติบนบอร์ด → เจนคลิปด้วย Seedance 2.5 → Detect และ Audit ทีละช็อต
หลักสูตรเสริม
First Vibe : Coding for Beginners
เข้าใจระบบและ SDLC แล้วทำเว็บจริงทั้งหน้าบ้านและหลังบ้าน เชื่อมฐานข้อมูล Supabase และ deploy บน Cloudflare ในวันเดียว
ลำดับที่แนะนำ: เริ่มจาก Cinematic Agent ก่อน เพราะตอบโจทย์คุณภาพคอนเทนต์โดยตรง แล้วตามด้วย First Vibe สำหรับทีมแอดมินและ DEV
หลักสูตรหลัก · Production + คอนเทนต์
Cinematic Agent
สร้างหนัง/ละคร ด้วย AI Agent
ให้ AI Agent ทำงานแบบทีมโปรดักชัน ตั้งแต่คิด Big Idea เขียน Screenplay เตรียม Material และ Storyboard จนผู้กำกับอนุมัติบนบอร์ด แล้วจึงแปลงเป็น Prompt สำหรับ Seedance 2.5 เจนคลิปทีละช็อต และตรวจ Detect กับ Audit ทุกช็อตก่อนส่งเข้าระบบตัดต่อ
Course Outline ในหน้านี้ปรับสำหรับวันเดอร์ ซัพพลาย จากหลักสูตร Cinematic Agent ของ ZenityX
หลักสูตรต้นแบบบน zenityxai.com
คอร์สนี้คืออะไร
ไม่ได้สอนกดสร้างวิดีโอทีละช็อตแบบเดาไปเรื่อย ๆ แต่สอนให้คิดและเตรียมให้ครบก่อนใช้เครดิตวิดีโอ ช่วงเช้าทำทุกอย่างที่ต้องตัดสินใจก่อนยิง ได้แก่ Big Idea, Screenplay, Material, Storyboard และการอนุมัติบนบอร์ด ช่วงบ่ายยิง Seedance 2.5 จาก Storyboard ที่อนุมัติแล้ว และใช้ Agent ตรวจหาปัญหาทีละช็อตจนได้ช็อตที่ผ่านเกณฑ์ ทุกขั้นเก็บเป็น Workflow และ Skill ให้ทีมใช้ซ้ำได้ทุกตอนและทุกบัญชีเหมาะกับใคร
01
สายภาพยนตร์และโปรดักชัน
ผู้กำกับ ช่างภาพ ผู้ตัดต่อ และทีมโปรดักชันที่ต้องการใช้ AI เสริม Workflow โดยยังควบคุมมาตรฐานของงาน
02
Creative และทีมการตลาด
Creative, Art Director, Agency และทีมแบรนด์ที่ต้องการสร้างโฆษณา Branded Story หรือ Campaign Film
03
ผู้สร้างละครสั้นแนวตั้ง
Content Creator และนักเล่าเรื่องที่ต้องการยกระดับความต่อเนื่อง การแสดง และอารมณ์ของงาน
04
ผู้ที่เคยสร้างแล้วไม่ตรงใจ
คนที่เจอปัญหาตัวละครเปลี่ยน ภาพคนละสไตล์ Retake หลายรอบ หรือต้นทุนบานปลายจากการไม่มีระบบ
เงื่อนไขก่อนเรียนตามหน้าหลักสูตร: ผ่าน First Agent for Beginners — ทีมของคุณใช้ Codex อยู่แล้ว ZenityX จะประเมินความพร้อมของผู้เรียนร่วมกันก่อนวันเรียน
บัญชีและเครดิตเจนวิดีโอ: ตกลงร่วมกันก่อนวันเรียน ใช้ได้ทั้ง ZenityX Studio และ API เดิมของบริษัท
Course Outline ฉบับปรับสำหรับวันเดอร์ ซัพพลาย · 10:00–17:00
10:00–10:30
Workshop 1: Big Idea — คิดเรื่องให้ชัดก่อนเขียน
- ให้ Agent ช่วยแตกไอเดียจากโจทย์ของช่อง
- สรุป Logline ตัวเอกและเป้าหมาย กฎของโลกในเรื่อง Hook 3 วินาทีแรก และปมปิดตอน
ใช้กับงานของวันเดอร์ ซัพพลาย
ใช้ซีรีส์หรือโปรเจกต์ที่ทีมทำอยู่จริงเป็นโจทย์
10:30–11:15
Workshop 2: Screenplay — ภาพ เสียง การแสดง จังหวะ
- เขียน Screenplay ราย Shot แนวตั้ง 9:16
- ทุก Shot ระบุภาพ เสียง การแสดง และจังหวะ ให้ทั้งทีมเห็นหนังเรื่องเดียวกันก่อนสร้าง
ใช้กับงานของวันเดอร์ ซัพพลาย
Screenplay แนวตั้งพร้อมสำหรับลง TikTok
11:15–11:45
Workshop 3: เตรียม Material
- ให้ Agent สร้าง Character Sheet ฉาก และพร็อพตาม Screenplay
- เก็บเป็นชุดภาพอ้างอิงเดียวที่ใช้ตลอดทั้งตอน
ใช้กับงานของวันเดอร์ ซัพพลาย
Material ชุดเดียวใช้ซ้ำได้ทุกตอนและทุกบัญชี
11:45–12:15
Workshop 4: Storyboard
- สร้างเฟรมแรกของทุก Shot จาก Material
- คุมความต่อเนื่องของหน้า ชุด และแสงตลอดเรื่อง
ใช้กับงานของวันเดอร์ ซัพพลาย
เฟรมจาก Storyboard ใช้เป็นเฟรมเริ่มของวิดีโอได้ทันที
12:15–12:30
Workshop 5: Board ส่งงาน
- ขึ้น Storyboard บน Production Board
- ผู้กำกับรีวิวและอนุมัติทีละเฟรมก่อนเริ่มทำวิดีโอ
ใช้กับงานของวันเดอร์ ซัพพลาย
จุดอนุมัติก่อนใช้เครดิตวิดีโอจริง
12:30–13:30
พักรับประทานอาหารกลางวัน
13:30–14:30
Workshop 6: Storyboard สู่ Prompt Seedance 2.5
- ให้ Agent แปลงแต่ละเฟรมเป็น Prompt วิดีโอ ระบุกล้อง การเคลื่อนไหว การแสดง และภาพอ้างอิง
- ยิง Test Shot ความละเอียดต่ำก่อน แล้วยืนยันงบก่อนยิงจริง
ใช้กับงานของวันเดอร์ ซัพพลาย
Prompt Pack ใช้กับ Seedance ผ่าน API เดิมของบริษัทได้
14:30–15:30
Workshop 7: เจนคลิปและขึ้นบอร์ด
- ยิงคลิปทุก Shot ด้วย Seedance 2.5
- ขึ้นบอร์ดเรียงตาม Storyboard พร้อม Prompt และค่าที่ใช้ของแต่ละ Shot
ใช้กับงานของวันเดอร์ ซัพพลาย
ทั้งทีมเห็นทุก Shot ในที่เดียว ไม่ต้องไล่หาไฟล์
15:30–15:45
พักเบรก
15:45–16:45
Workshop 8: Detect และ Audit ราย Shot
- ให้ Agent ตรวจหาปัญหาทีละ Shot ทั้งความตรงกับ Storyboard ความต่อเนื่อง หน้า มือ ฟิสิกส์ และจังหวะ
- ตัดสินผ่าน แก้ Prompt หรือยิงใหม่ แล้วสรุปเป็นรายงาน Audit
ใช้กับงานของวันเดอร์ ซัพพลาย
ตรวจทุก Shot ก่อนส่งเข้าระบบตัดต่ออัตโนมัติ FFmpeg ของบริษัท
16:45–17:00
Recap: Workflow ใช้ซ้ำ
- สรุปขั้นตอนทั้งวันเป็น Workflow และ Skill
- จัดโฟลเดอร์โปรเจกต์ให้พร้อมสำหรับตอนถัดไป
ใช้กับงานของวันเดอร์ ซัพพลาย
ไฟล์ Skill ที่ทีม DEV ใส่ในกระบวนการ Codex เดิมได้
ตารางเวลาเป็นแนวทาง ผู้สอนอาจปรับเวลาแต่ละช่วงให้เหมาะกับความคืบหน้าของผู้เรียน โดยเนื้อหาและผลลัพธ์หลักยังครบถ้วน
สิ่งที่บริษัทได้เก็บไว้หลังเรียน
01
Big Idea 1 หน้า
02
Screenplay ราย Shot แนวตั้ง
03
Material Pack — ตัวละคร ฉาก พร็อพ
04
Storyboard ที่อนุมัติบนบอร์ด
05
Prompt Pack สำหรับ Seedance 2.5
06
คลิปราย Shot พร้อมรายงาน Audit
07
Workflow และ Skill ใช้ซ้ำ
หลักสูตรเสริม · DEV + แอดมิน
First Vibe : Coding for Beginners
จุดเริ่มต้นของการใช้ AI เพื่อสร้างสิ่งใหม่ ไม่มีพื้นฐานก็เริ่มต้นได้
เริ่มจากเข้าใจ Vibe Coding โครงสร้างระบบ Front-end, Back-end และ Database กับวงจรพัฒนาซอฟต์แวร์ (SDLC) แล้วลงมือทำเว็บจริงด้วย AI Agent ตั้งแต่เตรียมเครื่องและ Key ทำหน้าเว็บ ทำระบบหลังบ้านที่เพิ่ม ดู แก้ไข และลบข้อมูลได้ เชื่อมฐานข้อมูล Supabase จนนำขึ้น Cloudflare ใช้งานจริงได้ในวันเดียว
Course Outline ในหน้านี้ปรับสำหรับวันเดอร์ ซัพพลาย จากหลักสูตร First Vibe ของ ZenityX
หลักสูตรต้นแบบบน zenityxai.com
เหมาะกับใคร
01
บุคคลทั่วไป
ที่อยากเริ่มต้นสร้างเว็บไซต์หรือแอพริเคชั่นด้วย AI
02
เจ้าของธุรกิจ
ที่ต้องการเข้าใจการสร้างระบบหรือเครื่องมือดิจิทัลสำหรับธุรกิจ
03
คนทำงานหรือผู้ประสานงาน
ที่ต้องคุยกับทีมพัฒนาและอยากมองภาพระบบให้ชัดขึ้น
04
ผู้ที่สนใจโลกของ AI Coding และ AI Agent
และอยากเรียนรู้การใช้งานจริง
สำหรับวันเดอร์ ซัพพลาย: ทีม DEV และทีมแอดมินเรียนร่วมกัน · ไม่ต้องเขียนโค้ดเอง สั่งงาน AI Agent ทุกขั้น · สมัครบัญชี Cloudflare และ Supabase (แพลนฟรี) ก่อนวันเรียน · อาจารย์เตรียมโปรเจกต์ตั้งต้นให้
สิ่งที่สร้างในคลาส: หน้าเว็บบน Cloudflare Pages + API หลังบ้านด้วย Cloudflare Pages Functions + ฐานข้อมูล Supabase · Key ลับเก็บเป็น Secret ฝั่งหลังบ้านเท่านั้น
Course Outline ฉบับปรับสำหรับวันเดอร์ ซัพพลาย · 10:00–17:00
10:00–10:30
Session 1: Vibe Coding คืออะไร
- เข้าใจว่า Vibe Coding ต่างจากการเขียนโค้ดแบบเดิมอย่างไร
- รู้จักเครื่องมือ AI Coding อย่าง Codex และ Claude Code
- คนเป็นผู้คุมโจทย์ ส่วน AI Agent เป็นผู้ลงมือ
ใช้กับงานของวันเดอร์ ซัพพลาย
บริษัทใช้ Codex อยู่แล้ว ต่อยอดจากเครื่องมือเดิม
10:30–11:15
Session 2: โครงสร้างระบบ และ SDLC
- Front-end, Back-end, Database และ API ทำงานร่วมกันอย่างไร
- วงจรพัฒนาซอฟต์แวร์ 6 ขั้น Requirement, Design, Build, Test, Deploy, Maintain
- คำสั่งที่ใช้กับ AI ในแต่ละขั้น
ใช้กับงานของวันเดอร์ ซัพพลาย
ใช้ระบบเจนและตัดต่อของบริษัทเป็นตัวอย่าง ให้ทีมแอดมินเห็นภาพเดียวกับทีม DEV
11:15–12:30
Workshop 1: เตรียม Environment และ Key
- เช็คเครื่องมือ AI Agent และ Node.js
- สร้างโฟลเดอร์จากโปรเจกต์ตั้งต้น
- สร้าง Cloudflare API Token และ Supabase Project แล้วเก็บ Key ในไฟล์ .env
- กติกาความปลอดภัยของ Key
ใช้กับงานของวันเดอร์ ซัพพลาย
บัญชี Cloudflare และ Supabase สมัครไว้ก่อนวันเรียน
12:30–13:30
พักรับประทานอาหารกลางวัน
13:30–14:00
Workshop 2: เตรียมข้อมูลหน้าเว็บ
- เขียน Requirement 1 หน้าให้ AI เข้าใจ
- กำหนดเนื้อหาหน้าเว็บ
- ออกแบบตารางข้อมูลใน Supabase และใส่ข้อมูลจำลอง
ใช้กับงานของวันเดอร์ ซัพพลาย
โจทย์ระบบติดตามคิวคลิปของหลายบัญชี TikTok
14:00–15:00
Workshop 3: Front-end
- ให้ AI Agent สร้างหน้าเว็บ ทั้งหน้ารายการ ฟอร์ม และหน้ารายละเอียด
- ฝึกบอก Requirement และปรับแก้งานร่วมกับ AI
15:00–16:00
Workshop 4: Back-end CRUD
- สร้าง API หลังบ้านด้วย Cloudflare Pages Functions เชื่อม Supabase
- เพิ่ม ดู แก้ไข และลบข้อมูลจากหน้าเว็บได้จริง
- ทดสอบทุกปุ่มก่อนขึ้นระบบ
ใช้กับงานของวันเดอร์ ซัพพลาย
Key ลับอยู่ฝั่งหลังบ้านเท่านั้น ไม่หลุดไปหน้าเว็บ
16:00–16:15
พักเบรก
16:15–16:45
Workshop 5: Deploy บน Cloudflare
- นำเว็บขึ้น Cloudflare Pages
- ตั้งค่า Secret ของระบบหลังบ้าน
- ได้ URL ใช้งานจริงและทดสอบบนมือถือ
16:45–17:00
Recap + Q&A
- ทบทวน SDLC ขั้น Maintain
- เส้นทางต่อยอดสู่ระบบภายในที่ต่อกับกระบวนการผลิตเดิม
- ตอบคำถาม
ตารางเวลาเป็นแนวทาง ผู้สอนอาจปรับเวลาแต่ละช่วงให้เหมาะกับความคืบหน้าของผู้เรียน โดยเนื้อหาและผลลัพธ์หลักยังครบถ้วน
ผลลัพธ์หลังจบคลาส
01
เข้าใจ Vibe Coding โครงสร้างระบบ และ SDLC
02
เครื่องพร้อมใช้งาน เชื่อม Cloudflare และ Supabase ได้
03
หน้าเว็บ Front-end ที่สร้างด้วย AI Agent
04
ระบบหลังบ้าน CRUD เชื่อมฐานข้อมูล Supabase
05
เว็บที่ deploy บน Cloudflare ใช้งานได้จริง
เรียนสดกับ ZenityX พร้อม Workshop ลงมือทำจริง ถามอาจารย์ได้ทันที และผู้เรียน Onsite จะได้รับ Certificate หลังจบคอร์ส
เอกสารสำหรับส่งต่อ
Course Outline และเช็คลิสต์
เปิดอ่านผ่านเว็บได้ทันที หรือดาวน์โหลด PDF ส่งต่อผู้บริหารและฝ่ายจัดซื้อ — เนื้อหาตรงกับหน้านี้ทั้งหมด
หลักสูตรเสริม · A4 · 11 หน้า
Course Outline · First Vibe
ภาพรวม กลุ่มผู้เรียน ตารางเวลา ผลลัพธ์หลังจบคลาส และแนวทางใช้กับงานของทีมแอดมินและ DEV
เช็คลิสต์ · A4 · 1 หน้า
เช็คลิสต์เตรียมตัวก่อนเรียน
เครื่อง บัญชี AI Agent (Codex หรือ Claude) การทดสอบ 3 ขั้น และสิ่งที่ฝ่ายสถานที่/IT ต้องเตรียม
รูปแบบการเรียน
ลงมือบนเครื่องของผู้เรียน ตั้งแต่ชั่วโมงแรก
รูปแบบ
- In-House 1 วันต่อหลักสูตร · 10:00–17:00
- Workshop ลงมือทำจริง ถามอาจารย์ได้ทันที
- สถานที่ จำนวนผู้เรียน และวันเรียน ตกลงร่วมกันกับทีม ZenityX
สิ่งที่ต้องเตรียม
- โน้ตบุ๊กและบัญชี AI Agent ของผู้เรียนแต่ละคน ตามเช็คลิสต์
- โจทย์จริง 1 เรื่องต่อหลักสูตร (ซีรีส์ที่ทำอยู่ / งานภายในของแอดมิน)
- Cinematic Agent: บัญชีและเครดิตเจนวิดีโอ ตกลงร่วมกันก่อนวันเรียน ใช้ได้ทั้ง ZenityX Studio และ API เดิมของบริษัท
- First Vibe: ติดตั้ง Node.js และสมัครบัญชี Cloudflare กับ Supabase (แพลนฟรี) ก่อนวันเรียน · อาจารย์เตรียมโปรเจกต์ตั้งต้นให้
เส้นเวลาก่อนเรียน
D-7ทีม ZenityX ส่งคู่มือติดตั้งทีละขั้น
D-3ผู้เรียนติดตั้งและล็อกอินให้เรียบร้อย
D-1ทดสอบ 3 ขั้นบนเครื่องและเครือข่ายจริง
คำถามที่พบบ่อย
ก่อนตัดสินใจ
ทีมเรารู้โมเดลและใช้ Codex เป็นแล้ว Cinematic Agent ต่างจากที่รู้อย่างไร
คอร์สนี้ไม่ได้สอนกดโมเดล แต่สอนคิดและเตรียมให้ครบก่อนยิง ทั้ง Big Idea, Screenplay และ Storyboard ที่ผู้กำกับอนุมัติบนบอร์ด แล้วใช้ Agent ตรวจ Detect และ Audit ทุกช็อต ซึ่งเป็นส่วนที่ทำให้คลิปเล่าเรื่องได้และลดการเจนซ้ำ
ต้องเปลี่ยนเครื่องมือที่ใช้อยู่ไหม
ไม่ต้อง Workflow, Prompt Pack และ Skill ที่ได้จากคลาสใช้กับ Seedance ผ่าน API เดิมของบริษัทได้ และทีม DEV ใส่เข้ากระบวนการ Codex เดิมได้
ใช้โปรเจกต์จริงของบริษัทเป็นโจทย์ในคลาสได้ไหม
ได้ แนะนำให้ส่งซีรีส์หรือโปรเจกต์ที่ทำอยู่ 1 เรื่องล่วงหน้า ข้อมูลภายในที่อ่อนไหวให้คัดออกก่อนนำเข้า AI
Cinematic Agent กำหนดให้เรียน First Agent ก่อน ทีมเราต้องเรียนไหม
ทีมของคุณใช้ Codex อยู่แล้ว ZenityX จะประเมินความพร้อมของผู้เรียนร่วมกันก่อนวันเรียน
ใช้เครดิตเจนวิดีโอในคลาสเท่าไร
ขึ้นกับความยาวและความละเอียดของคลิป ทีม ZenityX จะสรุปงบต่อผู้เรียนร่วมกับบริษัทก่อนวันเรียน ใช้ได้ทั้ง ZenityX Studio และ API เดิมของบริษัท
First Vibe เหมาะกับทีม DEV ไหม
เหมาะ เพราะลงมือทำระบบจริงตั้งแต่ Requirement จนถึง Deploy ด้วย AI Agent ส่วนทีมแอดมินเรียนร่วมได้ เพราะไม่ต้องเขียนโค้ดเอง และอาจารย์เตรียมโปรเจกต์ตั้งต้นไว้ให้
จำนวนผู้เรียน สถานที่ และวันเรียน
ตกลงร่วมกันกับทีม ZenityX · แต่ละหลักสูตรเรียน 1 วัน 10:00–17:00
ต้องเตรียมอะไรก่อนเรียน
เครื่องและบัญชี AI Agent ตามเช็คลิสต์ในหน้านี้ · First Vibe ติดตั้ง Node.js และสมัครบัญชี Cloudflare กับ Supabase (แพลนฟรี) ล่วงหน้า · ทีม ZenityX ส่งคู่มือติดตั้งล่วงหน้า 7 วัน
ขั้นตอนถัดไป
เริ่มได้ใน 3 ขั้น
1
เลือกทีมและจำนวนผู้เรียน
ทีมที่จะเรียนแต่ละหลักสูตร และจำนวนผู้เรียนต่อรุ่น
2
เลือกวันเรียน และส่งโจทย์จริง
ซีรีส์หรือโปรเจกต์ที่จะใช้ใน Cinematic Agent และงานภายในที่จะใช้ใน First Vibe
3
เตรียมเครื่องตามเช็คลิสต์
รับคู่มือติดตั้งล่วงหน้า 7 วัน ทดสอบ 1 วันก่อนเรียน