Web Platform APIs: สำรวจขอบเขตใหม่ของการผสานฟีเจอร์ JavaScript เชิงทดลอง

เว็บมีการพัฒนาอย่างต่อเนื่อง ฟีเจอร์ใหม่ๆ ของ JavaScript ถูกนำเสนอ พัฒนา และกำหนดเป็นมาตรฐานอย่างรวดเร็ว Web Platform APIs เป็นกลไกสำหรับนักพัฒนาในการทดลองใช้ฟีเจอร์เหล่านี้ ซึ่งทำให้เราได้เห็นภาพอนาคตของการพัฒนาเว็บ และเปิดโอกาสให้มีการนำไปใช้ก่อนใครพร้อมทั้งให้ข้อเสนอแนะอันมีค่าก่อนที่ฟีเจอร์เหล่านั้นจะกลายเป็นมาตรฐานและถูกนำไปใช้อย่างแพร่หลายในเบราว์เซอร์ต่างๆ บทความนี้จะเจาะลึกโลกแห่งการผสานฟีเจอร์ JavaScript เชิงทดลองโดยใช้ Web Platform APIs โดยจะกล่าวถึงประโยชน์ ความเสี่ยง และกลยุทธ์การใช้งานจริงเพื่อใช้ประโยชน์จากเครื่องมืออันทรงพลังเหล่านี้ในโปรเจกต์การพัฒนาเว็บระดับโลกของคุณได้อย่างมีประสิทธิภาพ

Web Platform APIs คืออะไร?

Web Platform APIs คือชุดของอินเทอร์เฟซและฟังก์ชันการทำงานที่เบราว์เซอร์เปิดให้นักพัฒนาใช้เพื่อโต้ตอบกับสภาพแวดล้อมและฮาร์ดแวร์ของเบราว์เซอร์ API เหล่านี้ให้การเข้าถึงความสามารถที่หลากหลาย ตั้งแต่การจัดการ DOM (Document Object Model) และการจัดการคำขอเครือข่าย ไปจนถึงการเข้าถึงเซ็นเซอร์ พื้นที่จัดเก็บข้อมูล และกราฟิกขั้นสูง API เหล่านี้ถูกกำหนดมาตรฐานโดยองค์กรอย่าง W3C (World Wide Web Consortium) และ WHATWG (Web Hypertext Application Technology Working Group) เพื่อให้แน่ใจว่าสามารถทำงานร่วมกันข้ามเบราว์เซอร์ได้ อย่างไรก็ตาม API บางตัวหรือฟีเจอร์ของ API ที่มีอยู่อาจถือเป็นแบบทดลองหรือชั่วคราว ซึ่งหมายความว่ายังอยู่ระหว่างการพัฒนาและอาจมีการเปลี่ยนแปลงได้

ทำไมต้องใช้ฟีเจอร์ JavaScript เชิงทดลอง?

การผสานฟีเจอร์ JavaScript เชิงทดลองสามารถมอบข้อได้เปรียบหลายประการ โดยเฉพาะสำหรับนักพัฒนาที่ต้องการก้าวนำหน้าและสร้างเว็บแอปพลิเคชันที่เป็นนวัตกรรมใหม่ ประโยชน์เหล่านี้รวมถึง:

