TikZ Editor คือเครื่องมือ WYSIWYG สำหรับวาดรูปในเอกสาร LaTeX แบบลากวางเห็นผลจริง ไม่ต้องเขียนโค้ด TikZ ทั้งหมดเอง แก้ปัญหาที่นักวิจัยและนักศึกษาเจอบ่อยคือเสียเวลาลองผิดลองถูกกับ syntax ของ TikZ ที่ค่อนข้างซับซ้อน เหมาะกับคนที่ต้องทำ diagram, graph หรือ figure สำหรับ paper บ่อยๆ แต่ไม่อยากจำ command ยากๆ
ที่น่าสนใจอีกอย่างคือมันเป็น open source (MIT license) สร้างโดย Dominik Peters และตัวโปรเจกต์เองก็เขียนขึ้นแทบทั้งหมดด้วย Codex เปิดใช้ได้ทั้งบนเว็บและ desktop app (macOS / Windows / Linux) โดยไม่มีค่าใช้จ่าย เวลาที่เซฟได้จากการไม่ต้อง debug TikZ code เองนั้นคุ้มค่าตั้งแต่ยังไม่ต้องจ่ายเงินซักบาท
หน้าตาตัวจริงของเครื่องมือ
Layout หลักคือแบ่งเป็น 2 ฝั่ง — canvas สำหรับลาก shape / วาด path / เขียน freehand ทางหนึ่ง กับ source editor ที่มี syntax highlight + autocomplete อีกทางหนึ่ง ทั้งสองฝั่ง sync กันแบบ two-way คือปรับที่ canvas โค้ดขยับตาม หรือแก้โค้ดในช่องภาพก็อัปเดต โดยไม่ทำลาย formatting เดิม (line break, spacing) ที่คุณเขียนเอาไว้
จุดที่ทำได้ดีคือ sync ระหว่างภาพกับโค้ดแบบ real-time แบบนี้ เพราะเห็นเลยว่าลากเส้นแบบนี้ โค้ดหน้าตาแบบไหน ช่วยให้เข้าใจ syntax ไปในตัวโดยไม่ต้องท่องจำ
ตอนที่ต้องนั่งงมโค้ด TikZ กลางดึก
จำได้เลยตอนทำ diagram network topology ใน paper ต้องวาด node เชื่อมเส้นเป็นสิบจุด แต่ TikZ มันไม่มี preview สดๆ
ทุกครั้งที่ขยับพิกัดนิดเดียว ต้อง compile ใหม่ทั้งไฟล์ รอ 5-10 วินาทีเพื่อดูว่าเส้นมันเบี้ยวไปหรือยัง ปรับทีเดียวไม่พอ ต้องทำแบบนี้วนไปหลายรอบ
บางทีนั่งแก้ตำแหน่ง node จนดึกเพราะแค่ตัวเลขพิกัดผิดนิดเดียว รูปทั้งภาพเลื่อนหมด แถมยัง debug ยากเพราะ error message ของ LaTeX มันไม่บอกตรงๆ ว่าปัญหาอยู่ตรงไหน
พูดตรงๆ ว่าเวลาส่วนใหญ่หมดไปกับการเดา coordinate มากกว่าคิด design จริงๆ ด้วยซ้ำ นี่แหละคือปัญหาที่ทำให้คนหันมาหา tool แบบ WYSIWYG กัน
TikZ Editor อยู่จุดไหนในโลกของเครื่องมือ LaTeX
ใน ecosystem เครื่องมือ LaTeX ตอนนี้แบ่งเป็นสองขั้ว ฝั่งหนึ่งคือ text editor ล้วนๆ อย่าง Overleaf ที่ต้องพิมพ์ code เอง กับอีกฝั่งคือ GUI tools ที่ generate diagram สำเร็จรูปแต่ปรับแต่งลึกๆ ไม่ได้
TikZ Editor เข้ามาเติมช่องว่างตรงกลางพอดี คือให้ลาก node วาง node แบบ visual แต่ output ออกมาเป็น TikZ code ที่ยังแก้มือได้ แถม export ได้ทั้ง SVG / PDF / PNG หรือ standalone LaTeX และยัง import จาก SVG, IPE (.ipe), PowerPoint (.pptx) ได้ ถ้ามีของเก่าที่วาดไว้แล้ว
จุดนี้แหละคือ sweet spot ของคนทำ diagram ใน LaTeX เพราะเราไม่ต้องเลือกระหว่าง “เร็วแต่ควบคุมไม่ได้” กับ “ควบคุมได้แต่ช้า” อีกต่อไป
มันไม่ได้มาแทน Overleaf หรือ text editor เดิม แต่มาเป็นตัวช่วยในขั้นตอนออกแบบ ก่อนจะ export code ไปใช้ต่อในโปรเจกต์จริง
เทียบให้เห็นภาพ: เขียนโค้ดมือ เทียบกับ ใช้ WYSIWYG
เวลาที่เสียไปกับการ compile ดูผลทีละรอบคือจุดที่ทรมานที่สุดของสาย LaTeX มือใหม่ๆ กว่าจะได้ diagram ที่ถูกใจ วนไปหลายรอบเสมอ
| Factor | เขียน TikZ code มือ | ใช้ WYSIWYG Editor |
|---|---|---|
| เวลาต่อ diagram | ช้า ต้อง compile ทุกครั้ง | เร็ว เห็นผลทันที |
| ความแม่นยำตำแหน่ง | ต้องคำนวณ coordinate เอง | ลากปรับด้วยตา |
| Learning curve | สูง ต้องรู้ syntax | ต่ำ ใช้งานง่าย |
| ควบคุม code ละเอียด | Same | Same |
จุดที่ต่างจริงๆ คือ workflow ตอนออกแบบ ไม่ใช่ตอน export เพราะสุดท้าย code ที่ได้ก็แก้มือได้เหมือนกัน แค่ตัดขั้นตอน trial-and-error ที่น่าเบื่อออกไป
ฟีเจอร์เด่นที่ใช้ได้จริงในงานประจำวัน
ลองแตกฟีเจอร์หลักมาจับกับสถานการณ์จริงที่เจอบ่อยๆ
Shape library 25+ แบบ ไล่ตั้งแต่ rectangle, circle, ellipse, diamond, polygon, star รวมถึง tree ที่มี child operations และ matrix กับ \foreach loop เหมาะกับนักเรียนที่ทำการบ้านวาด geometry proof แล้วไม่อยากนั่งจำ syntax วาดเส้น
Real-time two-way sync ช่วยนักวิจัยที่ต้องแก้ diagram ในเปเปอร์บ่อยๆ เห็นผลทันทีไม่ต้อง compile ใหม่ทุกรอบ
Export หลายฟอร์แมต ทั้ง SVG / PDF / PNG และ standalone LaTeX ตรงนี้อาจารย์ชอบสุด เพราะเอาไปแปะในสไลด์หรือเอกสารได้เลย ไม่ต้อง maintain ไฟล์แยก
Import ของเก่าได้ รับ SVG, IPE (.ipe) และ PowerPoint (.pptx) — ถ้ามี diagram ที่เคยวาดค้างไว้จากเครื่องมืออื่น เอามาแก้ต่อได้เลย
ฟีเจอร์พวกนี้ไม่ได้ทำให้ TikZ เก่งขึ้น แต่ทำให้คนที่ไม่ถนัด syntax เข้าถึงได้เร็วขึ้นมาก โดยเฉพาะช่วงเริ่มต้นที่มักท้อก่อนเพราะ debug code ไม่เป็น
ถ้าไม่ใช้ตัวนี้ มีตัวเลือกอะไร
ถ้าไม่อยากง้อ WYSIWYG editor ตัวเลือกอื่นก็มี Inkscape ที่ export เป็น TikZ code ได้ หรือใช้ TikZiT ที่เป็น graphical editor รุ่นเก่ากว่า หรือจะเขียนมือดิบๆ ใน Overleaf ก็ได้ — แต่ต้องทนกับ compile loop เอง
ข้อดีของ TikZ Editor เมื่อเทียบกับตัวอื่นคือมันเป็น web app ที่เปิดใช้ได้เลยไม่ต้องติดตั้ง (ถ้าอยากใช้ desktop เต็มรูปแบบก็มี native app ให้โหลด) แถมเป็น MIT license open source เต็มตัว ถ้าอยาก fork หรือปรับแต่งเอาไปใช้ในองค์กรก็ทำได้อย่างเสรี
พูดสั้นๆ คือถ้าคุณเจ็บปวดกับการงม coordinate ของ TikZ มานาน ตัวนี้คุ้มค่าลองอย่างน้อยหนึ่งครั้ง เพราะไม่มีต้นทุนอะไรจะเสียเลย.