เครื่องมือสร้าง Tier List

Tier List คืออะไร และไม่ใช่อะไร

Tier List จัดกลุ่มสิ่งที่เปรียบเทียบกันได้ไว้ในระดับที่เรียงลำดับ เช่น S, A, B และ C แถวที่สูงกว่ามักหมายถึงชอบมากกว่า ประสิทธิภาพดีกว่า หรือเหมาะกับเกณฑ์ที่คุณเลือกมากกว่า เครื่องมือจะไม่คำนวณคะแนนหรือตัดสินว่าสิ่งใดควรอยู่ตรงไหน

จึงต่างจากกระดานอีกสองแบบที่พบบ่อย:

ใช้ Tier List สำหรับความคิดเห็นและการเปรียบเทียบ เช่น อัลบั้มโปรด ตัวเลือกสินค้า ตัวละครในเกม สูตรอาหารที่อยากทำซ้ำ หรือไอเดียที่ควรทำก่อน ใช้เช็กลิสต์สำหรับติดตามว่างานเสร็จหรือไม่ และใช้ Kanban เมื่อรายการต้องเคลื่อนผ่านขั้นตอนการทำงาน

เลือก Tier ที่สื่อความหมายก่อนจัดอันดับ

ป้าย S–F เริ่มต้นเป็นเพียงธรรมเนียม ไม่ได้บังคับ เปลี่ยนเป็น ยอดเยี่ยม / ดี / อาจจะ / ข้าม、ตัวเลือกแรก / สำรอง / ไม่เหมาะ หรือมาตราส่วนอื่นที่เข้าใจชัดเจนได้ ใช้ได้สูงสุด 12 แถว Tier

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

รายการใน Tier เดียวกันยังเรียงใหม่ได้ ใช้ลำดับนั้นเมื่อต้องการแสดงความชอบจากซ้ายไปขวาภายในแถว มิฉะนั้นให้ถือว่าทุกรายการในแถวเท่าเทียมกัน

รายการข้อความและรูปภาพในเครื่อง

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

รองรับ PNG, JPEG และ WebP ไฟล์ต้นฉบับแต่ละไฟล์ขนาดไม่เกิน 8 MiB แต่ละด้านไม่เกิน 8192 พิกเซล และภาพที่ถอดรหัสแล้วไม่เกิน 16 เมกะพิกเซล รูปที่ผ่านเกณฑ์จะถูกย่อในเครื่องเมื่อจำเป็น สูงสุด 512 × 512 พิกเซล ข้อมูลรูปที่ปรับแล้วทั้งโปรเจกต์จำกัดที่ 32 MiB

ไม่รับ URL รูปจากภายนอกและไฟล์ SVG โดยตั้งใจ การใช้เฉพาะรูปแรสเตอร์ในเครื่องที่ถอดรหัสแล้วช่วยเลี่ยงทรัพยากรภายนอกที่เสีย ข้อผิดพลาด canvas ข้ามต้นทาง และเนื้อหา SVG/XML ที่ทำงานได้ OWASP แนะนำให้อนุญาตเฉพาะรูปแบบที่จำเป็น จำกัดขนาด ตรวจสอบมากกว่า MIME ที่อ้าง และเขียนรูปใหม่เป็นการป้องกันหลายชั้นใน File Upload Cheat Sheet

ไม่จำเป็นต้องลาก

การลากแล้ววางสะดวก แต่ไม่ใช่วิธีเดียว โฟกัสรายการแล้วใช้ปุ่มย้าย หรือกด Enter หรือ Space เพื่อเข้าโหมดย้ายด้วยแป้นพิมพ์ ปุ่มลูกศรเปลี่ยน Tier และตำแหน่งที่เสนอ กด Enter หรือ Space เพื่อยืนยัน และ Escape เพื่อยกเลิก

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

สิ่งที่บันทึกในเบราว์เซอร์นี้

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

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

JSON, PNG และ SVG เหมาะกับงานต่างกัน

ระบบจะตรวจสอบ JSON ก่อนแทนที่โปรเจกต์ปัจจุบัน ไฟล์เสีย ไม่รองรับ หรือใหญ่เกินไปจะไม่เปลี่ยนโปรเจกต์ที่เปิดอยู่ JSON ของโปรเจกต์จำกัดที่ 48 MiB

PNG ถูกวาดในเบราว์เซอร์โดยตรงด้วยรูปในเครื่องที่ปรับแล้ว เมธอดมาตรฐาน canvas.toBlob() สร้างไฟล์ดาวน์โหลด และเนื่องจากไม่ใช้รูปภายนอก canvas จึงไม่ปนเปื้อนข้ามต้นทางและยังส่งออกได้

SVG สร้างจากชุดรูปทรง ข้อความ และองค์ประกอบภาพแบบไม่โต้ตอบขนาดเล็ก พิกเซล PNG, JPEG หรือ WebP จะฝังใน SVG ไม่ได้ถูกลากเส้นหรือแปลงเป็นเวกเตอร์ MDN ระบุว่าองค์ประกอบ SVG <image> แสดงรูปแรสเตอร์ได้ ไฟล์ที่ส่งออกจะไม่คัดลอก SVG สคริปต์ ลิงก์ หรือ HTML ที่อัปโหลดมาแบบใดก็ได้

ขีดจำกัดเพื่อให้ส่งออกได้เสถียร

ความกว้างที่ส่งออกคือ 800, 1200, 1600 หรือ 2400 พิกเซล PNG สร้างได้ที่ 1× หรือ 2× เมื่อบิตแมปไม่เกินด้านละ 8192 พิกเซลและ 16 × 1024 × 1024 พิกเซล (ประมาณ 16.8 เมกะพิกเซล) หาก 2× เกินขีดจำกัดที่ปลอดภัย เครื่องมือจะแจ้งปัญหาแทนการย่อกระดานเงียบ ๆ SVG ใช้ขีดจำกัดความปลอดภัย 48 MiB เดียวกัน

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

ข้อผิดพลาดที่พบบ่อย

• เปลี่ยนเกณฑ์กลางคัน เขียนสิ่งที่เปรียบเทียบในชื่อก่อนจัดอันดับ
• ใช้ชื่อแถวไม่ชัดเจน “อาจจะ” และ “หลีกเลี่ยง” สื่อความหมายได้ดีกว่าสีที่ไม่มีคำอธิบาย
• มอง Tier เป็นคะแนนตายตัว รายการในแถบเดียวกันอยู่หมวดเดียวกัน ระยะระหว่างแถบไม่ใช่ค่าที่วัดได้
• ลืมรายการที่ยังไม่จัดอันดับ รายการเหล่านี้ไม่รวมในผลลัพธ์โดยอัตโนมัติ
• แชร์เฉพาะไฟล์โปรเจกต์ JSON ใช้เปิดตัวแก้ไขอีกครั้ง ใช้ PNG หรือ SVG หากผู้รับต้องการเพียงดูผลลัพธ์