เซสชั่นจับฉ่าย 2024 (ที่งาน JavaScript Bangkok 2.0.0) (speaker's POV)

หัวข้อนำเสนอในอีเวนท์ JavaScript Bangkok 2.0.0 ครั้งนี้ มีหลายเรื่องมากที่ผมอยากเล่า เลยเอาเรื่องต่างๆ ที่ได้เรียนรู้ปีนี้ มามัดรวมกันเป็นเซสชั่นนี้ครับ ◻️ สรุปโดย AI ไท ปังสกุลยานนท์ จาก Eventpop และคอมมูนิตี้ Creatorsgarten มาแชร์ประสบการณ์และเครื่องมือที่ใช้เพื่อสร้าง workflow ให้ชีวิตง่ายขึ้นในปีนี้ โดยเน้นไปที่โปรเจ็คสร้างเว็บไซต์ Creatorsgarten.org และการทำ subtitle ให้อัตโนมัติ ไทจะพาไปสำรวจการใช้ large language model อย่าง ChatGPT, Claude และ Gemini รวมถึงเทคนิคการใช้งานผ่าน console เพื่อประหยัดค่าใช้จ่าย พร้อมเปรียบเทียบข้อดีข้อเสียของแต่ละโมเดล นอกจากนี้ยังมีการแนะนำเครื่องมืออื่นๆ เช่น Open WebUI, LiteLLM, Grist และ Google Apps Script ที่ช่วยในการพัฒนาและจัดการงานต่างๆ ได้อย่างมีประสิทธิภาพ มาร่วมเรียนรู้และค้นพบเครื่องมือที่จะช่วยเพิ่ม productivity และประหยัดเวลาในการทำงานของคุณ ◻️ Thanks event host ‪@rayriffy‬ ‪@creatorsgarten‬ session emcee ‪@antronic0inc‬ camera ‪@pattvira‬ ◻️ Chapters 0:00 | เกริ่นนำ: ทำชีวิตให้ง่ายขึ้นด้วยเครื่องมือและโปรเจ็คส่วนตัว 1:33 | โปรเจ็ค Creatorsgarten.org: แพลตฟอร์มสำหรับนักสร้างสรรค์ 3:28 | ความท้าทายในการทำ Subtitle และเป้าหมายของโปรเจ็ค 4:42 | วิธีทำ Subtitle แบบ Manual และข้อจำกัด 6:46 | Large Language Models: เปรียบเทียบ ChatGPT, Claude และ Gemini 9:00 | ทดสอบความสามารถภาษาไทยของ LLMs แต่ละตัว 12:09 | ข้อดีของการใช้โมเดลผ่าน Console และแนะนำ Google AI Studio 14:10 | โปรเจ็คสแกนใบเสร็จอัตโนมัติด้วย Google AI Studio และ Gemini 16:03 | แนะนำ Open WebUI และ LiteLLM สำหรับการใช้งาน LLMs ที่ยืดหยุ่น 18:25 | Grist: เครื่องมือ Self-Hosted สำหรับจัดการข้อมูล 19:22 | เปรียบเทียบข้อดีข้อเสีย LLMs แต่ละตัว: Gemini, Claude, GPT-4 25:36 | Perplexity: AI Model สำหรับข้อมูลปัจจุบัน 27:21 | กลับมาที่โปรเจ็ค Subtitle: เปรียบเทียบ Speech-to-Text หลายเจ้า 29:15 | ใช้ Whisper และ LLMs ช่วยทำ Subtitle 31:59 | Multimodal AI: ใช้ Gemini ถอดคำพูดจากวิดีโอโดยตรง 33:20 | ปัญหาและวิธีแก้ไขในการใช้ Gemini ทำ Subtitle 37:15 | สรุปขั้นตอนการทำ Subtitle อัตโนมัติและ GitHub Repo 38:30 | TypeScript และเครื่องมือที่ช่วยลดความยุ่งยากในการพัฒนา 39:05 | การแชร์ประสบการณ์และเรียนรู้จากคนอื่นๆ ในชุมชน 40:18 | เครื่องมืออื่นๆ ที่น่าสนใจ: CapCut และ iApp ASR Pro 42:35 | ใช้ AI ช่วยออกแบบ UI ด้วย V0.dev 43:14 | สร้างโปรแกรมแก้ไข Subtitle ด้วย Google Apps Script 45:27 | การสร้างและเผยแพร่ TypeScript Library ด้วย JSR 46:46 | การสร้าง Description และ Chapters ด้วย Gemini