html2024.yml

locale: th-TH
translations:
  ###########################################################################
  # General
  ###########################################################################

  - key: general.results.description
    t: แบบสำรวจประจำปี 2024 เกี่ยวกับเทรนด์ล่าสุดในระบบนิเวศของ HTML

  - key: general.html2024.survey_intro
    t: |

      HTML เป็นเทคโนโลยีเว็บรุ่นดั้งเดิมและการที่มันมีบทบาทมากขึ้นแม้จะผ่านมาสามทศวรรษแล้วเป็นเรื่องน่าทึ่งอย่างมาก

      ถึงแม้ชื่อของแบบสำรวจจะเป็น HTML แต่จริงๆแล้วมันครอบคลุมไปทุกซอกทุกมุมของเว็บและมันมีเนื้อหา *นับไม่ถ้วน* 

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

      หมายความว่าคำตอบของคุณอาจมีผลโดยตรงต่อโรดแมปของเบราว์เซอร์ที่คุณใช้อยู่ตอนนี้ ซึ่งเป็นเหตุผลที่เราตื่นเต้นมากที่จะเปิดตัวแบบสำรวจ State of HTML ครั้งที่สอง!

  - key: features.features_intro_html2024
    t: |
      ยินดีต้อนรับสู่แบบสำรวจ! ส่วนแรกนี้จะเกี่ยวกับการแบ่งปันประสบการณ์ของคุณกับฟีเจอร์ต่างๆ ในแพลตฟอร์มเว็บ:


      - **ไม่เคยได้ยินมาก่อน**: นี่คือครั้งแรกที่คุณเห็นหรือได้ยินมัน แต่ไม่รู้ว่ามันทำอะไรได้บ้าง

      - **ได้ยินมาบ้าง**: คุณเคยอ่านหรือศึกษาเกี่ยวกับมัน แต่ยังไม่ได้ใช้

      - **เคยใช้แล้ว**: คุณเคยใช้มันอย่างน้อยหนึ่งครั้ง แม้จะเป็นเพียงการทดลองก็ตาม


      ถ้าคุณต้องการบอกเราเพิ่มเติมเกี่ยวกับตัวเลือกของคุณ เพียงแค่คลิกไอคอน "คอมเมนต์" เล็กๆนั่นได้เลย!

  ###########################################################################
  # Introduction
  ###########################################################################

  - key: introduction.html2024
    t: |
      <span class="first-letter">C</span>SS กำลังเผชิญกับความก้าวหน้าที่ไม่เคยเกิดขึ้นมาก่อนด้วยฟีเจอร์ใหม่ๆ เช่น `:has()`, container queries, subgrid และอื่นๆ อีกมากมายที่กำลังเข้ามาสู่เบราว์เซอร์อย่างต่อเนื่องทุกเดือน

      ผลลัพธ์ของการเติบโตนี้คือสิ่งต่างๆอาจดูวุ่นวายเล็กน้อย โชคดีที่ปีนี้เราได้ [Chen Hui Jing](https://chenhuijing.com/) มาช่วยออกแบบแบบสำรวจและนำทางผ่านเขาวงกต CSS

      พูดถึงแบบสำรวจ คุณทราบหรือไม่ว่าผู้ผลิตเบราว์เซอร์ใช้ข้อมูลนี้เป็นส่วนหนึ่งของโครงการ [Interop](https://web.dev/interop-2023/) เพื่อช่วยกำหนดลำดับความสำคัญของฟีเจอร์ที่จะทำต่อไป?

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

      <span class="conclusion__byline">– Sacha Greif</span>

  ###########################################################################
  # Tshirt
  ###########################################################################

  - key: sections.tshirt.title
    t: เสื้อยืด

  - key: sections.tshirt.description
    t: |
      ## สนับสนุนแบบสำรวจด้วยเสื้อยืด State of HTML

      คุณคิดถึงวันเก่าๆของช่วงกลางทศวรรษ 90 หรือเปล่า เมื่อ HTML เป็นดั่งเทพและหน้าปกเทป VHS มีภาพศิลปะที่ล้ำยุคและสดใส?

      ข่าวร้ายคือ แม้จะมีเทคโนโลยีปี 2024 คุณก็ยังไม่สามารถย้อนเวลากลับไปสู่วันวานที่รุ่งโรจน์นั้นได้แต่สิ่งที่คุณ *สามารถ* ทำได้คือสวมเสื้อยืดสุดเจ๋งที่ออกแบบโดย Christopher Kirk-Nielsen ผู้เปี่ยมไปด้วยพรสวรรค์นี้

  - key: tshirt.about
    t: เกี่ยวกับเสื้อยืด

  - key: tshirt.description
    t: |
      เราใช้เสื้อยืดผสมผ้าคุณภาพสูงที่นุ่มมาก พิมพ์โดยพันธมิตรของเราที่ Cotton Bureau

  - key: tshirt.getit
    t: สั่งซื้อเลย

  - key: tshirt.price
    t: USD $32 + ค่าจัดส่ง

  - key: tshirt.designer.heading
    t: เกี่ยวกับผู้ออกแบบ

  - key: tshirt.designer.name
    t: Christopher Kirk-Nielsen

  - key: tshirt.designer.bio
    t: |
      เดิมทีมาจากฝรั่งเศสแต่ตอนนี้อยู่ในสหรัฐอเมริกา Chris ไม่เพียงแต่เป็นนักพัฒนา front-end ที่ยอดเยี่ยม แต่ยังเป็นนักวาดภาพประกอบผู้เปี่ยมไปด้วยพรสวรรค์แถมยังเชี่ยวชาญภาพย้อนยุคอีกด้วย จริงๆแล้วเราขอแนะนำให้คุณดู[การออกแบบเสื้อยืดอื่นๆของเขา](https://chriskirknielsen.com/designs)ด้วย!

  ###########################################################################
  # Sections Introductions
  ###########################################################################

  - key: sections.user_info.description.html2024
    t: |
      ยินดีต้อนรับสู่ผลแบบสำรวจ State of HTML ครั้งแรกสุด การสำรวจนี้มีผู้เข้าร่วม **20,904** คนจากทั่วโลก

  - key: sections.features.description.html2024
    t: |
      ฟีเจอร์ HTML และ API ของเบราว์เซอร์อื่นๆ

  ###########################################################################
  # Other Content
  ###########################################################################

  - key: features.all_features
    t: ฟีเจอร์ทั้งหมด
  - key: features.all_features.description
    t: |
      ชาร์ตนี้สรุปคำถามเกี่ยวกับฟีเจอร์ทั้งหมดของการสำรวจ บาร์หลักแสดงถึงประสบการณ์ของผู้ตอบ จากนั้นจะถูกแบ่งย่อยตามความรู้สึกของผู้ตอบ คุณสามารถสลับระหว่างทั้งสองได้

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

  - key: features.forms_features
    t: ประสบการณ์ & ความรู้สึกเกี่ยวกับฟอร์ม

  - key: features.interactivity_features
    t: ประสบการณ์ & ความรู้สึกเกี่ยวกับการโต้ตอบ

  - key: features.content_features
    t: ประสบการณ์ & ความรู้สึกเกี่ยวกับเนื้อหา

  - key: features.web_components_main_features
    t: ประสบการณ์ & ความรู้สึกเกี่ยวกับ Web Components

  - key: features.accessibility_features
    t: ประสบการณ์ & ความรู้สึกเกี่ยวกับการเข้าถึง

  - key: features.mobile_web_apps_features
    t: ประสบการณ์ & ความรู้สึกเกี่ยวกับแอปเว็บบนมือถือ

  ###########################################################################
  # Sponsors
  ###########################################################################

  - key: sponsors.frontendmasters.description
    t: ยกระดับทักษะของคุณด้วยหลักสูตร front-end สมัยใหม่ที่เข้มข้น
  - key: sponsors.google_chrome.description
    t: ขอบคุณทีม Google Chrome ที่สนับสนุนงานของเรา
  - key: sponsors.tokyodev.description
    t: หางานนักพัฒนาซอฟต์แวร์ในฝันของคุณในญี่ปุ่นวันนี้
  - key: sponsors.renderatl.description
    t: การประชุมเทคโนโลยีที่มุ่งเน้นทุกเรื่องเกี่ยวกับเว็บ

  ###########################################################################
  # Conclusion
  ###########################################################################

  - key: conclusion.html2024.lea_verou.bio
    t: สมาชิก W3C Technical Architecture Group และนักวิจัยที่ MIT CSAIL
  - key: conclusion.html2024.lea_verou
    t: >
      *เฮ้อ!* แบบสำรวจนี้ได้รับความพยายามอย่างมากจากคนหลายสิบคนในหกทวีป ไม่เพียงแต่ทำลายสถิติของการตอบแบบสำรวจ “State of...” ครั้งแรก แต่ UI การเก็บข้อมูลได้บุกเบิกนวัตกรรมที่ให้ข้อมูลเชิงลึกที่ไม่เคยมีมาก่อนเกี่ยวกับทัศนคติของนักพัฒนาซอฟต์แวร์ และจะมีผลต่อเนื่องไปมากกว่านี้


      บางคนโต้แย้งว่าการพัฒนา HTML เป็นเรื่องไร้ประโยชน์ แต่แบบสำรวจนี้แสดงให้เห็นในทางตรงกันข้าม **นักพัฒนาซอฟต์แวร์ต้องการ HTML ที่ Interactive มากขึ้น**: ไม่เพียงแต่ Element ที่ Interactive เช่น `<datalist>` หรือ Popover API เป็นกลุ่มที่มีได้รับผลตอบรับแง่บวกสูงที่สุดในทุกประเภทเท่านั้น แต่ Element [ที่ขาดหายไปทั้งหมด](https://2024.stateofhtml.com/en-US/usage/#html_missing_elements)ล้วนแต่ Interactive


      อย่างไรก็ตาม **การทำให้สิ่งง่ายๆ เป็นเรื่องง่าย** โดยการให้ฟังก์ชันที่สำเร็จรูปนั้นไม่เพียงพออีกต่อไป **การทำให้สิ่งที่ซับซ้อนเป็นไปได้** โดยการสนับสนุนการปรับแต่งอย่างละเอียดเป็นสิ่งจำเป็น: ความสามารถในการปรับแต่งที่ไม่เพียงพอ โดยเฉพาะในด้าน **การจัดสไตล์** เป็นจุดที่พบปัญหามากที่สุด


      เป็นผลให้ฟอร์มเป็นองค์ประกอบที่ถูก[สร้างขึ้นใหม่บ่อยที่สุด](https://2024.stateofhtml.com/en-US/usage/#html_functionality_features)ผลลัพธ์ที่เสียหายทั้งสองฝ่ายที่ทำให้นักพัฒนาและผู้ใช้ปลายทางต้องทนทุกข์ โชคดีที่มีความคิดริเริ่มใหม่ๆมากมายที่จะปรับปรุงสิ่งนี้ ดังนั้นอนาคตจึงดูสดใส


      อีกความต้องการใหญ่คือ Extensibility การให้เฉพาะหน่วยงานมาตรฐานมีสิทธิ์ขยาย HTML ไม่เพียงพอ และนอกจากนั้น Element ทั่วไปไม่สามารถรองรับความต้องการที่หลากหลายได้ น่าเสียดายที่ **Web Components APIs** (โดยเฉพาะ Shadow DOM) แม้ว่าจะใช้งานกันอย่างกว้างขวาง กลับไม่สามารถตอบสนองความต้องการของนักพัฒนาและให้ประสบการณ์ที่ดีได้ เนื่องจากพวกมันติดอันดับประสบการณ์ที่แย่ที่สุดในแบบสำรวจนี้ อย่างไรก็ตาม กิจกรรมที่กำลังดำเนินการในวงการที่นี้ (ซึ่งบางส่วนผมมีส่วนร่วมด้วย) ทำให้ผมมีความหวังว่าแม้เส้นยากลำบาก แต่ก็เต็มไปด้วยศักยภาพ


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

  ###########################################################################
  # FAQ/About
  ###########################################################################

  - key: faq.how_long_will_survey_take_html2024
    t: ใช้เวลาตอบแบบสำรวจนานเท่าไหร่?
  - key: faq.how_long_will_survey_take_html2024.description
    t: >
      ขึ้นอยู่กับจำนวนคำถามที่คุณตอบ (สามารถข้ามได้ทุกคำถาม),
      การกรอกแบบสำรวจควรใช้เวลาประมาณ 10-15 นาที

  - key: faq.learn_more_html2024
    t: ฉันสามารถเรียนรู้เพิ่มเติมได้ที่ไหน?
  - key: faq.learn_more_html2024.description
    t: คุณสามารถเรียนรู้เพิ่มเติมเกี่ยวกับแบบสำรวจนี้ได้ที่[โพสต์ประกาศของเรา](https://dev.to/sachagreif/the-state-of-html-2024-survey-is-now-open-3i4j).

  - key: faq.survey_design_html2024
    t: แบบสำรวจนี้ถูกออกแบบอย่างไร?
  - key: faq.survey_design_html2024.description
    t: >
      แบบสำรวจนี้ได้รับการออกแบบผ่านกระบวนการ [open design](https://github.com/Devographics/surveys/issues/246) โดยมีการมีส่วนร่วมจากผู้ให้บริการเบราว์เซอร์และชุมชนเว็บ

  - key: faq.results_released_html2024
    t: ผลการสำรวจจะถูกเผยแพร่เมื่อไหร่?
  - key: faq.results_released_html2024.description
    t: แบบสำรวจจะจัดขึ้นระหว่างวันที่ 12 กันยายน ถึง 1 ตุลาคม 2024 และผลการสำรวจจะถูกเผยแพร่หลังจากนั้นไม่นาน

  - key: faq.who_should_take_survey_html2024
    t: ใครควรทำแบบสำรวจนี้?
  - key: faq.who_should_take_survey_html2024.description
    t: >
      แบบสำรวจนี้เปิดให้ทุกคนที่สร้างเว็บไซต์หรือเว็บแอป ไม่ว่าจะเป็นประจำหรือเป็นครั้งคราว ไม่ว่าจะเป็นส่วนหนึ่งของงาน ในฐานะนักเรียน หรือเพียงแค่เพื่อความสนุก!

  - key: faq.data_used_html2024
    t: ข้อมูลนี้จะถูกนำไปใช้อย่างไร?
  - key: faq.data_used_html2024.description
    t: >
      ข้อมูลทั้งหมดที่รวบรวมจะถูกเปิดเผยสำหรับนักพัฒนาและบริษัทใดๆที่ต้องการปรึกษา
      ผู้ให้บริการเบราว์เซอร์ยัง[ใช้ข้อมูลนี้](https://web.dev/blog/interop-2024)เพื่อกำหนดลำดับความสำคัญและแผนงานของพวกเขา

  - key: faq.survey_goals_html2024
    t: เป้าหมายของแบบสำรวจนี้คืออะไร?
  - key: faq.survey_goals_html2024.description
    t: >
      เป้าหมายของแบบสำรวจคือการวัดการรับรู้เกี่ยวกับฟีเจอร์ HTML ใหม่และ API ของเบราว์เซอร์และช่วยให้นักพัฒนาติดตามการใช้งานที่เปลี่ยนแปลงไป

  - key: about.content
    t: |
      แบบสำรวจ State of HTML 2024 จัดขึ้นตั้งแต่วันที่ 19 กันยายน ถึง 19 ตุลาคม 2024 และได้รับการตอบกลับ 20,904 รายการ

      ความพยายามในการออกแบบแบบสำรวจนี้นำโดย [Lea Verou](https://lea.verou.me/) โดยได้รับทุนจาก Google Lea ยังดูแลการสร้างต้นแบบ ทดสอบและนำ UI ใหม่ๆสำหรับการเก็บข้อมูลมาใช้ด้วย มีส่วนร่วมในการประมวลผลข้อมูลและช่วยเหลือในการแสดงข้อมูลเชิงลึก

      โครงสร้างพื้นฐานของแบบสำรวจดำเนินการโดย [Sacha Greif](https://sachagreif.com/) และ [Eric Burel](https://www.lbke.fr/), โดยได้รับความช่วยเหลือจากทีมผู้ร่วมมือในโอเพนซอร์สและที่ปรึกษา

      โลโก้และเสื้อยืดของปีนี้ได้รับการออกแบบโดย [Christopher Kirk-Nielsen](http://chriskirknielsen.com/).

      ### เป้าหมายของแบบสำรวจ

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

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

      แบบสำรวจนี้ควรถูกพิจารณาว่าเป็น **ภาพรวมของกลุ่มนักพัฒนาชุดหนึ่งในช่วงเวลาเฉพาะเจาะจง** และไม่ได้หมายถึงที่จะพูดแทนทั้งระบบนิเวศ

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

      ### แหล่งทุนสำหรับโครงการ

      ทุนสำหรับโครงการนี้มาจากแหล่งต่างๆ:

      - **การขายเสื้อยืด**

      - **ลิงก์ผู้สนับสนุน**: ลิงก์ไปยังแหล่งข้อมูลที่แนะนำที่ด้านล่างของแต่ละหน้าให้บริการโดยพันธมิตรของเรา [Frontend Masters](https://frontendmasters.com/)

      - **ทุนจากแหล่งอื่นๆ**: [Google](https://www.google.com/) และ [TokyoDev](https://www.tokyodev.com/) ได้ให้ทุนสนับสนุนงานเกี่ยวกับแบบสำรวจนี้ด้วย

      ### ภาพรวมทางเทคนิค

      คุณสามารถหาภาพรวมทางเทคนิคเชิงลึกเพิ่มเติมเกี่ยวกับวิธีการดำเนินการสำรวจได้[ที่นี่](https://dev.to/sachagreif/how-the-devographics-surveys-are-run-2024-edition-1p6a)