สร้าง Chrome Extensions ทำคลิปไวรัล แบบไม่เขียน Code

7 เข้าชม
Published
ไม่ต้องเรียน code ก็สร้างโปรแกรมได้แล้วในยุคนี้ ผมใช้ AI เขียน code ให้ทั้งหมด แค่บอกด้วยภาษาพูดว่าอยากได้อะไร

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

⏱️ Timeline
[00:01] - บทนำ: แนะนำการใช้ AI (Antigravity และ Gemini) ช่วยเขียน Chrome Extension เพื่อสร้างคลิปวิดีโอจาก Google Luma (Dream Machine/Luma Labs) แบบกึ่งอัตโนมัติ

[01:02] - เริ่มต้นโปรเจกต์: การสร้างไฟล์ gemini.md เพื่อกำหนดบริบท (Context) และขอบเขตงานให้ AI เข้าใจว่าเราต้องการพัฒนาอะไร

[04:33] - กำหนดความต้องการ (Requirement): สร้างระบบสำหรับทดสอบ Selector เพื่อหาปุ่มและช่องกรอกข้อมูลในหน้าเว็บ

[06:48] - อธิบาย Logic การทำงาน: ความต้องการหลักคือการกรอก Prompt อัตโนมัติและกดปุ่ม Generate ในหน้าเว็บ Luma Labs ทีละหลายๆ Prompt

[09:00] - เริ่มการ Generate Code: ใช้โมเดล Gemini 4.5 Thinking ในการเริ่มสร้างไฟล์โค้ดต่างๆ ของ Chrome Extension

[16:13] - วิธีการติดตั้ง Extension: ขั้นตอนการนำโฟลเดอร์ที่ AI สร้างให้ไปติดตั้งใน Chrome ผ่าน Developer Mode

[17:36] - การปรับปรุง UI: สั่งให้ AI แก้ไขหน้าตาเครื่องมือจากแบบ Popup ให้กลายเป็น Side Bar เพื่อการใช้งานที่สะดวกขึ้น

[19:07] - การใส่ไอคอน: วิธีการเพิ่มไฟล์ภาพไอคอน (icon.png) เข้าไปในโปรเจกต์และสั่งให้ AI อัปเดตไฟล์ manifest

[22:32] - วิธีหา Selector: สอนการใช้ Inspect Element ใน Chrome เพื่อ Copy Selector ของช่องกรอก Prompt และปุ่ม Generate

[33:57] - วิธีแก้ปัญหาเมื่อ Code ทำงานผิดพลาด: การแคปหน้าจอ Error ส่งให้ AI วิเคราะห์และแก้ไขโค้ดให้ใหม่

[39:00] - ระบบ Automation: เพิ่มระบบใส่หลาย Prompt ในครั้งเดียว และตั้งเวลาหน่วง (Delay) เช่น 60 วินาที เพื่อไม่ให้ระบบตรวจจับว่าเป็น Bot

[46:08] - การเชื่อมต่อ API: อัปเกรดเครื่องมือให้สามารถใช้ Gemini API Key เพื่อให้ AI ช่วยคิดและสร้าง Prompt ให้โดยอัตโนมัติ

[52:14] - ตรวจสอบผลลัพธ์: ทดสอบรันคำสั่งสร้างคลิปแมวและหมา และการแก้ไขโลโก้ครั้งสุดท้าย

[55:00] - บทสรุป: แนะนำการนำไปประยุกต์ใช้และการแก้ปัญหาด้วยตัวเอง


???? เกี่ยวกับช่อง
สอนการใช้ AI ช่วยเขียนโปรแกรม สร้าง SaaS และ Automation Tools สำหรับคนที่ไม่ได้เป็น Programmer แต่อยากสร้างเครื่องมือของตัวเอง


#AIWritesCode #สร้างโปรแกรมด้วยAI #AIDrivenDevelopment #NoCode #LowCode #AICoding #เขียนโปรแกรมด้วยAI #ClaudeAI #Cursor #Automation
หมวดหมู่
ความบันเทิง – Entertainment
แท็ก
AI เขียน code, สร้างโปรแกรมด้วย AI, AI-Driven Development
เข้ามาเป็นคนแรกสำหรับการแสดงความเห็นวิดีโอนี้