เกี่ยวกับ Mermaid Viewer
ใครดูแลเว็บนี้ และทำไมมันจึงมีอยู่
นี่คืออะไร
Mermaid Viewer คือโปรแกรมแก้ไขไดอะแกรม Mermaid แบบฟรีที่ทำงานในเบราว์เซอร์ คุณพิมพ์หรือวางข้อความ Mermaid ทางซ้าย แล้วไดอะแกรมที่เรนเดอร์แล้วจะปรากฏทางขวาขณะที่คุณพิมพ์
การเรนเดอร์เกิดขึ้นในเบราว์เซอร์ของคุณ ไดอะแกรมไม่ถูกอัปโหลด ไม่ถูกจัดเก็บ และไม่ถูกประมวลผลบนเซิร์ฟเวอร์ — Mermaid ทำงานเป็น JavaScript บนเครื่องของคุณเอง และไฟล์ที่คุณลากมาวางก็ถูกอ่านในเครื่อง นี่คือเหตุผลที่มันใช้ได้กับไดอะแกรมที่คุณคงไม่เอาไปวางในเครื่องมือบนคลาวด์ เช่น สถาปัตยกรรมภายใน ระบบที่มีชื่อลูกค้าอยู่ในป้ายกำกับ หรืออะไรก็ตามที่อยู่ภายใต้ข้อตกลงรักษาความลับ
มีข้อควรทราบหนึ่งข้อที่ผมขอบอกตรง ๆ ดีกว่าปิดบัง หากคุณเปิดใช้ลิงก์แชร์ ไดอะแกรมจะถูกเข้ารหัสไว้ใน URL เอง และ URL ที่คุณส่งให้คนอื่นย่อมเดินทางผ่านเครือข่าย ส่วนที่เหลือทั้งหมดยังอยู่บนเครื่องของคุณ
ทำไมจึงมีสิ่งนี้
ผมต้องทำเอกสารสถาปัตยกรรมซอฟต์แวร์ และอยากให้ไดอะแกรมอยู่ในรีโพซิทอรี ข้าง ๆ โค้ด แทนที่จะอยู่ในโปรแกรมวาดรูปแยกต่างหาก Mermaid เป็นรูปแบบที่ชัดเจนสำหรับเรื่องนี้ สิ่งที่ผมไม่มีคือวิธีดูมันดี ๆ
ผมไม่ได้เริ่มจากการออกไปหาเครื่องมือ ผมมองปัญหา เห็นว่ามันเล็ก และประเมินว่าตัวเองน่าจะสร้างอะไรที่เรียบร้อยได้ในเวลาไม่นาน ก็เลยลงมือทำ — คอมมิตแรกของโครงการนี้คือเดือนมกราคม 2026
ผมสร้างมันเพื่อตัวเอง ไม่ได้คิดเลยไปกว่านั้น ผมแค่อยากเปิดไดอะแกรม เห็นมันถูกเรนเดอร์ ซูมเข้าไปดูส่วนที่สนใจ แล้วส่งลิงก์ให้ใครสักคน คนอื่นมาเจอทีหลัง และนั่นเปลี่ยนว่าผมใช้เวลาไปกับอะไร แต่ไม่ได้เปลี่ยนว่าเครื่องมือนี้คืออะไร
มันทำงานอย่างไร
การเรนเดอร์เป็นหน้าที่ของ Mermaid เว็บนี้คือทุกอย่างที่อยู่รอบ ๆ มัน ได้แก่ ตัวแก้ไขแบบสดพร้อมพรีวิวทันที การซูมและเลื่อนสำหรับไดอะแกรมที่ใหญ่เกินหนึ่งหน้าจอ ธีมสามแบบ การส่งออกเป็น SVG และ PNG ลิงก์แชร์ที่เข้ารหัสไว้ใน URL การลากและวางไฟล์ .mmd และ .mermaid และอินเทอร์เฟซใน 18 ภาษา
ใช้งานได้ฟรี โดยมีโฆษณาที่ไม่รบกวนเป็นผู้สนับสนุนค่าใช้จ่าย
ติดต่อ
คำถามและการแจ้งข้อผิดพลาดส่งไปที่ dominik@malsch.solutions ข้อมูลผู้ดำเนินการอยู่ใน ข้อมูลทางกฎหมาย
เขียนโดย Dominik Malsch · อัปเดตล่าสุด: