กลับไปยังไดอะแกรมทั้งหมด

Git Graph

แสดงภาพกลยุทธ์การแตกสาขาของ Git และประวัติคอมมิต ช่วยอธิบายเวิร์กโฟลว์การควบคุมเวอร์ชัน

Git Graph คืออะไร?

Git Graph คือการแสดงภาพประวัติ Git Repository แสดงสาขา คอมมิต การรวม และแท็กในโครงสร้างแบบต้นไม้ ช่วยให้นักพัฒนาเข้าใจกลยุทธ์การแตกสาขา ติดตามการพัฒนาฟีเจอร์ และอธิบายเวิร์กโฟลว์การควบคุมเวอร์ชัน Git Graph ทำให้ประวัติ Repository ที่ซับซ้อนเข้าใจได้ สนับสนุนการทำงานร่วมกันและกระบวนการตรวจสอบโค้ด

แก้ไขและดูตัวอย่าง

สร้าง Git Graph ด้วยไวยากรณ์ Mermaid และดูการเปลี่ยนแปลงทันที

เอดิเตอร์
100%

Example

Git graph example

A Mermaid gitGraph example showing a branch for examples merged back into main.

Mermaid git graph example showing an examples branch merged into main
Mermaid git graph example showing an examples branch merged into main

Mermaid code

gitGraph LR
      commit id: "docs"
      branch examples
      checkout examples
      commit id: "flowchart"
      commit id: "png"
      checkout main
      merge examples
      commit id: "publish"

กรณีการใช้งานทั่วไป

เอกสารกลยุทธ์การแตกสาขา

อธิบายเวิร์กโฟลว์ Git เช่น GitFlow, GitHub Flow หรือ Trunk-Based Development ช่วยให้ทีมเข้าใจแบบแผนการแตกสาขา

การวางแผนการปล่อย

แสดงภาพสาขาการปล่อย Hotfix และการผสานรวมฟีเจอร์ วางแผนกลยุทธ์การรวมและการปล่อยเวอร์ชัน

บริบทการตรวจสอบโค้ด

แสดงประวัติคอมมิตและความสัมพันธ์ของสาขาระหว่างการตรวจสอบ Pull Request ให้บริบทสำหรับการเปลี่ยนแปลงโค้ด

สื่อการเริ่มต้นงาน

สอนนักพัฒนาใหม่เกี่ยวกับเวิร์กโฟลว์ Git ของทีม สร้างคู่มือภาพสำหรับการดำเนินการ Git ทั่วไป

ฟีเจอร์หลัก

การแสดงภาพสาขา

แสดงหลายสาขา (main, develop, feature, hotfix) ด้วยสีและป้ายกำกับที่แตกต่างกัน

ประวัติคอมมิต

แสดงคอมมิตแต่ละรายการพร้อมข้อความและเมตาดาต้าตามไทม์ไลน์ของสาขา

การดำเนินการรวม

แสดงคอมมิตการรวม การรวมแบบ Fast-Forward และจุดแก้ไขข้อขัดแย้ง

เครื่องหมายแท็ก

ทำเครื่องหมายเวอร์ชันการปล่อยและเหตุการณ์สำคัญด้วยแท็กบนกราฟคอมมิต

แนวทางปฏิบัติที่ดี

รักษาระดับสูง

แสดงขั้นตอนเชิงแนวคิดแทนที่จะแสดงทุกคอมมิต เน้นที่สาขาและจุดรวมหลัก

ใช้ป้ายกำกับที่มีความหมาย

ตั้งชื่อสาขาและคอมมิตให้อธิบายได้ซึ่งอธิบายจุดประสงค์และบริบท

แสดงทิศทางเวลา

ทำให้ทิศทางเวลาชัดเจน โดยปกติจากซ้ายไปขวาหรือจากบนลงล่าง คอมมิตเก่าควรปรากฏก่อนคอมมิตใหม่

เน้นเหตุการณ์สำคัญ

เน้นการปล่อย การรวมหลัก หรือการแก้ไขที่สำคัญ ใช้แท็กหรือคำอธิบายประกอบเพื่อดึงดูดความสนใจ

สำรวจไดอะแกรมประเภทอื่น

Flowchart

แสดงภาพกระบวนการ เวิร์กโฟลว์ และอัลกอริทึมด้วยโหนดและลูกศรทิศทาง เหมาะสำหรับกระบวนการทางธุรกิจและแผนผังการตัดสินใจ

Sequence Diagram

บันทึกการโต้ตอบระหว่างผู้กระทำหรือระบบต่าง ๆ ตามลำดับเวลา เหมาะสำหรับเอกสาร API และการออกแบบระบบ

Class Diagram

สร้างแบบจำลองระบบเชิงวัตถุด้วยคลาส แอตทริบิวต์ และความสัมพันธ์ จำเป็นสำหรับการวางแผนสถาปัตยกรรมซอฟต์แวร์

State Diagram

แสดงการเปลี่ยนสถานะในระบบหรือแอปพลิเคชัน เหมาะสำหรับการสร้างแบบจำลองสถานะวงจรชีวิตและเวิร์กโฟลว์

Gantt Chart

วางแผนและติดตามไทม์ไลน์โครงการด้วยงานและการพึ่งพา เหมาะสำหรับการจัดการโครงการและการจัดตารางเวลา

ER Diagram

ออกแบบสคีมาฐานข้อมูลด้วยเอนทิตีและความสัมพันธ์ เหมาะสำหรับการสร้างแบบจำลองและเอกสารฐานข้อมูล

User Journey

จัดทำแผนที่ประสบการณ์ผู้ใช้และการโต้ตอบข้ามจุดสัมผัส เหมาะสำหรับการออกแบบ UX และการจัดทำแผนที่การเดินทางของลูกค้า

แผนที่ความคิด

จัดระเบียบไอเดีย ระดมความคิด และสร้างโครงสร้างภาพแบบลำดับชั้น เหมาะสำหรับการวางแผนและจัดทำแผนที่ความรู้

แผนภูมิวงกลม

แสดงการกระจายข้อมูลตามสัดส่วนด้วยแผนภูมิวงกลม เหมาะสำหรับแสดงเปอร์เซ็นต์และการวิเคราะห์ส่วนแบ่งตลาด

ไทม์ไลน์

แสดงภาพเหตุการณ์และเหตุการณ์สำคัญตามลำดับเวลา เหมาะสำหรับประวัติโครงการและแผนงาน

บอร์ด Kanban

จัดระเบียบงานเป็นคอลัมน์ที่แสดงขั้นตอนเวิร์กโฟลว์ เหมาะสำหรับการจัดการโครงการแบบ Agile และการติดตามงาน

แผนภูมิสี่ส่วน

วางรายการบนตารางสองแกนเพื่อเปรียบเทียบและจัดลำดับความสำคัญ เหมาะสำหรับการจัดลำดับความสำคัญฟีเจอร์และการวิเคราะห์เชิงกลยุทธ์

ไดอะแกรม Sankey

แสดงภาพปริมาณการไหลระหว่างโหนดด้วยลูกศรตามสัดส่วน เหมาะสำหรับการไหลของพลังงาน การจัดสรรงบประมาณ และช่องทางการแปลง

แผนภูมิ XY

สร้างแผนภูมิแท่งและแผนภูมิเส้นด้วยแกนที่กำหนดเอง เหมาะสำหรับการแสดงภาพข้อมูลและการวิเคราะห์แนวโน้ม

ไดอะแกรมบล็อก

สร้างเลย์เอาต์ที่มีโครงสร้างด้วยบล็อกจัดเรียงในคอลัมน์และแถว เหมาะสำหรับสถาปัตยกรรมระบบและภาพรวมส่วนประกอบ

ไดอะแกรมสถาปัตยกรรม

ออกแบบสถาปัตยกรรมคลาวด์และระบบด้วยไอคอนบริการและการเชื่อมต่อ เหมาะสำหรับเอกสารโครงสร้างพื้นฐาน

ไดอะแกรมแพ็กเก็ต

แสดงภาพโครงสร้างแพ็กเก็ตโปรโตคอลเครือข่ายด้วยเลย์เอาต์ฟิลด์ระดับบิต จำเป็นสำหรับเอกสารโปรโตคอลเครือข่าย