ドキュメントでフローチャートや UML 図を作成する

閲覧時間数：3 分

機能紹介

ドキュメントのボードで、フローチャートや UML 図（Unified Modeling Language 図、システムやソフトウェアの設計を視覚的に表現するための標準的な図）を作成して、複雑なプロセスやシステムを視覚的に表現することができます。

注：フローチャートと UML 図には新旧のバージョンがあります。新旧バージョンの相違点は多くありませんが、新バージョンの使用をおすすめします。本記事では新しいバージョンのフローチャート・UML 図の作成方法をメインに紹介します。

操作手順

2.1 フローチャート・UML 図を挿入する

🔖

ノート：パソコンでのみフローチャート・UML 図を挿入できます。

ドキュメントを開きます。

マウスのカーソルを空白行の＋アイコンに合わせます。または空白行の行頭に / を入力します。

表示されるメニューからフローチャートまたは UML 図を選択します。

250px|700px|reset

挿入後、ボード画面が表示され、そこでフローチャートまたは UML 図を描画できます。このボードは自動的にドキュメントの一部となり、ドキュメント内に挿入されます。ボードの作成・挿入方法はこちらを参照してください。

2.2 フローチャート・UML 図を編集する

🔖

ノート：パソコンとモバイル両方でフローチャート・UML 図を編集できます。ただし、モバイルでサポートされている操作は限られています。詳しくはモバイル版でボートを編集するを参照してください。

フローチャート・UML 図を挿入後、表示される（ボードの）編集画面で図形・画像・アイコン・絵文字などを挿入したり、テキストや付箋を追加して説明を付け加えたりできます。詳しくはボードを編集するを参照してください。

250px|700px|reset

よくある質問

Q：ドキュメントで古いバージョンのフローチャート・UML 図を使用できますか？

A：はい、以下の内容を参照してください。

ドキュメントを開きます。

空白行の行頭にマウスのカーソルを合わせてから、左側の＋アイコンをクリックします。

操作メニューからその他 1.0 を選択後、フローチャートまたは UML 図を選択します。

古いバージョンのフローチャートまたは UML 図の全画面編集画面に進みます。左側にある図形ライブラリから図形を選択し、キャンバスにドラッグ＆ドロップして編集可能です。画面上部のツールバー/フォーマットパネルと右側のメニューバーを利用して、さらなる編集が可能です。

250px|700px|reset

編集を完了したら、左上隅の閉じるをクリックして全画面編集モードを終了し、ドキュメントに戻ります。

古いバージョンのフローチャートまたは UML 図を再度編集するには、図形にマウスのカーソルを合わせてから、上部の編集をクリックして再度全画面編集モードに入ります。

250px|700px|reset

Q：古いバージョンのフローチャートや UML 図をドキュメントに挿入した場合、新しいバージョンにアップデートできますか？

A：はい、できます。マウスのカーソルをフローチャートまたは UML 図に合わせ、右上隅に表示されるボードへアップデートアイコンをクリックしてください。詳しくはフローチャートをボードへアップデートするを参照してください。

250px|700px|reset

Q：ドキュメント内のフローチャート・UML 図を拡大表示したいです。

A：新しいバージョンのフローチャート・UML 図であれば、マウスのカーソルを図形に合わせて、上部のズームインアイコンをクリックして拡大率を調整できます。挿入済みの古いバージョンのフローチャート・UML 図は画像と同じようにドキュメントに表示されます。図形をクリックすると拡大表示されます。

Q：ドキュメント内のフローチャート・UML 図を編集するにはどんな権限が必要ですか？

A：ドキュメントに対して編集権限を持つ必要があります。

閲覧権限のみを持つ場合、フローチャート・UML 図を拡大・縮小表示はできますが、それを編集することはできません。

Q：複数人によるフローチャート・UML 図の同時編集はできますか？

A：はい、できます。

Q：ドキュメント内のフローチャート・UML 図を画像としてダウンロードできますか？

A：はい、できます。

新しいバージョンのフローチャート・UML 図であれば、ボードの内容をエクスポートするを参照してダウンロードを完了してください。

古いバージョンのフローチャート・UML 図であれば、マウスのカーソルを図形に合わせ、表示されるツールバーにて画像としてダウンロードアイコンをクリックしてダウンロード可能です。

250px|700px|reset

注：上記操作を完了するには、ドキュメントに対してコピーを作成・印刷・ダウンロード権限を持つ必要があります。

Q：ダウンロードまたはエクスポートできるフローチャート・UML 図の幅と高さの制限を教えてください。

A：新しいバージョンのフローチャート・UML 図の場合、ダウンロードやエクスポート時には幅と高さの制限はありません。詳しくはボードの内容をエクスポートするを参照してください。

古いバージョンのフローチャート・UML 図の場合、最大 5,000 px までの幅と高さの画像をダウンロード/エクスポートできます。図形が占めるページ数から、幅と高さが制限を超えていないかどうかチェックできます。ダウンロード/エクスポートが可能なのは、横 6 ページ、縦 4 ページ以内です。幅と高さが制限を超えている場合、ダウンロード/エクスポートする前に図形の大きさを小さくしてください。例えば、以下の画像の図形が占めるページ数は、横 4 ページ、縦 2 ページです。

注：下図のように、画面右側のツールバーにあるグリッドのチェックを外すと、図形が占めるページ数を確認可能です。

250px|700px|reset

Q：draw.io ファイルをフローチャートまたは UML 図にインポートできますか？

A：ドキュメントに挿入された新しいバージョンのフローチャート・UML 図で操作すれば、インポート可能です。詳しくは外部の作図ファイルをボードにインポートするを参照してください。古いバージョンのフローチャート・UML 図で操作する場合、draw.io ファイルをインポートできません。