โจทย์เกมการแข่งขันเขียนโค้ดควบคุม Chrome 🤖 เฉลยโดยที่ 1 ของแต่ละข้อ | Browser automation challenges

สัปดาห์ก่อน ผมจัดอีเวนต์นึงที่มีชื่อว่า Browser automation challenges ครับ ในงานนี้จะมีภารกิจต่างๆ ให้ทำ เป็นภารกิจที่อยู่ในรูปแบบของหน้าเว็บซึ่งมนุษย์ธรรมดาทั่วไปเนี่ย อาจจะไม่สามารถทำภารกิจนี้ได้สำเร็จ ก็จะต้องเขียนโค้ดมาควบคุมเว็บบราวเซอร์เพื่อทำงานแทนเรา เพื่อที่จะแก้ปัญหาให้สำเร็จครับ โดยในงานมีโจทย์ 8 ข้อ, เวลา 2 ชั่วโมง, มีผู้เข้าแข่งขัน 10 ทีม หลังจากที่หมดเวลาเราก็รวบรวมคะแนนทั้งหมดแล้วก็มาแจกรางวัลกันตามลำดับครับ หลังจบงานผมได้รับ feedback ว่าอยากฟังวิธีคิดและวิธีแก้จากอันดับ 1 ของแต่ละโจทย์ ก็เลยกลายมาเป็นคลิปนี้ครับ ดูรายละเอียดกิจกรรม โจทย์ต่างๆ รายชื่อทีม สปอนเซอร์ และทีมงานได้ที่: https://showdown.space/events/browser... ถ้าใครกำลังหางานสายนี้ สปอนเซอร์งานนี้หลายๆ เจ้า กำลังหาคนมาร่วมงานด้วยอยู่ครับบ ดูข้อมูลได้ที่ https://grtn.org/bac-recruitment ได้เลย ขอขอบคุณสปอนเซอร์: ・ BigBears.IO ・ Cleverse — https://cleverse.com/ ・ We Love Bug Biz —   / welovebugbiz   ・ My Order —   / myorder   ・ EarnIn — https://www.earnin.com/careers ・ Nonzero Sumgame —   / kreme.ang.2024   ・ DEV Forward —   / devforward.tech   ・ Phoomparin Mano —    / @heypoom   ขอขอบคุณทีมงาน: ・ Thai Pangsakulyanont ・ Panthipa Suksirisorn ・ Natworpong Loyswai ・ Kamol Triwatchararatna ・ Kanin Kearpimy ・ Khimjare Chodkaodee ・ Nanpipat Klinpratoom ・ Nutthapat Pongtanyavichai ・ Manassarn Manoonchai — ‪@narzeLIVE‬ ・ Patharadanai Srisawat ・ Phumrapee Limpianchop — ‪@rayriffy‬ ・ Thanapat Chotipun ・ Wasin Silakong งาน showdown.space ภายใต้ Creatorsgarten    / @creatorsgarten   00:00 | เกริ่นนำงาน Browser Automation Challenges และที่มาของคลิปนี้ 01:07 | ภาพรวมของคลิป: อธิบายโจทย์และสัมภาษณ์ทีมผู้ชนะ 01:39 | อธิบายโจทย์ข้อ 1_hunting (หาเลขในกล่อง) 02:26 | อธิบายโจทย์ข้อ 2_seven (กด Seven Segment ให้ตรงเลข) 03:14 | อธิบายโจทย์ข้อ 3_blog (หาบทความที่หายไป, ซ้ำ, และนับคำผิด) 04:35 | อธิบายโจทย์ข้อ 4_robot (บังคับหุ่นยนต์ออกจากเขาวงกต) 05:23 | อธิบายโจทย์ข้อ 5_button (แก้โจทย์คณิต 100 ข้อใน 1 นาที) 06:07 | อธิบายโจทย์ข้อ 6_typing (พิมพ์ Manoonchai Keyboard ให้ได้ 420.69 WPM) 08:16 | อธิบายโจทย์ข้อ 7_towers (เรียงลำดับหอคอยใน 10 วินาที) 08:51 | อธิบายโจทย์ข้อ 8_calendar (ตั้งค่าปฏิทิน 20 ครั้งใน 1 นาที) 10:23 | สรุปโจทย์และเชิญชวนไปลองทำโจทย์ด้วยตัวเอง 10:38 | สัมภาษณ์ทีม NPM (ที่ 1): แนะนำตัวและการเตรียมตัว 12:04 | ทีม NPM เฉลยข้อ 2_seven: วิธีคิดและการ decode เลข 13:57 | ทีม NPM เฉลยข้อ 3_blog: ดาวน์โหลด CSV, scrape เว็บ, และตรวจสอบ 16:44 | ทีม NPM เฉลยข้อ 7_towers: Playwright UI Mode และ Selection Sort 19:04 | ทีม NPM: เคล็ดลับความสำเร็จและการทำงานเป็นทีม 20:49 | ทีม NPM ขายของ: Softnetics บริษัทที่สนุกกับการเขียนโค้ด 21:24 | สัมภาษณ์ทีม MyGeek (ที่ 2): แนะนำตัวและการเตรียมตัว 23:50 | ทีม MyGeek เฉลยข้อ 1_hunting: เก็บเลขและตรวจสอบ div 24:49 | ทีม MyGeek เฉลยข้อ 6_typing: QWERTY vs. Manoonchai 27:40 | ทีม MyGeek: เคล็ดลับความสำเร็จและการใช้ ChatGPT, Cody 28:38 | ทีม MyGeek ขายของ: MyOrder กำลังขยายทีม 29:55 | สัมภาษณ์ทีม หมูเด้ง (ที่ 3): แนะนำตัวและการเตรียมตัว 31:58 | ทีม หมูเด้ง เฉลยข้อ 4_robot: เดินแนบกำแพงและ Playwright Recorder 37:10 | ทีม หมูเด้ง: เคล็ดลับความสำเร็จและการเลือกทำโจทย์ 38:50 | ทีม หมูเด้ง ขายของ: อยากให้ QA มากันเยอะๆ 40:22 | สัมภาษณ์ทีม undefined (ที่ 4): แนะนำตัว 40:51 | ทีม undefined เฉลยข้อ 5_button: XPath, WebDriverIO, และลักไก่ด้วย JavaScript 44:33 | ทีม undefined: การเตรียมตัวและการใช้ Gemini 46:40 | เฉลย 8_calendar: เตรียม array และ Playwright VS Code Extension 48:32 | เฉลย 8_calendar: เลือกปี 49:13 | เฉลย 8_calendar: เลือกเดือน 50:39 | เฉลย 8_calendar: เลือกวัน 51:32 | เฉลย 8_calendar: เลือกชั่วโมงและนาทีด้วยเรขาคณิตวิเคราะห์และตรีโกณมิติ 54:33 | ปิดท้าย