• การเข้าถึงฟังก์ชันใหม่ๆ ก่อนใคร: เข้าถึงฟีเจอร์ที่ล้ำสมัยก่อนที่จะเปิดให้ใช้งานทั่วไป ช่วยให้คุณสามารถสร้างโซลูชันที่เป็นนวัตกรรมและสร้างความแตกต่างให้กับแอปพลิเคชันของคุณได้ ตัวอย่างเช่น API การประมวลผลภาพใหม่ๆ อาจช่วยให้เว็บไซต์สามารถนำเสนอเอฟเฟกต์ภาพขั้นสูงได้โดยไม่ต้องพึ่งพาการประมวลผลฝั่งเซิร์ฟเวอร์
• โอกาสในการให้ข้อเสนอแนะ: มีส่วนร่วมในกระบวนการสร้างมาตรฐานโดยการให้ข้อเสนอแนะอันมีค่าแก่ผู้พัฒนาเบราว์เซอร์และองค์กรมาตรฐานต่างๆ จากการใช้งานและประสบการณ์จริงของคุณ ซึ่งจะช่วยกำหนดทิศทางอนาคตของแพลตฟอร์มเว็บ
• ความได้เปรียบในการแข่งขัน: เป็นหนึ่งในกลุ่มแรกที่ใช้ประโยชน์จากเทคโนโลยีใหม่ๆ ซึ่งอาจทำให้ได้เปรียบคู่แข่งในตลาด ลองจินตนาการว่าคุณเป็นเว็บไซต์อีคอมเมิร์ซเจ้าแรกที่ใช้ Payment API ใหม่เพื่อประสบการณ์การชำระเงินที่ราบรื่นและปลอดภัยยิ่งขึ้น
• ยกระดับประสบการณ์ผู้ใช้: ใช้ API ใหม่ๆ เพื่อสร้างประสบการณ์ผู้ใช้ที่สมบูรณ์แบบ โต้ตอบได้ดีขึ้น และมีประสิทธิภาพมากขึ้น API ใหม่สำหรับการจัดการแอนิเมชันที่ซับซ้อนอาจทำให้การเปลี่ยนหน้า (transition) ราบรื่นขึ้นและสร้างปฏิสัมพันธ์ที่น่าดึงดูดยิ่งขึ้นบนเว็บไซต์ของคุณ
• การเรียนรู้และพัฒนาทักษะ: การทำงานกับฟีเจอร์เชิงทดลองเป็นโอกาสในการเรียนรู้และพัฒนาทักษะใหม่ๆ ทำให้คุณทันต่อเทรนด์การพัฒนาเว็บอยู่เสมอ

ความเสี่ยงของการใช้ฟีเจอร์เชิงทดลอง

แม้ว่าประโยชน์ของการใช้ฟีเจอร์เชิงทดลองจะมีมากมาย แต่สิ่งสำคัญคือต้องรับทราบและลดความเสี่ยงที่เกี่ยวข้องด้วย:

• ความไม่เสถียรและการเปลี่ยนแปลงที่อาจทำให้ระบบเสียหาย (Breaking Changes): ฟีเจอร์เชิงทดลองอาจมีการเปลี่ยนแปลง และอาจถูกลบหรือแก้ไขในเบราว์เซอร์เวอร์ชันถัดไป ซึ่งอาจทำให้แอปพลิเคชันของคุณใช้งานไม่ได้
• การรองรับเบราว์เซอร์ที่จำกัด: ฟีเจอร์เชิงทดลองอาจมีให้ใช้งานเฉพาะในบางเบราว์เซอร์หรือเวอร์ชันของเบราว์เซอร์เท่านั้น ซึ่งจำเป็นต้องมีการตรวจจับฟีเจอร์และกลไกสำรอง (fallback) อย่างระมัดระวัง ตัวอย่างเช่น API การเร่งความเร็วฮาร์ดแวร์ใหม่อาจมีให้ใช้เฉพาะใน Chrome และ Firefox เวอร์ชันล่าสุดในช่วงแรกเท่านั้น
• ช่องโหว่ด้านความปลอดภัย: API เชิงทดลองอาจยังไม่ผ่านการตรวจสอบความปลอดภัยอย่างละเอียดถี่ถ้วน ซึ่งอาจก่อให้เกิดช่องโหว่ในแอปพลิเคชันของคุณได้
• ปัญหาด้านประสิทธิภาพ: การใช้งานฟีเจอร์เชิงทดลองอาจยังไม่ได้รับการปรับให้เหมาะสมอย่างเต็มที่ ซึ่งอาจนำไปสู่ปัญหาด้านประสิทธิภาพได้
• การขาดเอกสารและการสนับสนุนจากชุมชน: เอกสารสำหรับฟีเจอร์เชิงทดลองอาจไม่สมบูรณ์หรือล้าสมัย และการสนับสนุนจากชุมชนอาจมีจำกัด
• โอกาสที่จะถูกยกเลิกการใช้งาน (Deprecation): ฟีเจอร์นั้นอาจไม่กลายเป็นมาตรฐานและอาจถูกยกเลิกไปทั้งหมด ทำให้ต้องมีการแก้ไขโค้ดของคุณใหม่เป็นอย่างมาก

กลยุทธ์เพื่อการผสานที่ปลอดภัยและมีประสิทธิภาพ

