サイトSSL化対応HOMEToolsDraw.io~Visio感覚で使える無料オンライン作図ツールDraw.io~Visio感覚で使える無料オンライン作図ツール2018年12月3日Toolsちょっとしたシステム構成説明のポンチ絵やネットワークダイアグラム、トポロジー図などを書く時に使用する無料のオンラインツール「draw.io」についてあれこれと。仕事でこの手のお絵かきをする際、私の場合主な選択肢は2つでした。Viewerを端末にインストールする必要があり、少々敷居の高い位置づけとなっています。後者はExcelということで、汎用性もありちょっとしたお絵かきであれば十分だったりしますが、あくまで表計算ツールおまけで微調整が効かなかったりします。紹介するdraw.ioは上記の中間的な位置づけにあるツールと言っても良いかと思います。Chromeのエクステンションとして動作draw.ioはChromeウェブブラウザのエクステンション(追加モジュール)として動作します。ゆえに利用するにはChromeが必須となります(Chromeは無料のWebブラウザです)ChromeのエクステンションということでAndroid版のChromeでも動作はしますが、ハッキリ言ってスマホではとてもじゃないけど操作は大変です。マウスのあるPCで使うのが唯一解かと。エクステンションはChromeウェブストアからインストール可能です。インストールすると、「アプリ」の一覧にdraw.ioのアイコンが追加されるのでそれをクリックするとツールが起動します。豊富なテンプレート/ステンシルテンプレートはネットワーク関連に限らずフローチャートやUML図など、色々な状況に合わせたテンプレートが用意されており、テンプレートに合わせてステンシルのセットがデフォルトで組み込まれています。デフォルトのステンシルセットにCisco系のものもあります。私の場合ネットワーク関係ではこれが一番使用頻度が高いです。デフォルトのステンシル以外にも、検索窓から検索して使用することができます。最近ではAWS関連の資料もよく作るのでこれらのステンシルが使えるというのもありがたいですね。直観的操作が可能なユーザインタフェースステンシルを選び配置し、ステンシル同士を何かしらのコネクタ(線)で結び、テキスト(文字)を追加して色やら形状やらを変更するというのが基本的な流れになりますが、直観的なUIにより操作はとても簡単です。右のペインではステンシル(オブジェクト)のプロパティが表示され、ここで色や形状などを指定することができます。最近は主要な部分は日本語化もされているようですが、ある程度慣れていれば日本語でなくても(そもそも説明を読まなくても)十分理解は可能だと思います。作成したドキュメントの保存先ですが、HDD等のローカルへの保存だけでなくクラウドストレージにも対応しています。DriveOneDriveDropboxGitHubTrelloDevice(ローカルHDD等)Browser(これがちょっと仕組みわかってません。主要なクラウドストレージは大方カバーされていますね。Chrome自体がクラウド連携されているので、せっかくならドキュメントもクラウドストレージに置くのも良いかと思います。ローカルに保存する場合は.xml形式で保管されます。保存して次回起動時にその.xmlを読み込ませれば再編集も可能です。不可逆ですがJPEGやPNG、PDFなどにも変換可能です。まとめ慣れるまでの時間はそうそう長くはありません。お試しで以下のようなネットワーク構成図を書いてみましたが、Excelでこれを作るのは結構ホネだと思います。いってこれがVisioレベルかというとそこまでのものではありませんが、無償でここまでできるのであれば御の字です。ここがグッド!直観的なUI豊富なテンプレート/ステンシル保存先や出力フォーマットが豊富ここがイマイチChrome前提なので、企業によってはChromeストアからインストールができないラインが交差した時に跨ぐような描写ができない(Visioでは可能)線オブジェクトを繋いで独自の多角形オブジェクトが作成できない(Visio/Excelでは可能)VisioにはVisioの、ExcelにはExcelの良いところがあります。それでもその中間的な位置づけとしては十分使えると思います。なにより無償という点はVisioもExcelも敵わないところなので、「良いとこ取り」以上の存在にはなるかと思います。コメントをキャンセルメールアドレスが公開されることはありません。新しい投稿をメールで受け取るRECOMMEND関連記事は見つかりませんでした。12.4(24)T1-2018年12月14日Draw.io~Visio感覚で使える無料オンライン作図ツール2018年12月3日ブログをメールで購読メールアドレスを記入して購読すれば、更新をメールで受信できます。※メールアドレスが他の購読者に知られることはありません。購読の解除も簡単にできます。