คู่มือใช้งานยูทิลิตี้เบราว์เซอร์
บทความสั้นที่อธิบายขั้นตอนใช้งานของเครื่องมือ
แพตเทิร์น Regex สำหรับใช้งานจริง
คู่มือตรวจ JavaScript Regex ที่ใช้กับฟอร์ม การจับคู่ route และการค้นหา log
ก่อนเขียน Regex ให้เตรียมตัวอย่างที่ต้องจับคู่และตัวอย่างที่ต้องไม่ผ่าน จากนั้นตรวจ flag กลุ่มจับค่า และอักขระ escape เพื่อลดการจับคู่ผิด
กันข้อมูลอ่อนไหวออก
- ตรวจว่าตัวอย่าง input แทนปัญหาจริงได้หรือไม่
- จด browser, scheduler, parser หรือสภาพแวดล้อม deploy ที่เกี่ยวข้อง
- ถ้ามีคำเตือน ให้ตรวจซ้ำด้วยเครื่องมือที่เกี่ยวข้องก่อนคัดลอก
ตัวอย่างตาราง Cron
ตัวอย่างและข้อควรระวังในการสร้างงานรายนาที รายชั่วโมง รายวัน และรายเดือนด้วย five-field cron
ก่อนคัดลอก Cron expression ให้เข้าใจนาที ชั่วโมง วันในสัปดาห์ และเดือน จากนั้นตรวจว่า runtime ใช้ five-field, Quartz หรือรูปแบบที่มีเขตเวลา
กันข้อมูลอ่อนไหวออก
- ตรวจว่าตัวอย่าง input แทนปัญหาจริงได้หรือไม่
- จด browser, scheduler, parser หรือสภาพแวดล้อม deploy ที่เกี่ยวข้อง
- ถ้ามีคำเตือน ให้ตรวจซ้ำด้วยเครื่องมือที่เกี่ยวข้องก่อนคัดลอก
เมตาแท็ก SEO
คู่มือ meta tags ที่จำเป็นสำหรับ snippet ในการค้นหา พรีวิวโซเชียล canonical URL และหน้าซ้ำ
ก่อนสร้าง meta tags ให้ยืนยันว่า title, description, canonical URL และ Open Graph URL อธิบายหน้าปลายทางเดียวกัน ทางเข้าซ้ำทำให้สัญญาณค้นหาอ่อนลง
กันข้อมูลอ่อนไหวออก
- ตรวจว่าตัวอย่าง input แทนปัญหาจริงได้หรือไม่
- จด browser, scheduler, parser หรือสภาพแวดล้อม deploy ที่เกี่ยวข้อง
- ถ้ามีคำเตือน ให้ตรวจซ้ำด้วยเครื่องมือที่เกี่ยวข้องก่อนคัดลอก
ข้อจำกัดของ iframe preview
อธิบายว่าทำไมบางหน้าไม่ยอมโหลดใน iframe และวิธีอ่าน CSP หรือ X-Frame-Options ขณะพรีวิวแบบ responsive
ก่อนใช้ iframe ให้ตรวจว่า CSP หรือ X-Frame-Options บล็อกหน้าหรือไม่ เครื่องมือแสดงได้เฉพาะหน้าสาธารณะที่เบราว์เซอร์อนุญาตให้โหลด
กันข้อมูลอ่อนไหวออก
- ตรวจว่าตัวอย่าง input แทนปัญหาจริงได้หรือไม่
- จด browser, scheduler, parser หรือสภาพแวดล้อม deploy ที่เกี่ยวข้อง
- ถ้ามีคำเตือน ให้ตรวจซ้ำด้วยเครื่องมือที่เกี่ยวข้องก่อนคัดลอก
ข้อความ placeholder สำหรับงานออกแบบ
คู่มือใช้ข้อความแทนโดยไม่ซ่อนปัญหาการจัดวาง การเข้าถึง และข้อความสินค้า
ข้อความแทนช่วยตรวจระยะห่าง การตัดบรรทัด และสถานะว่าง แต่ควรใกล้ความยาวเนื้อหาจริง ข้อความที่เรียบร้อยเกินไปอาจซ่อนปัญหาล้นในปุ่ม ตาราง และการ์ด
กันข้อมูลอ่อนไหวออก
- ตรวจว่าตัวอย่าง input แทนปัญหาจริงได้หรือไม่
- จด browser, scheduler, parser หรือสภาพแวดล้อม deploy ที่เกี่ยวข้อง
- ถ้ามีคำเตือน ให้ตรวจซ้ำด้วยเครื่องมือที่เกี่ยวข้องก่อนคัดลอก
ขั้นตอนเครื่องมือบนเบราว์เซอร์
ขั้นตอนใช้เครื่องมือเบราว์เซอร์ในเครื่องโดยไม่เปิดเผยเนื้อหาอ่อนไหวหรือข้อมูลระบบจริง
เมื่อจัดการ payload, token หรือ config ให้ลบข้อมูลอ่อนไหวก่อน จากนั้นค่อยจัดรูปแบบหรือแปลง และตรวจผลซ้ำด้วยเครื่องมือที่เกี่ยวข้อง
กันข้อมูลอ่อนไหวออก
- ตรวจว่าตัวอย่าง input แทนปัญหาจริงได้หรือไม่
- จด browser, scheduler, parser หรือสภาพแวดล้อม deploy ที่เกี่ยวข้อง
- ถ้ามีคำเตือน ให้ตรวจซ้ำด้วยเครื่องมือที่เกี่ยวข้องก่อนคัดลอก
หมายเหตุความปลอดภัยของ Hash
ข้อควรจำในการใช้ MD5, SHA-1, SHA-256 และ SHA-512 โดยไม่สับสนการแฮชกับการเข้ารหัส
MD5, SHA-1, SHA-256 และ SHA-512 เหมาะกับการตรวจสอบและสร้างลายนิ้วมือข้อมูล แต่ไม่ซ่อนข้อความต้นฉบับและไม่พอสำหรับเก็บรหัสผ่าน
กันข้อมูลอ่อนไหวออก
- ตรวจว่าตัวอย่าง input แทนปัญหาจริงได้หรือไม่
- จด browser, scheduler, parser หรือสภาพแวดล้อม deploy ที่เกี่ยวข้อง
- ถ้ามีคำเตือน ให้ตรวจซ้ำด้วยเครื่องมือที่เกี่ยวข้องก่อนคัดลอก
ขั้นตอน text diff สำหรับนักพัฒนา
ขั้นตอนเปรียบเทียบส่วนโค้ด การเปลี่ยนค่าตั้ง บันทึก และเนื้อหาที่แก้ไขให้เห็นความต่างเร็วขึ้น
ก่อนเปรียบเทียบโค้ด log หรือ config ให้จัด newline indentation และการเรียงลำดับให้ตรงกันเมื่อทำได้ เพื่อให้ diff แสดงการเปลี่ยนจริงชัดขึ้น
กันข้อมูลอ่อนไหวออก
- ตรวจว่าตัวอย่าง input แทนปัญหาจริงได้หรือไม่
- จด browser, scheduler, parser หรือสภาพแวดล้อม deploy ที่เกี่ยวข้อง
- ถ้ามีคำเตือน ให้ตรวจซ้ำด้วยเครื่องมือที่เกี่ยวข้องก่อนคัดลอก
ขั้นตอนแปลงข้อมูล
คู่มือแปลง JSON, YAML และ CSV โดยตรวจโครงสร้าง อาร์เรย์ ออบเจกต์ และผลลัพธ์ก่อนคัดลอก
ก่อนแปลงระหว่าง JSON, YAML และ CSV ให้ตรวจว่ารายการ ออบเจกต์ ค่าว่าง และตัวคั่นควรแสดงอย่างไร หลังแปลงแล้วให้ตรวจโครงสร้างก่อนคัดลอก
กันข้อมูลอ่อนไหวออก
- ตรวจว่าตัวอย่าง input แทนปัญหาจริงได้หรือไม่
- จด browser, scheduler, parser หรือสภาพแวดล้อม deploy ที่เกี่ยวข้อง
- ถ้ามีคำเตือน ให้ตรวจซ้ำด้วยเครื่องมือที่เกี่ยวข้องก่อนคัดลอก
ขั้นตอนจัดรูปแบบ SQL
ขั้นตอนจัด SQL ยาวให้อ่านตรวจได้ง่ายขึ้น ทั้งเงื่อนไข การ join คำสั่งย่อย และความต่าง
เมื่อจัดรูปแบบ SQL อย่าเปลี่ยนเงื่อนไข ลำดับ join หรือข้อความใน string ใช้ formatter เพื่อให้อ่านง่าย แล้วตรวจ diff ว่าเปลี่ยนแค่ช่องว่างและขึ้นบรรทัด
กันข้อมูลอ่อนไหวออก
- ตรวจว่าตัวอย่าง input แทนปัญหาจริงได้หรือไม่
- จด browser, scheduler, parser หรือสภาพแวดล้อม deploy ที่เกี่ยวข้อง
- ถ้ามีคำเตือน ให้ตรวจซ้ำด้วยเครื่องมือที่เกี่ยวข้องก่อนคัดลอก
ตรวจสีและ contrast
คู่มือใช้ HEX, RGB, HSL และอัตราส่วนคอนทราสต์เพื่อให้สีในหน้าจออ่านได้ชัดเจน
หลังแปลงสี ให้ตรวจคอนทราสต์กับพื้นหลัง ขนาดตัวอักษร และสถานะจริงของหน้าจอ ค่า HEX หรือ RGB อย่างเดียวไม่พอพิสูจน์ว่าอ่านข้อความได้
กันข้อมูลอ่อนไหวออก
- ตรวจว่าตัวอย่าง input แทนปัญหาจริงได้หรือไม่
- จด browser, scheduler, parser หรือสภาพแวดล้อม deploy ที่เกี่ยวข้อง
- ถ้ามีคำเตือน ให้ตรวจซ้ำด้วยเครื่องมือที่เกี่ยวข้องก่อนคัดลอก
ขั้นตอนตัวสร้างที่ปลอดภัย
แนวทางสร้าง password, token, UUID และ ULID สำหรับงานพัฒนาโดยไม่กล่าวอ้างความปลอดภัยเกินจริง
password, token, UUID และ ULID เหมาะกับค่าทดสอบ fixture และตัวระบุชั่วคราว อย่าอธิบายค่าที่สร้างในเครื่องว่าเป็นกุญแจระบบจริงหรือข้อมูลยืนยันระยะยาว
กันข้อมูลอ่อนไหวออก
- ตรวจว่าตัวอย่าง input แทนปัญหาจริงได้หรือไม่
- จด browser, scheduler, parser หรือสภาพแวดล้อม deploy ที่เกี่ยวข้อง
- ถ้ามีคำเตือน ให้ตรวจซ้ำด้วยเครื่องมือที่เกี่ยวข้องก่อนคัดลอก
เครื่องมือ Web และ SEO
ขั้นตอน Web SEO สำหรับ robots.txt, sitemap, favicon, การแยกวิเคราะห์ URL และพรีวิวโซเชียล
robots.txt, sitemap, canonical URL และพรีวิวโซเชียลควรชี้ไปยังชุดหน้าปลายทางเดียวกัน แก้สถานะและทางเข้าที่ซ้ำก่อนปรับชื่อหน้าหรือคำอธิบาย
กันข้อมูลอ่อนไหวออก
- ตรวจว่าตัวอย่าง input แทนปัญหาจริงได้หรือไม่
- จด browser, scheduler, parser หรือสภาพแวดล้อม deploy ที่เกี่ยวข้อง
- ถ้ามีคำเตือน ให้ตรวจซ้ำด้วยเครื่องมือที่เกี่ยวข้องก่อนคัดลอก
ขั้นตอนตรวจเครือข่าย
คู่มือตรวจปัญหาการเผยแพร่สาธารณะ การเปลี่ยนเส้นทาง และโดเมนด้วยสถานะ HTTP และระเบียน DNS ให้แคบลงเร็วขึ้น
สถานะ HTTP ลำดับการเปลี่ยนเส้นทาง และระเบียน DNS ช่วยแยกปัญหาการเผยแพร่ โดเมน และแคช ตรวจเฉพาะ URL หรือ host สาธารณะ
กันข้อมูลอ่อนไหวออก
- ตรวจว่าตัวอย่าง input แทนปัญหาจริงได้หรือไม่
- จด browser, scheduler, parser หรือสภาพแวดล้อม deploy ที่เกี่ยวข้อง
- ถ้ามีคำเตือน ให้ตรวจซ้ำด้วยเครื่องมือที่เกี่ยวข้องก่อนคัดลอก
ขั้นตอนเครื่องมือ CSS
คู่มือใช้การจัด CSS การย่อ การแปลงหน่วย และ clamp ในขั้นตอนแก้เลย์เอาต์จริง
ก่อนจัด CSS ย่อไฟล์ แปลงหน่วย หรือคำนวณ clamp ให้ยืนยัน breakpoint ความกว้าง container และขอบเขตขนาดตัวอักษร เพื่อไม่ให้ผลลัพธ์ทำให้หน้าจอจริงเสีย
กันข้อมูลอ่อนไหวออก
- ตรวจว่าตัวอย่าง input แทนปัญหาจริงได้หรือไม่
- จด browser, scheduler, parser หรือสภาพแวดล้อม deploy ที่เกี่ยวข้อง
- ถ้ามีคำเตือน ให้ตรวจซ้ำด้วยเครื่องมือที่เกี่ยวข้องก่อนคัดลอก
ขั้นตอนทำความสะอาดข้อความ
ขั้นตอนจัดเรียง ลบซ้ำ นับ พรีวิว และปรับข้อความให้เป็นมาตรฐานก่อนใช้ในโค้ดหรือ CMS
ก่อนจัดเรียง ลบซ้ำ นับ หรือสร้าง slug ให้เก็บเวอร์ชันเดิมไว้ หลังทำความสะอาดแล้วตรวจจำนวนบรรทัด ช่องว่าง และตัวพิมพ์เพื่อไม่ให้ลบเนื้อหาสำคัญ
กันข้อมูลอ่อนไหวออก
- ตรวจว่าตัวอย่าง input แทนปัญหาจริงได้หรือไม่
- จด browser, scheduler, parser หรือสภาพแวดล้อม deploy ที่เกี่ยวข้อง
- ถ้ามีคำเตือน ให้ตรวจซ้ำด้วยเครื่องมือที่เกี่ยวข้องก่อนคัดลอก
ขั้นตอนสัญลักษณ์และ text art
คู่มือสร้างสัญลักษณ์ แบนเนอร์ ASCII และ dot art พร้อมคัดลอก โดยตรวจความกว้างและการแสดงผลก่อนเผยแพร่
สัญลักษณ์และ text art เปลี่ยนได้ตาม font ความกว้าง และการตัดบรรทัด จึงควรกำหนดที่ใช้งานก่อน แล้วเลือกสัญลักษณ์สั้น แบนเนอร์ ASCII หรือ dot art
กันข้อมูลอ่อนไหวออก
- ตรวจว่าตัวอย่าง input แทนปัญหาจริงได้หรือไม่
- จด browser, scheduler, parser หรือสภาพแวดล้อม deploy ที่เกี่ยวข้อง
- ถ้ามีคำเตือน ให้ตรวจซ้ำด้วยเครื่องมือที่เกี่ยวข้องก่อนคัดลอก