ネットワークの基礎を一気に拡充 — ネットワークカテゴリに12ツール追加

network（CIDR/サブネット計算）を起点に、ネットワークの基礎領域を一気に12ツール拡充しました。すべて ブラウザ内で完結（送信ゼロ）・防御/教育目的で、図解アニメ「StepDiagram」も活用しています。

🎬 しくみ図解（動いて分かる）

ツール	中身
通信の階層を整える	OSI 7層 / TCP-IP 4層・カプセル化アニメ・対応表
TCP/UDPを整える	3ウェイハンドシェイク・TCP vs UDP
HTTPSのしくみを整える	TLSハンドシェイク・証明書/認証局・httpとの違い
NATを整える	プライベート↔グローバル変換・NAPT・ポート開放

🔢 IPアドレス基礎（実際に変換）

ツール	中身
IPアドレスを整える	IPv4 ⇔ 2進/16進/32bit整数・種別判定
サブネット設計を整える	CIDR⇔マスク⇔ワイルドカード早見＋VLSM自動分割
IPv6を整える	完全展開⇔短縮（RFC5952）・ネットワーク/機器部の色分け
MACアドレスを整える	4表記の相互変換・I/G・U/Lビット判定・OUI色分け

📚 リファレンス早見（毎回ググるやつ）

ツール	中身
HTTPステータスコードを整える	200/301/404/500… を検索・クラス別色分け
ポート番号を整える	22 SSH・80 HTTP・443 HTTPS… 約50を検索
HTTPメソッド・ヘッダーを整える	GET/POSTの違い・冪等性、主要ヘッダーを検索
DNSレコードの種類を整える	A/CNAME/MX/TXT… の意味と読み方＋名前解決の流れ

設計の方針

• 送信ゼロ：計算も検索もすべてあなたのブラウザの中で完結。入力やドメインを外部に投げません（DNSは“実際の引き”はせず「読み方・しくみ」に徹しています）。
• 防御・教育のみ：スキャンなどの攻撃ツールは作りません。仕組みを理解して、自分と組織を守るための基礎を。
• 図解で直感的に：プロトコル系は「動いて分かる」アニメ図解付き。

🌐 ネットワークを整える カテゴリの全ツール

※ 公開当初はIT（エンジニア）カテゴリに追加しましたが、その後ネットワークが独立カテゴリになりました。