Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
【shownet.conf_】トポロジ図の歩き方
Search
ShowNet
PRO
September 30, 2024
Technology
5.7k
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
【shownet.conf_】トポロジ図の歩き方
SPEAKER
ShowNet NOCチームメンバー
中村 遼(東京大学)
ShowNet
PRO
September 30, 2024
More Decks by ShowNet
See All by ShowNet
【swonet.conf_ 2026】SC1-01_オープニングセッション
shownet
PRO
0
60
【swonet.conf_ 2026】SC1-02_トポロジー図の歩き方
shownet
PRO
0
81
【swonet.conf_ 2026】SC1-03_ShowNetで探る、液冷(水冷)システムの実装可能性
shownet
PRO
0
54
【swonet.conf_ 2026】SC1-04_"高密度化/自動化への挑戦"と"繋がる当たり前"の共存
shownet
PRO
0
53
【swonet.conf_ 2026】SC1-05_ShowNet 2026で見えた次世代伝送の方向性
shownet
PRO
0
60
【swonet.conf_ 2026】SC1-06_ルーティングセキュリティと広帯域化で具現化する対外接続の未来
shownet
PRO
0
51
【swonet.conf_ 2026】SC1-07_ShowNetバックボーンを支えるテクノロジー
shownet
PRO
0
58
【swonet.conf_ 2026】SC1-08_広帯域化するWi-Fiと多様化する通信需要
shownet
PRO
0
54
【swonet.conf_ 2026】SC1-09_実践の場で育む技術と未来
shownet
PRO
0
48
Other Decks in Technology
See All in Technology
「図書館」という名前のままでいいのか -Code4Lib JAPANカンファレンス2026 アンカンファレンス報告- / Code4Lib JAPAN Conference 2026: Unconference Report
ykiyota
0
110
module Synths; end
asonas
1
130
Bet AI Day 2026丨Agentは、「金融」という巨大産業の何を変えられるのか
layerx
PRO
0
1.2k
リージョンの壁を越える、 ちょっと変わったAWSサービスの話
falken
PRO
0
270
コスト最適化の「めんどくさい」を AWS FinOps Agent でチョット楽にする
classmethod_kaz
0
280
From Vanilla Kubernetes to a Batteries-Included Platform: Developer Experience at 1,300+ Clusters
yosshi_
0
630
こんなアーキテクチャ図は嫌だ BEYOND THE TIME: 半年後の自分へ贈る15のメッセージ / 15 of Anti-pattern in AWS Architecture Diagrams
naospon
3
270
Adaptive Warehouse を今すぐ導入すべき理由と迷ったときの判断基準
__allllllllez__
0
120
Bet AI Day 2026丨AIを「使う」から、AIが「働く」へ ― LayerXが進める「組織AI」の社会実装
layerx
PRO
3
2.8k
Where Is JetBrains AI Heading- — Central CLI, Air Alpha, and the Agentic Development Stack
x5gtrn
PRO
0
150
Microsoft 365 Copilot chat -tekoälypalvelun tietosuojaongelmat
hponka
0
560
プロダクト思考 × 基盤思考を AIで実現する Compound Engineering
tkc66buzz
1
290
Featured
See All Featured
The Straight Up "How To Draw Better" Workshop
denniskardys
239
140k
A Tale of Four Properties
chriscoyier
163
24k
Money Talks: Using Revenue to Get Sh*t Done
nikkihalliwell
0
490
XXLCSS - How to scale CSS and keep your sanity
sugarenia
249
1.3M
Kristin Tynski - Automating Marketing Tasks With AI
techseoconnect
PRO
0
510
How to Align SEO within the Product Triangle To Get Buy-In & Support - #RIMC
aleyda
2
1.8k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
28
3.6k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
31
2.9k
Odyssey Design
rkendrick25
PRO
2
800
svc-hook: hooking system calls on ARM64 by binary rewriting
retrage
2
560
Stop Working from a Prison Cell
hatefulcrawdad
274
21k
Become a Pro
speakerdeck
PRO
31
6.2k
Transcript
1 トポロジ図の歩き方 shownet.conf_ 2024/9/25 ShowNet NOC チームメンバー 中村 遼
ネットワークトポロジ図 • ネットワークトポロジ • ネットワークを構成するノードとリンクの接続関係のこと • 抽象化するとグラフ(頂点と辺の集合)、実際はずっと多彩 • トポロジ図の目的 •
ネットワークの設計・構成の視覚的な把握と共有 2 router switch Wireless AP laptop server cloud transit A C B ノード リンク lag 0 1
ShowNet 2024 トポロジ図: 通称 図面, e.pdf
None
トポロジ図の歩き方: アイコン編 • アイコンはレイヤーごとに色分け • 色の傾向だけ覚えておけば直感的に把握できる情報が増える 5 Layer-4~7 Layer-3 Layer-2
Layer-1 router cpe L3-switch cgn/LB cache firewall router vpn security device firewall inline vpn switch ap tester broker dwdm tap splitter 1 radio unit transponder roadm transit ix storage terminal appliance server console server webcam printer display Server/Appliance
アイコンの意匠 • それぞれの機能を表現している 6 • パケットの宛先に応じて転送する矢印 のイメージ • 複数のセッションを少数のOuter IPに
変換するイメージ • 古くからのレンガの塀のイメージに トラフィックを許可する穴が空いている Router CGN Firewall ぜひ他のアイコンもよーく見てみてください
増え続けるアイコンと表現 • 毎年新たなるアイコンが生み出される • 新しい技術、新しいデモンストレーション 7 衛星と地上局 GNSSアンテナ Local 5Gの
基地局 VRFの表現
• リンクの太さで帯域を表現 • 両端にインターフェース番号 • インターフェース番号の色で タイプを識別 トポロジ図の歩き方: リンク編 8
0-1-0-4 ▲ 0-0-0 ▲ 例: ルータAの0/0/0とルータBの0/1/0/4が100G LR4で接続 Router A Router B 一般的なインターフェース名ではスロットやポートが '/' で区切ら れるが、図面上に高密度にインターフェース名を記載すると見づ らいため、ShowNetでは図面上やインターフェースdescriptionでは '-' に統一している
実際のリンク 9
実際のリンク 10 MX204のxe-0/1/0と0/1/1 は10G LRでTDDに接続、 xe-0/1/4~7はテスター用 のパッチに接続
実際のリンク 11 MX204のet-0/0/1と、Cisco 8201の HundredGigE 0/0/0/0が装置側は100G LR4で 接続、間には伝送装置がはいっている またCisco 8201のFourtyGigE
0/0/0/6が、XRd の乗っているUCSと40G LR4で接続している
リンクの表現の変遷 • 高帯域化とインターフェース種別の増加 • Ethernetのリンクスピードの高速化は目覚ましい • ケーブル種別を色で表現 → インターフェース種別になり種類が増大 2012年
2013年 2016年 2017年 2019年 2024年
箱と紐の接続 • ひとつのアイコンに接続できる線の数には限界がある • アイコンの拡張としての線を導入 13 1ルータアイコンに接続 できる線は多くても20本ほど 図面上でひとつの機器にたくさんのリンクを接続するための工夫 この丸線はs5732への接続を意味する
トポロジ図の歩き方: 論理編, VLAN • VLANは線で表記 (おそらく最も一般的な表現方法) 14 • インターフェースに設定されたVLANが tagかtaggedかを識別できるように表現
• 1 VLAN = 1種類の線で表現するのは、 大量のVLANがある場合はワークしない • おそらくこれはみな同じ悩みを抱えている と思います...
トポロジ図の歩き方: 論理編, ルータ間リンク • Link IDとDevice ID • なるべく多くの情報を図面上にエンコードする工夫 •
各ルータ間リンクには一意のID (Link ID)を割り当てて、Link IDと Device IDからそのリンクに付与すべきアドレスを生成する 15 Link ID XYZ VLAN ID: XYZ IPv4 Address: 45.0.X.(YZ x4)/30 IPv6 Address: 2001:3e8:0:XYZ::/64 ルータA側のアドレスは 45.0.1.5/30, 2001:3e8:0:101::1/64 ルータB側のアドレスは 45.0.1.6/30, 2001:3e8:0:101::2/64 0-1-0-4 ▲ 0-0-0 ▲ Router A Router B 10110 .1 .2
• 実際のLink ID • Link IDの右上にある数字(10や100など)はIGP Metric • Link IDがあるリンクはRouting
Protocolが動いている(ことが多い) Link ID 16
Link IDの副次的な効果 • デバッグ/トラシュー時の意思疎通を助ける • 「Cisco 8kとMXの間のリンクがflapしてる」「どのC8k?」 • 「Link ID
101番がflapしてる」 • 経路についても、どのLinkを通って いるかを人に伝えやすい 17 「Link ID 110は今伝送のデバッグ中 で落ちてるからLink ID 112から 111へ迂回してるので正しい」
トポロジ図の歩き方: 論理編, Routing • どの範囲がどの経路制御で動いているかは記載されている • 今年はSRv6 L3VPN uSID (IGPはISIS)とEVPN
VXLAN (IGPはOSPF) • さきのLink IDと組み合わせることであるべき経路が読み取れる 18 SRv6 L3VPNの範囲 = ISISが動作し、Coreのcisco8201、 ptx10002、ncs57b1がP、それ以外はPEなのでBGPを張 っていることが推察できる EVPN-VXLANの範囲 = OSPFが動作し、下段のL3 Switchが VTEPとして動作するらしいことが読み取れる
Routingは広大で深淵 • 図面に載せきれない細かいパラメータは別資料に整理 • 各種タイマー系や、エリア、levelなど • その他細かいRouting Policy • SRv6のSID設計、EVPN周りの設計などなど...
• Markdownで書いてGithubで管理、ShowNet独自のチケットシステ ムから見られるようになっている 19
描き方のTips: レイアウトを揃える • 各装置の役割に応じたレイヤーに揃えて配置する • どの箱とどの箱が機能的に対応関係にあるのか視覚的に捉えやすい 20
描き方のtips: 線は曲げない、重ねない • なるべく線同士が重なる箇所は少なくなるように配置する • 関係ない装置のアイコンに線がかぶるのは避ける 21
トポロジ図を描くあなたに • ShowNet Icons • ShowNetのトポロジ図のために作 られたアイコン集がクリエイティ ブコモンズライセンスで公開され ています! 22
https://github.com/interop- tokyo-shownet/shownet-icons
絵描きさん • ShowNetの図面は全てNOCチームの 河口さんの手によるものです • 河口さんによるトポロジ図の解説記事 「図面とともにあらんことを!」 http://www.f2ff.jp/interop/2014/noc/shownet- topology-map.php •
日経NETWORKさんによるインタビュー 「2000ノードを1枚に凝縮 プロがうなる 「あの図」の秘密」 https://xtech.nikkei.com/atcl/nxt/mag/nnw/18/07170 0196/071700001/ 23
トポロジ図の歩き方 • ShowNetのトポロジ図 • 600名以上のエンジニアが、2000以上のノードからなるShowNetを 直感的に把握し、意思疎通して構築・デバッグするためのツール • ShowNetの全てがA3サイズに記載されている • ノード間の接続はもちろん、インターフェース種別からバック
ボーンのVLAN番号やIPアドレスや経路制御まで読み取れる 24 • ShowNet NOC Teamのnoteで、1994年から2023年いた るまでのShownetのトポロジ図を見ることができます • ぜひ30年にわたる図面の進化をお楽しみください