アプリを開く

概要

ブラウザ上で手軽にネットワーク構成図を作成できる、直感的で軽量なWebアプリケーションです。ルーターやサーバー、PCなどのデバイスをドラッグ＆ドロップで配置し、クリック操作で簡単にデバイス間を接続できます。

主な機能

• 直感的な配置と接続: サイドバーから10種類のデバイス（ルーター、スイッチ、PC、クラウド、DBなど）をキャンバスにドラッグ＆ドロップ。接続モードをオンにすれば、クリックだけでデバイス同士を線で結べます。

• OSIレイヤーの視覚化: 各デバイスにはOSI参照モデル（L1〜L7）のバッジが付いており、クリックで変更可能。サイドバーから特定のレイヤーだけをハイライト表示でき、論理的なネットワーク構造の把握に役立ちます。

• 自動整列（オートレイアウト）機能: ごちゃごちゃになった図でも、「階層型」「左右フロー」「円形」のボタンを押すだけで、デバイスを美しく自動で並び替えます。

• 充実した編集機能: デバイス名の変更（ダブルクリック）、複数選択、グリッドへのスナップ、複製、Undo/Redo（元に戻す/やり直し）など、エディタとして必要な機能を網羅しています。ショートカットキーにも対応しています。

• エクスポートとインポート: 作成した構成図は高画質な「PNG画像」や印刷用の「PDF」として書き出し可能。また「JSON形式」で保存・読み込みができるため、後日作業を再開することも可能です。

• キャンバス操作: ズームイン・ズームアウト機能（マウスホイール対応）を備え、大規模なネットワーク図の作成にも対応します。

想定されるユースケース

• Homelab