ข้ามไปยังเนื้อหา
Tayakorn
← ผลงานทั้งหมด
2026

QR Code Generator — ออฟ⁠ไลน์ได้ + โหมดทีมใน LAN

สร้าง QR ในเบราว์เซอร์ล้วน ข้อมูลไม่ออกจากเครื่อง — รองรับไทยและ emoji ใส่โลโก้กลางโค้ดได้ เก็บเป็นไฟล์เดียวไปใช้ตอนไม่มีเน็ตก็ได้

บทบาท: Soloเทคโนโลยี: JavaScript · Python · Offline-firstดูของจริง
ผลลัพธ์

ทีมสร้าง QR ได้เองโดยข้อความไม่ต้องผ่านเซิร์ฟเวอร์ของใคร · มีเทสต์อ่านพิกเซลกลับมาเทียบ matrix ยืนยันว่าโค้ดที่ออกมาสแกนติดจริง

ต้องสร้าง QR ให้เอกสารและงานอีเวนต์อยู่เรื่อย ๆ แต่เว็บสร้าง QR ส่วนใหญ่ส่งข้อความของเราขึ้นเซิร์ฟเวอร์คนอื่นก่อน — บางอันเป็นลิงก์ระบบภายในที่ไม่ควรออกจากเครื่องตั้งแต่แรก

ภาพหน้าจอจริงของ QR Code Generator — ของจริงเปิดดูได้จากปุ่มบนหน้านี้

สร้างในเครื่องล้วน

ตัว QR engine ถูกฝังไว้ในไฟล์ ไม่เรียก CDN — บันทึกหน้าเว็บไฟล์เดียวไปเปิดตอนไม่มีเน็ตก็ยังใช้ได้ ตัวแอปวาด matrix เองทั้งฝั่ง canvas สำหรับ PNG และฝั่ง SVG รองรับข้อความไทยกับ emoji และวางโลโก้กลางโค้ดได้

พิสูจน์ว่าสแกนติด ไม่ใช่แค่ดูเหมือน QR

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

โหมดทีมใน LAN

รันเซิร์ฟเวอร์ตัวเล็กแล้วคนในวงเดียวกันเข้ามาสร้าง QR ได้ สำเนางานเด้งกลับมาเก็บที่เครื่องเจ้าของ — แปลว่ามันกลายเป็นเว็บเซิร์ฟเวอร์จริง ๆ และรอบรีวิวความปลอดภัยก็สอนราคาของคำนั้น: กันไฟล์ด้วย allowlist ไม่ใช่ blocklist, ถอดรหัสชื่อไฟล์ก่อนเทียบไม่ใช่หลัง, และไฟล์ SVG ที่ผู้ใช้ส่งเข้ามาคือ XSS ถ้าเสิร์ฟออกไปตรง ๆ

บทเรียนคือเครื่องมือออฟไลน์กับเซิร์ฟเวอร์เป็นคนละเรื่องกัน วินาทีที่เปิดพอร์ต กติกาทั้งชุดเปลี่ยน

ตัวเว็บกดดูได้ที่ปุ่มด้านบน