準備中です / Coming soon

表示の切り替えとダウンロードについて教えてください

2026-08-22 16:59:04 UTC 2026-10-04 02:32:15 UTC

プロセスは3つの表示方法で確認でき、それぞれに応じた形式でダウンロードできます。本記事では、表示の種類とダウンロードの仕様をまとめています。

概要

画面上のビュー切り替えから、次の3つを切り替えられます。

  • フロー表示…プロセス図。ノードとエッジで工程の流れを表します
  • リスト表示…ノードを表形式で一覧します
  • スイムレーン表示…担当区分ごとにレーンを分けて表示します

仕様

初期表示

プロセスを開いたときの初期表示には、直近で選んだ表示が使われます。リンクなどで表示を指定した URL の場合は、その指定が優先されます。

表示ごとのダウンロード形式

https://storage.googleapis.com/studist-help-center-media/Teachme%20Process/rn_61437186424217_process34_step04_en.jpg

ダウンロードは「その他の操作」(︙)の「書き出し」から行います。
項目は表示中のモードに応じて出し分けられ、その表示では使えない項目は表示されません。

  • フロー表示…「フロー表示の画像」(PNG。通常と省略なしの2種類)、「BPMN」(BPMN ファイル)
  • リスト表示…「CSV」(ノードリストの CSV)
  • スイムレーン表示…「スイムレーン表示の画像」(PNG。通常と省略なしの2種類)

リスト表示の列

https://storage.googleapis.com/studist-help-center-media/Teachme%20Process/rn_61437186424217_process33_step03-plain_en.jpg

No. / ノード名 / 説明 / 所要時間 / マニュアル / リンク / 担当区分 / 業務分類 の順に並びます。
下端に所要時間の合計とマニュアルカバー率が表示されます。

「説明」の列は、ノードの表示モードが「詳細」のときに表示されます。
「シンプル」のときは表示されません。

CSV の内容

ノードリストの CSV は次の6列で出力されます。画面のリスト表示とは列が異なります。

No. / ノード名 / 所要時間(h:mm) / 説明 / 担当区分 / 業務分類

  • 画面にある「マニュアル」「リンク」の列は CSV には含まれません
  • 「説明」は、ノードの表示モードにかかわらず CSV に含まれます
  • 所要時間は画面と同じ「時:分」の形式で出力されます
  • 所要時間が未設定のノードは空欄で出力されます
  • 1つのノードに複数の担当区分がある場合は、1つのセルに改行で並べて出力されます

画像出力

  • ノードやエッジを選択したままでも、選択状態は画像に含まれません
  • スイムレーン表示では、レーン名も画像に含まれます
  • 開始ノードだけのプロセスでは画像をダウンロードできません

省略なしの画像

「フロー表示の画像(省略なし)」「スイムレーン表示の画像(省略なし)」は、画面では省略されている情報を省略せずに出力します。
通常の画像は画面の表示のままです。

  • ノード名と説明を全文で出力します。画面では説明が2行までで省略されます
  • 担当区分を名前で全件出力します。画面ではアイコンで表示されます
  • スイムレーン表示では、長いレーン名も省略しません
  • ノードの高さが内容に合わせて変わるため、画面の配置とは少し異なります。画面の拡大率や選択状態の影響は受けません

BPMN 出力

フロー表示では、プロセス図を BPMN 2.0 形式の XML ファイル(.bpmn)としてダウンロードできます。
図の座標情報(BPMNDI)を含むため、BPMN に対応した外部のツールで同じ配置のまま開けます。
ファイル名はプロセス名です。

含まれるもの

  • 開始ノード・終了ノード(startEvent / endEvent)
  • 実行ノード(task)…ノード名。説明と、マニュアル・リンクのタイトルと URL は documentation として含まれます
  • 分岐(exclusiveGateway)
  • エッジ(sequenceFlow)…条件ラベルは name として含まれます
  • 図形(textAnnotation)…テキスト

含まれないもの

  • 担当区分、所要時間、業務分類、バッジ
  • スイムレーンのレーン(担当区分の並び)

出力した BPMN ファイルは、AI チャットに添付して内容を参照させることもできます(1ファイル 0.5MB まで)。

スイムレーン表示の注意点

en-us:https://storage.googleapis.com/studist-help-center-media/Teachme%20Process/rn_61437186424217_process61_lane-reorder_en.gif
  • スイムレーンのレーン幅は内容に応じた一定の幅になります。画面の表示と出力した画像のレイアウトは揃います
  • 担当区分が未設定のノードがある場合、左端に「未設定」レーンが表示されます
  • レーンが2つ以上あるときは、レーンの見出しをドラッグするか、見出しの「左へ移動」「右へ移動」でレーンを並び替えられます。「未設定」レーンは左端に固定です。レーンの幅が狭いときはボタンが表示されないので、ドラッグで並び替えます
  • レーンの並び替えは、編集権限がある場合は担当区分の順番として保存されます(プロセスの保存が必要です)。閲覧権限だけの場合は画面上の一時的な並び替えで、再読み込みすると元の順番に戻ります

操作方法

フロー・ノードリスト・スイムレーン表示を切り替える
https://teachme.jp/8/manuals/45730607

表示を拡大・縮小、画面にあわせる
https://teachme.jp/8/manuals/45730678

プロセス図の画像やノードリストのCSVをダウンロードする
https://teachme.jp/8/manuals/45732161

スイムレーンのレーンを並び替える
https://teachme.jp/8/manuals/50824522