Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Sign up for free
Menu
Search
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Pricing
Search
Sign in
Sign up for free
【shownet.conf_】トポロジ図の歩き方
Search
ShowNet
PRO
September 30, 2024
Technology
5.8k
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
130
【swonet.conf_ 2026】SC1-02_トポロジー図の歩き方
shownet
PRO
1
230
【swonet.conf_ 2026】SC1-03_ShowNetで探る、液冷(水冷)システムの実装可能性
shownet
PRO
0
170
【swonet.conf_ 2026】SC1-04_"高密度化/自動化への挑戦"と"繋がる当たり前"の共存
shownet
PRO
1
140
【swonet.conf_ 2026】SC1-05_ShowNet 2026で見えた次世代伝送の方向性
shownet
PRO
0
120
【swonet.conf_ 2026】SC1-06_ルーティングセキュリティと広帯域化で具現化する対外接続の未来
shownet
PRO
1
100
【swonet.conf_ 2026】SC1-07_ShowNetバックボーンを支えるテクノロジー
shownet
PRO
0
170
【swonet.conf_ 2026】SC1-08_広帯域化するWi-Fiと多様化する通信需要
shownet
PRO
0
140
【swonet.conf_ 2026】SC1-09_実践の場で育む技術と未来
shownet
PRO
0
100
Other Decks in Technology
See All in Technology
スプシの手作業からの解脱 ~更新はClaude Codeに、見せ方と使い方はGASアプリに任せる~
kentarofujii
0
170
LambdaWebFunctionsを試してみた / exploring-lambda-web-functions
koukihosaka
1
380
Claude Code on Bedrock で統制をかける小ネタ集/claude-code-bedrock-governance-tips
emiki
1
140
Turning Repos into the Product Second Brain with an LLM Wiki
linedevth
0
130
Classmethod Company Deck
satoshi7
1
800
Codex を使った障害対応机上演習の実際
orgachem
PRO
0
240
AI導入は済んだ。次は統制を作り替える番だ_AI×開発組織 Summit 2026
techtekt
PRO
0
480
10年後、Engineering 行為を剥奪されるとして、わたしたちは、どう、何を創ればいいだろうか。 / If Engineering Is Taken Away in 10 Years, How and What Should We Create?
bitkey
PRO
1
220
Gemini Intelligence 入門 ― AppFunctions と Gemini Nano
takuroabe
0
340
What Is JetBrains Air
x5gtrn
PRO
0
140
企画を Software Factory-ready にする——開発が高速になったとき、PdMの仕事はどう変わったか
yachibit
1
130
How to Design Configuration for Rails Applications
willnet
1
1.1k
Featured
See All Featured
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
230
23k
Leo the Paperboy
mayatellez
10
2.4k
Collaborative Software Design: How to facilitate domain modelling decisions
baasie
1
350
Product Roadmaps are Hard
iamctodd
55
13k
GraphQLの誤解/rethinking-graphql
sonatard
75
12k
Building a Modern Day E-commerce SEO Strategy
aleyda
45
9.3k
Public Speaking Without Barfing On Your Shoes - THAT 2023
reverentgeek
1
610
End of SEO as We Know It (SMX Advanced Version)
ipullrank
3
4.4k
Ruling the World: When Life Gets Gamed
codingconduct
0
410
Google's AI Overviews - The New Search
badams
0
1.6k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
50
10k
svc-hook: hooking system calls on ARM64 by binary rewriting
retrage
2
630
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年にわたる図面の進化をお楽しみください