เพื่อลดความเสี่ยงที่เกี่ยวข้องกับการผสานฟีเจอร์ JavaScript เชิงทดลอง ควรนำกลยุทธ์ต่อไปนี้มาใช้:

1. การตรวจจับฟีเจอร์ (Feature Detection)

ใช้การตรวจจับฟีเจอร์เสมอเพื่อตรวจสอบว่าเบราว์เซอร์รองรับฟีเจอร์เชิงทดลองนั้นหรือไม่ก่อนที่จะพยายามใช้งาน วิธีนี้จะช่วยป้องกันข้อผิดพลาดและช่วยให้คุณสามารถเตรียมทางเลือกสำรอง (graceful fallbacks) สำหรับเบราว์เซอร์ที่ไม่รองรับฟีเจอร์นั้นได้ นี่คือตัวอย่างง่ายๆ:

            if ('newAwesomeFeature' in window) {
 // Use the new awesome feature
 window.newAwesomeFeature();
} else {
 // Provide a fallback solution
 console.log('New awesome feature not supported');
}

            

              
                Copy
              
            
          

สำหรับการตรวจจับฟีเจอร์ที่ซับซ้อนยิ่งขึ้น ลองพิจารณาใช้ไลบรารีอย่าง Modernizr

2. Polyfills

Polyfills ช่วยให้เบราว์เซอร์รุ่นเก่าสามารถใช้งานฟีเจอร์ที่ขาดหายไปได้โดยใช้ JavaScript APIs ที่มีอยู่ ทำให้คุณสามารถใช้ฟีเจอร์เชิงทดลองในเบราว์เซอร์รุ่นเก่าได้โดยไม่ทำให้ความเข้ากันได้เสียหาย ตัวอย่างเช่น คุณสามารถใช้ polyfill สำหรับ `fetch` API เพื่อรองรับ Internet Explorer เวอร์ชันเก่า

Polyfills จำนวนมากมีให้ใช้งานในรูปแบบแพ็คเกจ npm และสามารถรวมเข้ากับโปรเจกต์ของคุณได้อย่างง่ายดายโดยใช้ module bundler อย่าง Webpack หรือ Parcel

3. Feature Flags

ใช้ Feature Flags เพื่อควบคุมการเปิดใช้งานฟีเจอร์เชิงทดลองในแอปพลิเคชันของคุณ ซึ่งช่วยให้คุณสามารถเปิดหรือปิดฟีเจอร์ได้แบบไดนามิกโดยไม่ต้องปรับใช้โค้ดใหม่ Feature Flags สามารถควบคุมผ่านไฟล์การกำหนดค่า, ตัวแปรสภาพแวดล้อม, หรือบริการกำหนดค่าระยะไกล

วิธีนี้มีประโยชน์อย่างยิ่งสำหรับการทดสอบ A/B และการเปิดตัวแบบค่อยเป็นค่อยไป ลองจินตนาการว่าคุณกำลังทดสอบองค์ประกอบส่วนติดต่อผู้ใช้ใหม่ Feature Flags ช่วยให้คุณสามารถแสดงองค์ประกอบใหม่แก่ผู้ใช้เพียงส่วนน้อยในช่วงแรก และค่อยๆ เพิ่มจำนวนขึ้นเมื่อคุณรวบรวมข้อเสนอแนะและมั่นใจในความเสถียรแล้ว

4. Progressive Enhancement

ออกแบบแอปพลิเคชันของคุณโดยใช้หลักการ Progressive Enhancement เพื่อให้แน่ใจว่าแอปพลิเคชันมีฟังก์ชันการทำงานพื้นฐานสำหรับผู้ใช้ทุกคน ไม่ว่าความสามารถของเบราว์เซอร์จะเป็นอย่างไร จากนั้นจึงเพิ่มประสบการณ์ที่ดีขึ้นสำหรับผู้ใช้ที่ใช้เบราว์เซอร์สมัยใหม่ที่รองรับฟีเจอร์เชิงทดลอง แนวทางนี้รับประกันการเข้าถึงและการใช้งานสำหรับกลุ่มเป้าหมายที่กว้างขึ้น

