sqltoerdiagram คือเครื่องมือฟรีที่ช่วยแปลงคำสั่ง SQL ให้กลายเป็น ER Diagram (แผนภาพความสัมพันธ์ของตารางในฐานข้อมูล) แบบ Interactive ได้ทันที เพียงแค่วางคำสั่ง SQL ลงไปฝั่งซ้าย แผนภาพก็จะปรากฏขึ้นฝั่งขวาในไม่กี่วินาที

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

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

วางคำสั่ง SQL ฝั่งซ้าย ได้แผนภาพฝั่งขวาทันที

ขั้นตอนการใช้งานง่ายและตรงไปตรงมา เมื่อเปิดหน้าเว็บขึ้นมาจะพบกับหน้าจอสองฝั่ง ฝั่งซ้ายเป็น SQL Editor ที่มีระบบ Syntax Highlighting ส่วนฝั่งขวาเป็น Canvas สำหรับแสดงแผนภาพ เมื่อเราวางคำสั่ง CREATE TABLE หรือ ALTER TABLE ลงในฝั่งซ้าย ระบบจะสร้างกล่องตารางและวาดเส้นเชื่อมโยงความสัมพันธ์ขึ้นมาฝั่งขวาให้อัตโนมัติ

แต่ละกล่องตารางจะแสดงรายละเอียดครบถ้วน ทั้ง Primary Key, Foreign Key และเส้นโยงความสัมพันธ์ผ่าน REFERENCES ตัวแปลง SQL รองรับ Constraint มาตรฐานที่ใช้งานจริงอย่างครอบคลุม ไม่ว่าจะเป็น PRIMARY KEY, NOT NULL, UNIQUE, REFERENCES ที่เขียนระดับคอลัมน์ ไปจนถึง FOREIGN KEY ... REFERENCES ... และ CONSTRAINT ... FOREIGN KEY ระดับตาราง รวมถึง ALTER TABLE ... ADD FOREIGN KEY ที่เพิ่มความสัมพันธ์ในภายหลัง

เครื่องมือนี้รองรับฐานข้อมูลยอดนิยมหลากหลายระบบ ทั้ง MySQL, PostgreSQL, SQL Server และ SQLite สามารถคัดลอกคำสั่งสร้างตารางมาวางได้ทันที ไม่ว่าชื่อตารางจะครอบด้วย Quote, Backtick, [Bracket] หรือเขียนในรูปแบบ schema.table_name ก็สามารถประมวลผลได้อย่างถูกต้อง

แผนภาพอ่านง่าย ไม่รกสายตาด้วยระบบ Dynamic Focus

ปัญหาคลาสสิกของแผนภาพฐานข้อมูลขนาดใหญ่คือ เมื่อมีตารางจำนวนมาก เส้นเชื่อมโยงจะพาดทับกันจนดูไม่รู้เรื่อง sqltoerdiagram จัดการปัญหานี้ด้วยการตั้งค่าให้เส้น Foreign Key จางลงเป็นค่าเริ่มต้น และจะไฮไลต์เด่นชัดขึ้นมาเฉพาะตอนที่เราโฟกัสที่ตารางนั้น

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

แก้ไข Schema ได้โดยตรงบนผืนผ้าใบ

แผนภาพที่ได้ไม่ใช่รูปภาพนิ่ง แต่เป็น Canvas แบบ Interactive สองทาง เราสามารถแก้ไขผ่าน SQL Editor ฝั่งซ้ายเพื่อให้ภาพอัปเดตตาม หรือจะดับเบิลคลิกที่ชื่อตาราง ชื่อคอลัมน์ หรือประเภทข้อมูล (Data Type) บนผืนผ้าใบฝั่งขวาเพื่อพิมพ์แก้ไขได้โดยตรง เมื่อเราเปลี่ยนชื่อตาราง ระบบจะอัปเดตคำสั่ง REFERENCES ที่ชี้มายังตารางนั้นให้อัตโนมัติ

หากต้องการเพิ่มคอลัมน์ใหม่ เพียงคลิกเลือกตารางแล้วกด "+ add column" บน Canvas ได้ทันที นอกจากนี้ระบบจะบันทึกตำแหน่งของตารางและ Schema ล่าสุดไว้ใน Local Storage ของเบราว์เซอร์โดยอัตโนมัติ ทำให้เมื่อปิดหน้าต่างแล้วเปิดใหม่ เลย์เอาต์เดิมก็ยังคงอยู่ครบถ้วน

การบันทึกและส่งต่องาน

เมื่อจัดแผนภาพเรียบร้อยแล้ว สามารถนำผลงานไปใช้งานต่อได้หลากหลายรูปแบบ:

• บันทึกเป็นไฟล์ .json: เก็บทั้งคำสั่ง SQL, ตำแหน่งตาราง, มุมมอง และ dialect ไว้ในไฟล์เดียว สามารถนำกลับมาเปิดแก้ไขต่อในอนาคตได้ เหมาะสำหรับการจัดเก็บในเครื่องส่วนตัว
• สร้าง Share Link: ได้ลิงก์ที่ฝังข้อมูลโปรเจกต์ทั้งหมดไว้ใน URL สามารถส่งให้ทีมเปิดดูได้ทันทีโดยไม่ต้องแนบไฟล์เพิ่มเติม
• ส่งออกเป็น PNG หรือ SVG: ไฟล์ PNG เหมาะสำหรับนำไปแปะในเอกสารหรือสไลด์นำเสนอ ส่วน SVG เป็นไฟล์เวกเตอร์ที่คมชัด ไม่แตกเมื่อขยายขนาด เหมาะกับงานพิมพ์หรือเอกสารเชิงเทคนิค

จุดที่น่าสนใจในด้านความปลอดภัยคือ ระบบ Share Link จะเก็บข้อมูลทั้งหมดไว้หลังเครื่องหมาย # (Hash Fragment) ใน URL ซึ่งตามมาตรฐานเว็บเบราว์เซอร์จะไม่ส่งข้อมูลส่วนนี้ไปยังเซิร์ฟเวอร์ ทำให้มั่นใจได้ว่าแม้จะส่งแชร์ลิงก์ให้ผู้อื่น โครงสร้าง Schema ก็ยังคงประมวลผลอยู่บนฝั่ง Client เท่านั้น

ความสำคัญของการประมวลผลบนเครื่อง (Client-side Only)

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

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

เริ่มต้นใช้งานใน 3 ขั้นตอน

สามารถเริ่มต้นใช้งานได้ทันทีโดยไม่ต้องติดตั้งโปรแกรม:

1. เปิดเว็บไซต์ sqltoerdiagram.com บนเบราว์เซอร์
2. คัดลอกคำสั่ง CREATE TABLE ของโปรเจกต์มาวางในช่องฝั่งซ้าย (สามารถเริ่มทดสอบจากตารางสั้นๆ ได้ เช่น):

CREATE TABLE customers (
  id INT PRIMARY KEY,
  name VARCHAR(100) NOT NULL,
  email VARCHAR(255) UNIQUE
);

CREATE TABLE orders (
  id INT PRIMARY KEY,
  customer_id INT REFERENCES customers(id),
  total DECIMAL(10,2)
);

3. แผนภาพความสัมพันธ์จะปรากฏขึ้นที่ฝั่งขวาทันที สามารถเลื่อนเมาส์ไปวางบนตาราง orders เพื่อดูการไฮไลต์เส้นเชื่อมต่อไปยัง customers และวางคำสั่งของตารางอื่นๆ เพิ่มเติมได้ตามต้องการ

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

ที่มา: sqltoerdiagram บน GitHub