Skip to content

Commit

Permalink
add more generated descriptions
Browse files Browse the repository at this point in the history
  • Loading branch information
dtinth committed Oct 30, 2024
1 parent dbe53ea commit d11dd83
Show file tree
Hide file tree
Showing 6 changed files with 1,180 additions and 44 deletions.
34 changes: 18 additions & 16 deletions data/videos/bkkjs19/css-in-js.md
Original file line number Diff line number Diff line change
Expand Up @@ -6,20 +6,22 @@ managed: true
published: '2024-03-08'
subtitles: [th]
chapters:
"0:00": "แนะนำหัวข้อและวิทยากร"
"0:30": "ปัญหาของ CSS-in-JS และการค้นหาโซลูชัน"
"1:30": "แนะนำ Material UI และสถิติการใช้งาน"
"3:26": "ความท้าทายในการพัฒนา open source ขนาดใหญ่"
"4:28": "อธิบาย CSS-in-JS และข้อดีของมัน"
"6:54": "การลดลงของความนิยมใน CSS-in-JS"
"8:05": "ปัญหาความเข้ากันไม่ได้กับ React Server Components"
"10:17": "การค้นหาโซลูชันใหม่สำหรับ CSS-in-JS"
"12:20": "แนะนำ Zero Runtime CSS-in-JS"
"14:20": "การ migrate จาก Emotion ไปสู่ Zero Runtime"
"17:20": "กระบวนการทำงานของ Zero Runtime ในช่วง build time"
"20:10": "การจัดการ dynamic styles ใน Zero Runtime"
"21:54": "ผลลัพธ์และประโยชน์ของ Zero Runtime"
"23:06": "การทดสอบประสิทธิภาพของ Zero Runtime"
"24:12": "แผนการเปิดตัว Zero Runtime ใน Material UI v6"
"24:50": "สรุปและเปิดโอกาสสำหรับคำถาม"
'0:00': 'แนะนำหัวข้อและวิทยากร'
'0:30': 'ปัญหาของ CSS-in-JS และการค้นหาโซลูชัน'
'1:30': 'แนะนำ Material UI และสถิติการใช้งาน'
'3:26': 'ความท้าทายในการพัฒนา open source ขนาดใหญ่'
'4:28': 'อธิบาย CSS-in-JS และข้อดีของมัน'
'6:54': 'การลดลงของความนิยมใน CSS-in-JS'
'8:05': 'ปัญหาความเข้ากันไม่ได้กับ React Server Components'
'10:17': 'การค้นหาโซลูชันใหม่สำหรับ CSS-in-JS'
'12:20': 'แนะนำ Zero Runtime CSS-in-JS'
'14:20': 'การ migrate จาก Emotion ไปสู่ Zero Runtime'
'17:20': 'กระบวนการทำงานของ Zero Runtime ในช่วง build time'
'20:10': 'การจัดการ dynamic styles ใน Zero Runtime'
'21:54': 'ผลลัพธ์และประโยชน์ของ Zero Runtime'
'23:06': 'การทดสอบประสิทธิภาพของ Zero Runtime'
'24:12': 'แผนการเปิดตัว Zero Runtime ใน Material UI v6'
'24:50': 'สรุปและเปิดโอกาสสำหรับคำถาม'
description: |
ปัญหาและทางออกของ CSS-in-JS ในยุคใหม่ พบกับคุณจุ้น UI engineer จากทีม MUI ผู้พัฒนา Material UI library ยอดนิยมบน React เขาจะมาเล่าถึงปัญหาที่พบเจอจากการใช้งาน CSS-in-JS ในโปรเจคขนาดใหญ่ รวมถึงข้อจำกัดในการใช้งานร่วมกับเทคโนโลยีใหม่ๆ อย่าง React Server Components พร้อมเจาะลึกแนวโน้มการใช้งาน CSS-in-JS ที่กำลังลดลง และทางเลือกใหม่ๆ ที่น่าสนใจอย่าง Next Generation CSS-in-JS เช่น Vanilla Extract, Compiled, Panda CSS, Linaria, Stylex และ Griffel โดยเฉพาะ Linaria ที่ทางทีม MUI เลือกใช้เป็นพื้นฐานในการพัฒนา Zero Runtime engine ใหม่ มาร่วมสำรวจอนาคตของการจัดการสไตล์ใน JavaScript และเรียนรู้วิธีการสร้างเว็บแอปพลิเคชันที่รวดเร็วและมีประสิทธิภาพยิ่งขึ้น
---
44 changes: 23 additions & 21 deletions data/videos/bkkjs19/test.md
Original file line number Diff line number Diff line change
Expand Up @@ -6,25 +6,27 @@ managed: true
published: '2024-02-09'
subtitles: [th]
chapters:
"0:00": "เริ่มการบรรยายและแนะนำตัว"
"0:24": "คำถามเกี่ยวกับการทดสอบซอฟต์แวร์และความสำคัญ"
"1:04": "การเลือกระหว่างคุณภาพและปริมาณในการพัฒนาซอฟต์แวร์"
"1:55": "ต้นทุนของข้อผิดพลาดและความสำคัญของการทดสอบ"
"3:25": "ความสำคัญของคุณภาพและการทดสอบในการพัฒนาซอฟต์แวร์"
"4:34": "รูปแบบการทดสอบแบบต่างๆ และการเลือกใช้"
"6:06": "การทดสอบเป็นระดับของความเชื่อมั่น"
"7:11": "การทดสอบควรเป็นกิจกรรมต่อเนื่องตลอดกระบวนการพัฒนา"
"8:56": "การทดสอบที่ดีควรมีคุณสมบัติอะไรบ้าง"
"10:01": "การเลือกระหว่าง Test First และ Test Last"
"12:03": "การพัฒนาแบบ Iterative และ Incremental"
"13:51": "การทดสอบแบบ Feature-based และการพัฒนาทีละขั้นตอน"
"15:49": "การทดสอบใน JavaScript: เครื่องมือและวิธีการ"
"17:58": "ความท้าทายในการทดสอบระบบ Frontend และ Backend แยกกัน"
"20:54": "การแยกทดสอบ Frontend และ Backend อย่างอิสระ"
"22:42": "การใช้ Playwright สำหรับการทดสอบ Frontend"
"24:21": "การทดสอบ Backend ด้วย Supertest และการ Mock"
"26:42": "การใช้ Contract Testing เพื่อรักษาความสอดคล้องระหว่าง Frontend และ Backend"
"29:04": "ประโยชน์ของ Contract Testing และการใช้ Pact Broker"
"30:37": "ความสำคัญของการทดสอบทางธุรกิจและการเพิ่มมูลค่าโดยนักพัฒนา"
"31:57": "สรุปและคำแนะนำสุดท้ายเกี่ยวกับการทดสอบ"
'0:00': 'เริ่มการบรรยายและแนะนำตัว'
'0:24': 'คำถามเกี่ยวกับการทดสอบซอฟต์แวร์และความสำคัญ'
'1:04': 'การเลือกระหว่างคุณภาพและปริมาณในการพัฒนาซอฟต์แวร์'
'1:55': 'ต้นทุนของข้อผิดพลาดและความสำคัญของการทดสอบ'
'3:25': 'ความสำคัญของคุณภาพและการทดสอบในการพัฒนาซอฟต์แวร์'
'4:34': 'รูปแบบการทดสอบแบบต่างๆ และการเลือกใช้'
'6:06': 'การทดสอบเป็นระดับของความเชื่อมั่น'
'7:11': 'การทดสอบควรเป็นกิจกรรมต่อเนื่องตลอดกระบวนการพัฒนา'
'8:56': 'การทดสอบที่ดีควรมีคุณสมบัติอะไรบ้าง'
'10:01': 'การเลือกระหว่าง Test First และ Test Last'
'12:03': 'การพัฒนาแบบ Iterative และ Incremental'
'13:51': 'การทดสอบแบบ Feature-based และการพัฒนาทีละขั้นตอน'
'15:49': 'การทดสอบใน JavaScript: เครื่องมือและวิธีการ'
'17:58': 'ความท้าทายในการทดสอบระบบ Frontend และ Backend แยกกัน'
'20:54': 'การแยกทดสอบ Frontend และ Backend อย่างอิสระ'
'22:42': 'การใช้ Playwright สำหรับการทดสอบ Frontend'
'24:21': 'การทดสอบ Backend ด้วย Supertest และการ Mock'
'26:42': 'การใช้ Contract Testing เพื่อรักษาความสอดคล้องระหว่าง Frontend และ Backend'
'29:04': 'ประโยชน์ของ Contract Testing และการใช้ Pact Broker'
'30:37': 'ความสำคัญของการทดสอบทางธุรกิจและการเพิ่มมูลค่าโดยนักพัฒนา'
'31:57': 'สรุปและคำแนะนำสุดท้ายเกี่ยวกับการทดสอบ'
description: |
ปัญหาโลกแตกของนักพัฒนา! ทำไมเขียนโค้ดเสร็จแล้ว แต่ยังไม่เสร็จสักที? มาร่วมหาคำตอบกับคุณสมเกียรติ ในหัวข้อ JavaScript testing 0-7 หรือ everyday ที่เจาะลึกเรื่องการทดสอบ JavaScript ตั้งแต่ปัญหาพื้นฐานอย่าง quality vs. quantity ความสำคัญของ cost of bug ไปจนถึงการเลือกใช้กลยุทธ์การทดสอบที่เหมาะสม ไม่ว่าจะเป็น manual test, automation, end-to-end test, contract test รวมถึงการใช้เครื่องมือยอดนิยมอย่าง Playwright, Supertest และ Pact คุณสมเกียรติจะมาแชร์ประสบการณ์และมุมมองเกี่ยวกับการสร้างความเชื่อมั่นในโค้ด ลดปัญหา bug และเพิ่มประสิทธิภาพในการทำงาน
---
2 changes: 2 additions & 0 deletions data/videos/bkkjs19/vitepress.md
Original file line number Diff line number Diff line change
Expand Up @@ -17,4 +17,6 @@ chapters:
'11:04': 'ตัวอย่างการปรับแต่ง - ระบบ feedback และ comment'
'12:42': 'ตัวอย่างการปรับแต่ง - typography'
'15:18': 'สรุป'
description: |
มาทำความรู้จักกับ VitePress เครื่องมือสำหรับสร้างเว็บไซต์ความรู้สวยๆ ได้อย่างง่ายดาย ใน session นี้ ไท Software Engineer จาก Eventpop จะมาแบ่งปันประสบการณ์การใช้งาน VitePress สร้างเว็บไซต์หลากหลายรูปแบบ ตั้งแต่เว็บรวมบทความภาษาไทยเกี่ยวกับ software development ไปจนถึงเว็บไซต์สำหรับ community ห้องซ้อมดนตรีออนไลน์ ไทจะพาไปสำรวจข้อดีของ VitePress ทั้งในมุมมองของผู้ใช้งานและนักพัฒนาเว็บไซต์ ไม่ว่าจะเป็น default theme ที่สวยงามและปรับแต่งได้ง่าย ฟีเจอร์ Vue in Markdown สำหรับสร้าง interactive components และเทคนิคการจัดรูปแบบข้อความภาษาไทยให้สวยงามและอ่านง่าย มาร่วมเรียนรู้และค้นพบวิธีสร้างเว็บไซต์ความรู้ของคุณเองด้วย VitePress
---
40 changes: 40 additions & 0 deletions data/videos/bkkjs19/web-landscape.md
Original file line number Diff line number Diff line change
Expand Up @@ -4,4 +4,44 @@ speaker: Warat Wongmaneekit
youtube: ENPJ4_Kq-lY
managed: true
published: true
subtitles: [th]
chapters:
'00:00': 'แนะนำ Thailand Web Landscape โปรเจคสำรวจเว็บไทย'
'00:19': 'ที่มาของโปรเจคและวิธีการเก็บข้อมูลเว็บไซต์'
'00:49': 'วัตถุประสงค์ของโปรเจค: วิเคราะห์ประสิทธิภาพและเทคโนโลยีที่ใช้สร้างเว็บ'
'01:05': 'แหล่งที่มาของรายชื่อเว็บไซต์ที่ใช้ในการสำรวจ'
'01:24': 'จำนวนเว็บไซต์ที่ใช้ในการทดสอบทั้งหมด'
'01:49': 'ผลการทดสอบ Web Vitals บนมือถือ: คะแนนแย่มาก'
'02:42': 'สาเหตุที่ Web Vitals บนมือถือดูแย่: อินเทอร์เน็ตจำลองช้า'
'03:03': 'การกระจายตัวของคะแนน Web Vitals บนมือถือ: ส่วนใหญ่ช้า'
'03:45': 'ผลการทดสอบ Web Vitals บน Desktop: คะแนนดีมาก'
'04:07': 'การกระจายตัวของคะแนน Web Vitals บน Desktop: ส่วนใหญ่เร็ว'
'04:36': 'ผลการทดสอบ Lighthouse: คะแนนเฉลี่ยของเว็บไทย'
'05:12': 'สิ่งที่ทำให้เว็บไซต์ไทยโหลดช้าบนมือถือและ Desktop'
'06:34': 'HTTPS, notification, cookie และ error'
'07:15': "SSL Provider ที่นิยมใช้ในเว็บไทย: Let's Encrypt ครองตลาด"
'07:30': 'PWA: 10% ของเว็บไซต์ไทยรองรับแล้ว'
'07:51': 'SEO: ปัญหาของเว็บไทยคือ Canonical, Description และ robots.txt'
'08:12': 'Tech Stack ฝั่ง Backend: PHP ยังครองตลาด'
'08:51': 'Frontend War: React ชนะ Vue และ Angular'
'09:28': 'jQuery ยังคงถูกใช้อย่างแพร่หลายในเว็บไทย'
'10:00': 'ไลบรารี่และเครื่องมือยอดนิยมอื่นๆ ที่ใช้ในเว็บไทย'
'10:24': 'Service Worker และการรองรับ Legacy Browser'
'10:56': 'Firebase, Gatsby, TypeScript และอื่นๆ'
'11:23': 'Widget ยอดนิยม: Google Font, Font Awesome และ AMP'
'11:37': 'Facebook Login, Google Tag Manager และ reCAPTCHA'
'11:54': 'CMS: WordPress ครองตลาด 15%'
'12:08': 'Web Server: Apache และ Nginx'
'12:28': 'Cloud Provider: AWS, Google Cloud และ DigitalOcean'
'12:55': 'Server Location: 17% อยู่ในไทย'
'13:05': 'Email Provider: Microsoft ชนะ Google'
'13:24': 'E-commerce Site: WooCommerce ครองตลาด'
'13:42': 'CrUX และ Cloudflare Radar'
'14:14': 'Third-Party JavaScript: Google ครองตลาดโฆษณาและ Analytics'
'15:07': 'Social Script: Facebook, Twitter และ TikTok'
'15:23': 'สรุปผลการสำรวจและข้อจำกัด'
'16:27': 'อนาคตของ Thailand Web Landscape และการขอความร่วมมือ'
'17:05': 'ดาวน์โหลดรายงานและขอบคุณ'
description: |
มาสำรวจภูมิทัศน์เว็บไซต์ในประเทศไทยปี 2023 กับผลการวิเคราะห์ข้อมูลเชิงลึกกว่า 11,700 เว็บไซต์! พบกับข้อมูลสถิติที่น่าสนใจเกี่ยวกับเทคโนโลยีที่ใช้งานบนเว็บไทย ไม่ว่าจะเป็น PHP, React, jQuery หรือ WordPress พร้อมเจาะลึกประเด็น Web Vitals, Lighthouse score และ best practice ที่เว็บไทยควรปรับปรุง มาร่วมรับฟังข้อมูลเชิงลึกและแนวโน้มของวงการพัฒนาเว็บในไทย และร่วมเป็นส่วนหนึ่งในการพัฒนาฐานข้อมูลเว็บไซต์ไทยให้สมบูรณ์ยิ่งขึ้นในปีต่อๆ ไป
---
Loading

0 comments on commit d11dd83

Please sign in to comment.