Jupyterlab-Drawioの使い方と導入方法

今回は、JupyterLabで使えるDrawioの使い方と導入について書いていきたいと思います。

まず、「Drawio」とは何かということを簡単に説明したいと思います。
「Drawio」は一言でいうとフローチャートやネットワーク図を作成できる無料の作図ツールです。
そのため、プログラミングをやっている人や、ネットワーク従事者に重宝されるツールです。

現在、ブラウザ版とデスクトップ版と一応ブラウザでの拡張機能(Chrome)があります。

JupyterLab-Drawioの使い方

[Other]の[Diagram]をクリックすると、通常の「Drawio」と同じような画面になります。

[File]→[Export]でコンバートしようとすると、エラーを吐かれてしまう問題がGitHubにissueされていましたが、[File]→[Print]で一度PDFとして書き出すのがいいと思います。

PDFから画像などに変換したい場合

ベストPDFコンバーター：オンラインでPDFファイルを作成・変換（無料）

PDFコンバーターは、オンラインウェブベースのドキュメント-PDFコンバーターソフトウェアです。Word DOC、Excel XLS、PowerPoint PPTなど様々なファイルのタイプからPDFを変換し作成します。

www.freepdfconvert.com

くわしい「Drawio」の書き方はとても詳しく書いてある記事があったので、そちらを参照してください。

【動画付き】 draw.io 使い方まとめ 〜エンジニアでなくても使えるTips集〜 - Qiita

draw.io はブラウザを使用してフローチャート、プロセス図、組織図、UML 図、ER モデル、ネットワーク図などを作成できる優れたツールです。作成した図は xml ファイルとして保存でき、Gi…

qiita.com

JupyterLab-Drawioの導入

基本的にはGitHubに書いてある通りにコマンドを打ち込むことで環境を構築できます。

GitHub - QuantStack/jupyterlab-drawio: A standalone embedding of the FOSS drawio / mxgraph package into jupyterlab

A standalone embedding of the FOSS drawio / mxgraph package into jupyterlab - QuantStack/jupyterlab-drawio

github.com

jupyter labextension install jupyterlab-drawio