ตัวอย่างเช่น แทนที่จะพึ่งพา API แอนิเมชันที่ล้ำสมัยเพียงอย่างเดียว คุณสามารถใช้แอนิเมชันที่เรียบง่ายกว่าโดยใช้ CSS transitions สำหรับเบราว์เซอร์รุ่นเก่า และปรับปรุงให้ดีขึ้นด้วย API ใหม่ในเบราว์เซอร์ที่รองรับ

5. การกำหนดเวอร์ชันและการจัดการ Dependencies อย่างเข้มงวด

จัดการเวอร์ชันของ dependencies ของคุณอย่างระมัดระวัง รวมถึง polyfills และไลบรารีที่ต้องพึ่งพาฟีเจอร์เชิงทดลอง ใช้ตัวจัดการแพ็คเกจอย่าง npm หรือ yarn เพื่อให้แน่ใจว่าคุณกำลังใช้เวอร์ชันที่เข้ากันได้และเพื่อหลีกเลี่ยงข้อขัดแย้ง ควรกำหนดเวอร์ชันของ dependencies ให้เจาะจงเพื่อหลีกเลี่ยงการเปลี่ยนแปลงที่อาจทำให้ระบบเสียหายโดยไม่คาดคิดเมื่ออัปเดต dependencies

6. การทดสอบอย่างละเอียด

ทดสอบแอปพลิเคชันของคุณอย่างละเอียดในเบราว์เซอร์และอุปกรณ์ต่างๆ เพื่อให้แน่ใจว่าฟีเจอร์เชิงทดลองทำงานตามที่คาดไว้และทางเลือกสำรอง (fallbacks) ทำงานได้อย่างถูกต้อง ใช้เครื่องมือทดสอบอัตโนมัติเพื่อปรับปรุงกระบวนการทดสอบและตรวจจับปัญหาที่อาจเกิดขึ้นได้ตั้งแต่เนิ่นๆ พิจารณาใช้ browser emulators และแพลตฟอร์มทดสอบบนอุปกรณ์จริงเพื่อให้ครอบคลุมสภาพแวดล้อมที่หลากหลาย

7. ติดตามข่าวสารอยู่เสมอ

ติดตามความคืบหน้าล่าสุดเกี่ยวกับมาตรฐานเว็บและการใช้งานในเบราว์เซอร์ต่างๆ ติดตามบล็อก, ฟอรัม, และช่องทางโซเชียลมีเดียที่เกี่ยวข้องเพื่อรับทราบข้อมูลการเปลี่ยนแปลงของฟีเจอร์เชิงทดลองและการเปลี่ยนแปลงที่อาจทำให้ระบบเสียหาย ตรวจสอบบันทึกการเปิดตัวของเบราว์เซอร์และบล็อกของนักพัฒนาเพื่อดูประกาศเกี่ยวกับฟีเจอร์ใหม่ๆ และการเปลี่ยนแปลง API

8. เอกสารและการสื่อสาร

จัดทำเอกสารการใช้งานฟีเจอร์เชิงทดลองของคุณอย่างชัดเจน โดยอธิบายเหตุผล, รายละเอียดการนำไปใช้, และความเสี่ยงที่อาจเกิดขึ้น สื่อสารกับทีมและผู้มีส่วนได้ส่วนเสียเกี่ยวกับการใช้ฟีเจอร์เชิงทดลองและผลกระทบที่อาจเกิดขึ้นกับโปรเจกต์ เพื่อให้ทุกคนตระหนักถึงความเสี่ยงและสามารถช่วยกันลดความเสี่ยงเหล่านั้นได้

9. ใช้ฟีเจอร์เชิงทดลองเท่าที่จำเป็น

หลีกเลี่ยงการพึ่งพาฟีเจอร์เชิงทดลองมากเกินไปในส่วนสำคัญของแอปพลิเคชันของคุณ ใช้ฟีเจอร์เหล่านี้อย่างเจาะจงสำหรับการปรับปรุงหรือฟังก์ชันที่ไม่จำเป็นซึ่งความเสี่ยงที่ระบบจะเสียหายนั้นยอมรับได้ มุ่งเน้นไปที่การใช้ API ที่เสถียรและได้รับการสนับสนุนอย่างดีสำหรับฟังก์ชันหลัก

10. ติดตามประสิทธิภาพและความปลอดภัย

