ファイルを知る、使いこなす。
.drawio

draw.io編集用図面

クリエイティブ・編集

DRAWIOはdraw.ioの編集用図面で、図形・接続・ページ等を保持します。XML系ですが内部の図データが圧縮されることもあります。画像だけの共有と、編集情報を残した共有を区別しましょう。

主な用途
フロー図・構成図を再編集
中身の種類
テキストデータ
目次・よくある質問・根拠資料を見る

内容の最終確認: · 編集:Kai

開き方・操作手順

使っている環境や目的の項目を開いて、手順を確認してください。

draw.io / diagrams.net

原本を残し、対応アプリで内容を確認する方法です。

  1. draw.ioの「ファイル→開く」から保存場所を選びます。
  2. 既存図への取り込みか別図として開くかを選びます。
  3. ページ、レイヤー、リンクと図形の文字を確認します。
受け取ったファイルの条件を調べる

必要な付属ファイルや設定を、開く前に確認します。

  1. XML、DRAWIO、図データ入り画像のどれかを確認します。
  2. 保存場所の閲覧・編集権限を確認します。
  3. 必要なフォントや外部画像の有無を確認します。

操作名・対応状況はアプリ・OS・版によって異なります。変更する前に原本を残してください。

開けないとき:症状から確認

  • 図ではないと表示:HTMLエラーページを保存していないか確認します。
  • 画像しか編集できない:図データを含む出力か原本を依頼します。
  • 図の一部がない:別ページと非表示レイヤーを調べます。
  • 保存できない:ローカルコピーを確保しストレージ権限を確認します。

DRAWIO → PDF / SVG / PNG

  1. Exportで形式を選び、再編集用なら図データを含める設定も確認します。
  2. 出力を開き直し、本文の確認項目と照合してから渡します。

単なるPNGやPDFから全図形を編集できるとは限りません。

開く・取り込む・画像を置くの違い

既存キャンバスに画像として置く操作と、編集用図面を読み込む操作は異なります。渡す相手が接続線を直す必要があるなら、元のDRAWIOも渡します。

この手順の根拠:draw.io · Open a diagram / draw.io · Save a diagram in various formats

具体例:受け渡し前にここを確認

例:構成図の提出では閲覧用PDFと編集用DRAWIOを分け、別環境でページ数と文字の収まりを確認します。

この手順の根拠:draw.io · Open a diagram / draw.io · Save a diagram in various formats

関連形式との違い

関連形式との違い
形式・方法用途と引き継ぐ情報
.drawioフロー図・構成図を再編集
PNG / VSDX画像/Visioの図面。互換取り込みは結果を確認します。
DRAWIO → PDF / SVG / PNG単なるPNGやPDFから全図形を編集できるとは限りません。

取り扱いと安全性

構成図の内部URLや認証情報を点検し、保存先の共有範囲を確認します。

よくある質問

アカウント必須?

利用する保存先・サービスの条件によります。

XMLで読めないのは破損?

図の内部表現が圧縮される場合もあります。

PDFから再編集?

図データが埋め込まれたPDFかどうかで異なります。

形式の基本情報:正式名称・MIME type・管理団体
名称
draw.io Diagram
管理・仕様
draw.io
MIME type
用途・配信元の指定を確認してください。拡張子だけでMIME typeは確定できません。

公式・一次情報

  • ソフトウェア公式Open a diagram

    編集画面から図を開く・取り込む操作。

    draw.io · リンク確認:
  • ソフトウェア公式Save a diagram in various formats

    編集用データと画像・PDF保存の違い。

    draw.io · リンク確認: