Mermaid パケット図構文 - Mermaid コードでパケット図を生成するチュートリアル

パケット図とは

パケット図は、ネットワークパケットの構造と内容を表示するための可視化表現であり、ネットワークパケットはネットワークを介して転送される基本データ単位です。

アプリケーション

パケット図は、ネットワークデータパケットの構造を明確かつ簡潔な方法で表現する必要がある開発者、ネットワークエンジニア、教育者、学生に特に役立ちます。

例

コード

                            
                                
                                    
                                    コピー
                                
                                
                                    
                                    埋め込み
                                
                            
                            
                                ---
title: "TCP Packet"
---
packet-beta
0-15: "Source Port"
16-31: "Destination Port"
32-63: "Sequence Number"
64-95: "Acknowledgment Number"
96-99: "Data Offset"
100-105: "Reserved"
106: "URG"
107: "ACK"
108: "PSH"
109: "RST"
110: "SYN"
111: "FIN"
112-127: "Window"
128-143: "Checksum"
144-159: "Urgent Pointer"
160-191: "(Options and Padding)"
192-255: "Data (variable length)"

構文の詳細

範囲：タイトルの後の各行はパケットの異なるフィールドを表し、範囲（例えば 0-15）はパケット内のビット位置を表します。
フィールドコメント：そのフィールドは内容の簡単な説明を表し、二重引用符で囲みます。