เว็บที่อ่านออกเสียงได้
พิมพ์ข้อความแล้วให้ Browser อ่าน พร้อมปุ่มสีที่กดแล้วพูดชื่อสี
สร้างเว็บไซต์ และแอพพลิเคชั่น เสกได้แบบใจนึกเปลี่ยนสิ่งที่อยากทำ ให้เป็นเว็บและแอปที่กดใช้งานได้
ใช้ AI Agent ช่วยสร้างเว็บ ตั้งแต่ HTML, CSS และ JavaScript ไปถึง Backend, API และ AI ภายในแอป เรียนผ่านเดโมแล้วลงมือทำงานของตัวเอง
VIBE CODEสร้างเว็บไซต์ และแอปพลิเคชัน แบบเสกได้
ภาพจำลองผลลัพธ์ที่ต่อยอดได้จาก “อยากมีเว็บ”
สู่ “ฉันเริ่มสร้างเองได้”
คลาสนี้ชวนคุณค่อย ๆ สร้างเว็บจากสิ่งที่เห็นผลทันที พิมพ์ข้อความให้เว็บอ่านออกเสียง กดเลือกสีให้เสื้อเปลี่ยน แล้วค่อยเปิดดูว่าข้อมูลเดินทางไปหลังบ้านอย่างไร
เมื่อเริ่มเข้าใจ ก็ขยับไปเชื่อมบริการจริงและใส่ AI ให้แอป อ่านภาพ ถอดเสียง ตรวจเอกสาร หรือคุยกับข้อมูลของเรา โดยรู้ว่าจุดไหนใช้โค้ดธรรมดาก็เพียงพอ
ใครเหมาะกับคลาสนี้?
ผู้มีพื้นฐานการใช้ AI ที่อยากสร้างเว็บไซต์หรือแอปของตัวเอง ไม่จำเป็นต้องเขียนโปรแกรมเป็นมาก่อน
ไม่จำเป็นต้องเขียนโปรแกรมเป็นมาก่อน เริ่มจากพื้นฐานและเพิ่มความยากเป็นขั้น ๆ
สิ่งที่จะได้ลงมือทำ
เว็บไซต์หรือ Web App ต้นแบบ พร้อมเข้าใจ Frontend, Backend, API และวิธีเพิ่ม AI ในแอป
ชิ้นงานและความลึกของเนื้อหาขึ้นอยู่กับเวลา รูปแบบคลาส และพื้นฐานผู้เรียนที่ตกลงร่วมกัน
สิ่งที่จะได้เรียน
ค่อย ๆ อัปเลเวลจากหน้าเว็บแรก ไปสู่แอปที่เชื่อมระบบได้
1รู้จัก HTML, CSS และ JavaScript ผ่านเว็บที่อ่านออกเสียงได้
เห็นภาพรวม Browser, Server และ Domain แยกหน้าที่ของโครงสร้าง หน้าตา และการทำงาน แล้วทำเว็บอ่านออกเสียงกับปุ่มสี 12 สี ทดลองพูดชื่อสีให้เว็บเปลี่ยนสีด้วย Speech Recognition โดยยังไม่ต้องเรียกโมเดล AI
2ใช้ Vibe Coding และ Skills ปรับหน้าตาเว็บให้ดีขึ้น
ใช้ AI ช่วยปรับดีไซน์ เรียนรู้การดูตัวอย่าง UI ใช้ Impeccable เพิ่ม Motion อย่างมีเหตุผล และตรวจเว็บทั้งบนคอมพิวเตอร์กับมือถือ
3สร้าง Backend เช็กสต็อกเสื้อ ยังไม่เชื่อม Database
เลือกสีเสื้อบนหน้าเว็บ ให้ Backend อ่านสต็อกที่ตั้งไว้ในโค้ด แล้วตอบจำนวนและโกดัง ทดลองกรณีสินค้าหมด พร้อมเปิด Console และ Network ดูข้อมูลจริง โดยยังไม่เชื่อม Database
4เปิด Console ดู Request / Response และวาง Workflow
วาดขั้นตอนก่อนเขียนโค้ด แยกเงื่อนไขที่ต้องตรวจ รู้จักฐานข้อมูล และใช้ Git บันทึก เปรียบเทียบ และย้อนการเปลี่ยนแปลง
5เชื่อม API: Resend, Slip2Go และ LINE OA
ฝึกส่ง Request รับ Response และอ่าน JSON ผ่านตัวอย่าง Resend, Slip2Go และ LINE OA เก็บ API Key ฝั่ง Server และรู้จักข้อจำกัดของแต่ละบริการ
6เพิ่ม AI อ่านภาพ ถอดเสียง อ่านสไลด์ และ Chatbot ที่จำบริบทด้วย Memory
ทดลอง Gemini ผ่าน API กับภาพ เสียง กล้อง และ PDF แล้วทำ Chatbot จากข้อมูลของเรา เปรียบเทียบการส่งประวัติทั้งหมดกับการสรุป Memory
7รู้จัก Webhook, Cron, Batch และ Git แล้วต่อยอดเป็นเว็บของตัวเอง
แยกเหตุการณ์ที่เข้ามา เวลาที่เริ่มงาน และงานที่ทำเป็นชุด แล้วเลือกประกอบเป็นเว็บไซต์บริษัท ร้านค้า ระบบจอง Portfolio หรือ Web App ของตัวเอง
สิ่งที่คุณจะได้สร้างในคลาส
ลงมือทำเป็นเว็บและแอปที่กดใช้งานได้
หน้าร้านที่เช็กสต็อกได้
เลือกสีเสื้อ แล้วรับจำนวนคงเหลือและตำแหน่งโกดังจาก Backend
แอปที่ใช้ AI อ่านภาพ
ส่งภาพให้โมเดล แล้วแสดงสิ่งที่ AI วิเคราะห์กลับมาบนหน้าเว็บ
Chatbot ที่คุยต่อเรื่องเดิมได้
ให้ผู้ช่วยใช้ข้อมูลของเรา และทดลองจัดการบริบทกับ Memory
มีพื้นฐานการใช้ AI มาแล้ว · เตรียม AI Agent เช่น Codex หรือ Claude
เตรียมตัวก่อนเข้า Workshop
- คอมพิวเตอร์ของตัวเอง พร้อมอินเทอร์เน็ตและ Browser
- ไอเดียหรืองานที่อยากทดลองทำ ไม่จำเป็นต้องมีชิ้นงานมาก่อน
- บัญชีเครื่องมือที่เลือกใช้ ผู้จัดและผู้สอนจะนัดหมายสิ่งที่ต้องเตรียมก่อนคลาส
เริ่มจากเครื่องมือที่ใช้ฟรีได้ก่อน บางบริการมีโควตา ค่าสมาชิก หรือค่า API แยกต่างหาก จึงเลือกเครื่องมือและแจ้งค่าใช้จ่ายที่เกี่ยวข้องก่อนจัดอบรม
อยากให้ทีมของคุณ
ลองทำเรื่องนี้เป็น?
บอกหัวข้อที่สนใจ จำนวนผู้เรียน พื้นฐานของทีม และช่วงเวลาที่สะดวก แล้วมาช่วยกันออกแบบคลาสให้ตรงกับงานของคุณ
ติดต่อโมชิเรื่องจัด Workshopสอบถามรูปแบบ ระยะเวลา และใบเสนอราคาได้โดยตรง
ก่อนเลือกคลาส
เลือกเรียนเฉพาะบางหัวข้อได้ไหม?
ได้ คุยเป้าหมายและเวลาที่มี แล้วเลือกหัวข้อที่ต่อเนื่องและเหมาะกับพื้นฐานผู้เรียน ไม่จำเป็นต้องรวมทุกเรื่องไว้ในวันเดียว
ต้องเขียนโค้ดเป็นก่อนหรือเปล่า?
คลาสเริ่มต้น AI สำหรับการทำงานและ Marketing รับผู้เริ่มต้น ส่วน VIBE CODE และ AI Agent เหมาะกับผู้มีพื้นฐาน AI มาแล้ว ขอให้มีคอมพิวเตอร์และเตรียมเครื่องมือตามคลาส หากทีมมีประสบการณ์อยู่แล้ว สามารถเพิ่มความลึกของโจทย์ร่วมกันได้
อบรมเฉพาะงานภายในองค์กรได้ไหม?
ได้ เริ่มจากโจทย์ของทีม ออกแบบตัวอย่างโดยใช้ข้อมูลจำลองหรือข้อมูลที่องค์กรอนุญาต พร้อมตกลงเครื่องมือและข้อจำกัดก่อนเรียน