ติดตามประสิทธิภาพและความปลอดภัยของแอปพลิเคชันของคุณอย่างต่อเนื่องเพื่อระบุปัญหาใดๆ ที่เกี่ยวข้องกับฟีเจอร์เชิงทดลอง ใช้เครื่องมือติดตามประสิทธิภาพเพื่อดูตัวชี้วัดที่สำคัญและเครื่องมือสแกนความปลอดภัยเพื่อระบุช่องโหว่ที่อาจเกิดขึ้น จัดการข้อผิดพลาดและบันทึกข้อมูลอย่างมีประสิทธิภาพเพื่อตรวจจับและแก้ไขปัญหาที่เกิดขึ้น

ตัวอย่างฟีเจอร์และ API ของ JavaScript เชิงทดลอง

นี่คือตัวอย่างบางส่วนของฟีเจอร์และ Web Platform APIs เชิงทดลองของ JavaScript ที่นักพัฒนากำลังสำรวจอยู่ในปัจจุบัน:

• WebGPU: API กราฟิกรุ่นต่อไปที่ให้การเข้าถึงความสามารถของ GPU สมัยใหม่สำหรับเว็บแอปพลิเคชัน ซึ่งช่วยให้สามารถเรนเดอร์กราฟิกขั้นสูง, การเรียนรู้ของเครื่อง (machine learning), และงานที่ต้องใช้การคำนวณสูงอื่นๆ ได้โดยตรงในเบราว์เซอร์ WebGPU มีเป้าหมายที่จะมาแทนที่ WebGL และให้ประสิทธิภาพที่ดีกว่าพร้อมฟีเจอร์ที่ทันสมัยกว่า
• WebCodecs: API สำหรับการเข้าถึงตัวแปลงสัญญาณวิดีโอและเสียงระดับต่ำในเบราว์เซอร์ ช่วยให้นักพัฒนาสามารถสร้างแอปพลิเคชันประมวลผลสื่อขั้นสูงได้ ซึ่งช่วยให้สามารถใช้งานฟีเจอร์ต่างๆ เช่น การตัดต่อวิดีโอ, การแปลงรหัส (transcoding), และการสื่อสารแบบเรียลไทม์ด้วยการควบคุมและประสิทธิภาพที่ดียิ่งขึ้น
• WebTransport: โปรโตคอลการขนส่งข้อมูลสมัยใหม่ที่ให้ช่องทางการสื่อสารแบบสองทิศทางและแบบมัลติเพล็กซ์ผ่าน HTTP/3 ซึ่งช่วยให้แอปพลิเคชันแบบเรียลไทม์ เช่น เกมออนไลน์และเครื่องมือทำงานร่วมกัน สามารถมีความหน่วงต่ำและปริมาณงานสูงขึ้น WebTransport มีข้อดีกว่า WebSockets ในบางสถานการณ์
• Storage Access API: ปรับปรุงความเป็นส่วนตัวของผู้ใช้โดยให้ผู้ใช้สามารถควบคุมการเข้าถึงพื้นที่จัดเก็บข้อมูลของเว็บไซต์ได้มากขึ้น ช่วยให้เว็บไซต์สามารถร้องขอการเข้าถึงพื้นที่จัดเก็บข้อมูลของบุคคลที่หนึ่ง (first-party) เมื่อถูกฝังอยู่ในบริบทข้ามเว็บไซต์ (cross-site)
• Private State Tokens: อีกหนึ่งข้อเสนอที่เน้นความเป็นส่วนตัวซึ่งมีเป้าหมายเพื่อป้องกันการติดตามข้ามเว็บไซต์โดยไม่ต้องพึ่งพาคุกกี้ของบุคคลที่สาม (third-party cookies) ช่วยให้เว็บไซต์สามารถออกและแลกโทเค็นที่สามารถใช้เพื่อยืนยันตัวตนของผู้ใช้โดยไม่เปิดเผยข้อมูลส่วนบุคคล

นี่เป็นเพียงตัวอย่างเล็กน้อยเท่านั้น และภูมิทัศน์ของฟีเจอร์เชิงทดลองก็มีการพัฒนาอยู่ตลอดเวลา สิ่งสำคัญคือต้องติดตามข่าวสารล่าสุดและประเมินประโยชน์และความเสี่ยงที่อาจเกิดขึ้นของแต่ละฟีเจอร์ก่อนที่จะนำไปใช้ในโปรเจกต์ของคุณ

ข้อควรพิจารณาในระดับโลก

