.DRAWIO オプション番号
拡張子が .drawio のファイルは、ダイアグラムを操作するためのオープンソース プログラムである diagrams.net の draw.io で作成された描画ファイルです。テキスト、画像、レイアウト、形状、配置など、ダイアグラム要素のコンテンツとフォーマットに関する全体的な情報が含まれています。 DRAWIO がサポートする図には、フローチャート、組織図、地図、エンジニアリング要素、プロセス図、チャートなどが含まれます。 DRAWIO ファイルは、JPG、PNG、BMP、[XML](/web など、いくつかの異なる形式にエクスポートできます。 /xml/)、PDF、HTML、VSDX。
DRAWIO ファイル形式
DRAWIO ファイルはベクター画像ファイルで、標準の XML ファイル形式で保存されます。 diagrams.net によって開発され、Microsoft Visio と同様のダイアグラム情報を保存する機能を提供します。 DrawIO は オンライン アプリ として利用でき、図を作成して開き、さまざまな形式にエクスポートできます。このアプリは、Chrome、Firefox、Edge、Safari などの主要なブラウザーで実行されるインタラクティブなグラフおよびチャート アプリケーションを提供する mxGraph ダイアグラム ライブラリに基づいています。
DRAWIO の例
次の例は、DRAWIO アプリで作成した簡単なフローチャートです。
エクスポートで生成される出力 XML は次のとおりです。
<?xml version="1.0" encoding="UTF-8"?>
<mxfile host="app.diagrams.net" modified="2021-05-17T17:18:48.774Z" agent="5.0 (Macintosh; Intel Mac OS X 10_14_5) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/90.0.4430.93 Safari/537.36" etag="jyk4LjRpkp5MiVdB0UgM" version="14.6.13" type="device">
<diagram name="Page-1" id="74e2e168-ea6b-b213-b513-2b3c1d86103e">
<mxGraphModel dx="946" dy="469" grid="1" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" page="1" pageScale="1" pageWidth="1100" pageHeight="850" background="#ffffff" math="0" shadow="0">
<root>
<mxCell id="0" />
<mxCell id="1" parent="0" />
<mxCell id="IQM8xkm7UoOLgGwT3--F-3" value="" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;" edge="1" parent="1" source="IQM8xkm7UoOLgGwT3--F-1" target="IQM8xkm7UoOLgGwT3--F-2">
<mxGeometry relative="1" as="geometry" />
</mxCell>
<mxCell id="IQM8xkm7UoOLgGwT3--F-1" value="Jogging Start" style="rounded=0;whiteSpace=wrap;html=1;" vertex="1" parent="1">
<mxGeometry x="440" y="240" width="120" height="60" as="geometry" />
</mxCell>
<mxCell id="IQM8xkm7UoOLgGwT3--F-5" value="" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;" edge="1" parent="1" source="IQM8xkm7UoOLgGwT3--F-2" target="IQM8xkm7UoOLgGwT3--F-4">
<mxGeometry relative="1" as="geometry" />
</mxCell>
<mxCell id="IQM8xkm7UoOLgGwT3--F-7" value="" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;" edge="1" parent="1" source="IQM8xkm7UoOLgGwT3--F-2" target="IQM8xkm7UoOLgGwT3--F-6">
<mxGeometry relative="1" as="geometry" />
</mxCell>
<mxCell id="IQM8xkm7UoOLgGwT3--F-2" value="Should Run?" style="rhombus;whiteSpace=wrap;html=1;" vertex="1" parent="1">
<mxGeometry x="460" y="340" width="80" height="80" as="geometry" />
</mxCell>
<mxCell id="IQM8xkm7UoOLgGwT3--F-4" value="Process End" style="rounded=0;whiteSpace=wrap;html=1;" vertex="1" parent="1">
<mxGeometry x="610" y="350" width="120" height="60" as="geometry" />
</mxCell>
<mxCell id="IQM8xkm7UoOLgGwT3--F-9" value="" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;" edge="1" parent="1" source="IQM8xkm7UoOLgGwT3--F-6" target="IQM8xkm7UoOLgGwT3--F-8">
<mxGeometry relative="1" as="geometry" />
</mxCell>
<mxCell id="IQM8xkm7UoOLgGwT3--F-6" value="Run 10 KM" style="rounded=0;whiteSpace=wrap;html=1;" vertex="1" parent="1">
<mxGeometry x="440" y="460" width="120" height="60" as="geometry" />
</mxCell>
<mxCell id="IQM8xkm7UoOLgGwT3--F-8" value="End Run" style="whiteSpace=wrap;html=1;rounded=0;" vertex="1" parent="1">
<mxGeometry x="440" y="600" width="120" height="60" as="geometry" />
</mxCell>
</root>
</mxGraphModel>
</diagram>
</mxfile>