เมื่อทำงานกับฟีเจอร์เชิงทดลองในบริบทระดับโลก ควรพิจารณาสิ่งต่อไปนี้:

• อัตราการยอมรับเบราว์เซอร์ที่แตกต่างกัน: อัตราการยอมรับเบราว์เซอร์แตกต่างกันอย่างมากในแต่ละภูมิภาคและประเทศ บางภูมิภาคอาจมีเปอร์เซ็นต์ผู้ใช้ที่ใช้เบราว์เซอร์รุ่นเก่าสูงกว่า ทำให้การเตรียมทางเลือกสำรอง (fallbacks) ที่มีประสิทธิภาพมีความสำคัญมากยิ่งขึ้น
• การเชื่อมต่อเครือข่าย: การเชื่อมต่อเครือข่ายก็แตกต่างกันไปทั่วโลกเช่นกัน พิจารณาผลกระทบของฟีเจอร์เชิงทดลองต่อประสิทธิภาพ โดยเฉพาะสำหรับผู้ใช้ที่มีการเชื่อมต่ออินเทอร์เน็ตที่ช้าหรือไม่เสถียร ปรับปรุงโค้ดและทรัพยากรของคุณเพื่อลดการถ่ายโอนข้อมูลและความหน่วงแฝง
• การปรับให้เข้ากับท้องถิ่นและนานาชาติ (Localization and Internationalization): ตรวจสอบให้แน่ใจว่าฟีเจอร์เชิงทดลองเข้ากันได้กับภาษาและชุดอักขระต่างๆ ทดสอบแอปพลิเคชันของคุณกับภาษาท้องถิ่นต่างๆ เพื่อระบุปัญหาที่เกี่ยวข้องกับการปรับให้เข้ากับท้องถิ่นและนานาชาติ
• การเข้าถึงได้ (Accessibility): ให้ความสำคัญกับการเข้าถึงได้เสมอเมื่อนำฟีเจอร์ใหม่ๆ มาใช้ ตรวจสอบให้แน่ใจว่าผู้ใช้ที่มีความพิการสามารถเข้าถึงฟีเจอร์เชิงทดลองได้โดยปฏิบัติตามแนวทางการเข้าถึงและใช้เทคโนโลยีสิ่งอำนวยความสะดวก
• การปฏิบัติตามกฎหมายและข้อบังคับ: ตระหนักถึงข้อกำหนดทางกฎหมายหรือข้อบังคับที่อาจนำมาใช้กับการใช้ฟีเจอร์บางอย่างในประเทศต่างๆ ตัวอย่างเช่น กฎระเบียบด้านความเป็นส่วนตัวอาจจำกัดการใช้ API บางอย่างหรือแนวปฏิบัติในการรวบรวมข้อมูล

บทสรุป

การผสานฟีเจอร์ JavaScript เชิงทดลองผ่าน Web Platform APIs สามารถเป็นวิธีที่ทรงพลังในการสร้างนวัตกรรมและก้าวนำหน้าคู่แข่ง อย่างไรก็ตาม สิ่งสำคัญคือต้องดำเนินการด้วยความระมัดระวังและนำกลยุทธ์มาใช้เพื่อลดความเสี่ยงที่เกี่ยวข้อง ด้วยการใช้การตรวจจับฟีเจอร์, polyfills, feature flags, และ progressive enhancement, คุณจะสามารถใช้ประโยชน์จากฟีเจอร์เชิงทดลองได้อย่างปลอดภัยและมีประสิทธิภาพเพื่อสร้างเว็บแอปพลิเคชันที่สมบูรณ์แบบ น่าดึงดูด และมีประสิทธิภาพมากขึ้นสำหรับผู้ชมทั่วโลก อย่าลืมติดตามข่าวสาร, ทดสอบอย่างละเอียด, และให้ความสำคัญกับประสบการณ์ของผู้ใช้

อนาคตของเว็บกำลังถูกกำหนดโดยเทคโนโลยีเชิงทดลองเหล่านี้ การมีส่วนร่วมในกระบวนการ, การให้ข้อเสนอแนะ, และการช่วยเหลือชุมชน จะทำให้คุณสามารถช่วยกำหนดอนาคตของแพลตฟอร์มเว็บและสร้างเว็บที่ดีขึ้นสำหรับทุกคนได้