ブログ一覧に戻る

【完全図解】フロー図作成の使い方マスターガイド - テキスト入力からPDF出力まで徹底解説

2025年08月07日
【完全図解】フロー図作成の使い方マスターガイド - テキスト入力からPDF出力まで徹底解説
フローチャート操作マニュアル使い方PDF編集

はじめに

「フロー図作成」の操作方法がわからない、もっと効率的に使いたい、そんな声にお応えして、実際の操作画面を使って全機能を詳しく解説します!

この記事を読めば、テキスト入力からフローチャート生成、細かな編集作業、そして最終的な PDF 出力まで、すべての操作をマスターできます。

ステップ 1:テキスト入力でフローチャートを生成

1-1 フリーテキスト入力エリアに業務内容を記述

まずは、フローチャートにしたい業務の流れを自然な日本語で入力します。

テキスト入力画面

入力例:

お客様から注文を受けたら、まず在庫を確認します。
在庫がある場合は、営業部が出荷準備を行います。
在庫がない場合は、購買部が仕入先に発注をかけます。
発注後、商品が入荷したら倉庫で検品し、出荷準備に進みます。

ポイント:

  • 箇条書きでも文章でも OK
  • 担当者や部門名を含めると自動で配置されます
  • 「もし〜の場合」「〜なら」などの条件分岐も認識されます

1-2 リス子をクリックして生成開始

テキストを入力したら、画面右下のリス子アイコンをクリック!

生成の流れ:

  1. 確認モーダルが表示される
  2. 「生成する」をクリック
  3. AI がテキストを解析
  4. 数秒でフローチャートが完成

フローチャート生成結果

自動生成される要素:

  • 処理ステップ(四角形):「在庫確認」「出荷準備」など
  • 判断ステップ(ひし形):「在庫はあるか?」など
  • 担当者/部門:「営業部」「購買部」など
  • 接続線:業務の流れを示す矢印

ステップ 2:ドラッグ&ドロップで自由に編集

生成されたフローチャートは、マウスで簡単に編集できます。

2-1 ステップの移動

操作方法:

  1. 移動したいステップをドラッグ
  2. 目的の位置でドロップ
  3. 接続線が自動で更新される

ステップのドラッグ&ドロップ

移動できる要素:

  • 処理ステップ(四角形)
  • 判断ステップ(ひし形)

2-2 担当者の移動

操作方法:

  1. 担当者名をドラッグ
  2. 別の列(部門)にドロップ
  3. 部門グループが自動で再配置される

担当者の移動

便利な機能:

  • 同一部門の担当者は自動でグループ化
  • ドラッグ中は視覚的にハイライト表示
  • 不正な配置は自動で修正

ステップ 3:ダブルクリックで詳細編集

3-1 ステップの詳細編集

操作方法:

  1. 編集したいステップをダブルクリック
  2. 右側にスライドメニューが開く
  3. 各項目を編集して「保存」

ステップのダブルクリック編集

編集できる項目:

  • ステップ名:「出荷準備」→「出荷状況の確認」
  • 業務詳細:詳しい手順や注意点を記述
  • 業務タイプ:処理 ⇔ 判断の切り替え

3-2 担当者情報の編集

操作方法:

  1. 担当者名をダブルクリック
  2. スライドメニューで編集
  3. 「保存」で反映

担当者の詳細編集

編集できる項目:

  • 担当部署:新しい部署の作成も可能
  • 担当者名:「営業部」→「営業部 田中」

3-3 システム要素の編集

操作方法:

  1. システム要素をダブルクリック
  2. システム情報を編集
  3. システム間の連携設定

システム要素の編集

ステップ 4:右クリックメニューで要素を追加・削除

右クリックメニューは、フローチャートの構造を変更する強力なツールです。

4-1 ステップの追加

操作方法:

  1. ステップがない行の追加したい位置で右クリック
  2. 「ステップを追加」を選択
  3. 処理 または 判断 を選択
  4. 新しいステップが挿入される

右クリックメニューでステップ追加

追加後の自動処理:

  • 前後のステップとの接続線が自動生成
  • ステップ番号の自動調整

4-2 システムの追加

操作方法:

  1. システムがない行の追加したい行で右クリック
  2. システム追加 を選択
  3. システム名を入力

システムの追加

システム連携機能:

  • システム同士の接続
  • システム → ステップの連携

4-3 要素の削除

操作方法:

  1. 削除したい要素で右クリック
  2. 「削除」を選択
  3. 確認モーダルで「削除」をクリック

ステップの削除 システムの削除

安全機能:

  • 削除前の確認ダイアログ
  • 関連する接続線の自動削除
  • レイアウトの自動修正

ステップ 5:その他の便利な編集機能

5-1 行の追加・削除

行の追加:

  • 行と行の間にホバーすると「行を追加」ボタンが表示
  • クリックで新しい行が挿入される

行の追加

行の削除:

  1. 削除したい行で右クリック
  2. 「削除」を選択
  3. 確認モーダルで「削除」をクリック

行の削除

ステップ 6:PDF エクスポートで完成

6-1 フローチャートの PDF 出力

操作方法:

  1. 画面上部の「フローチャート」ボタンをクリック
  2. PDF ダウンロードが自動で開始
  3. 完成した PDF ファイルが保存される

6-2 業務記述書のエクスポート

操作方法:

  1. 業務記述書」ボタンをクリック
  2. テキストファイルがダウンロード
  3. 各ステップの詳細情報を文章化

活用シーン:

  • 詳細な業務マニュアル作成
  • システム開発の要件定義書
  • 業務改善提案書の資料

まとめ:フロー図作成をマスターしよう

この記事で紹介した操作方法をマスターすれば、「フロー図作成」のポテンシャルを 100%引き出すことができます。

覚えておきたい基本操作:

  1. テキスト入力リス子クリック で生成
  2. ドラッグ&ドロップ で自由な配置
  3. ダブルクリック で詳細編集
  4. 右クリック で要素の追加・削除
  5. PDF ボタン で完成品を出力

今日から実践してみてください!

最初は慣れが必要かもしれませんが、これらの操作を覚えることで、業務フローの可視化作業が劇的に効率化されます。ぜひ実際の業務で活用して、チームの生産性向上にお役立てください。

「フロー図作成」で、あなたの業務改善を次のレベルに引き上げましょう!

関連記事

関連記事機能は近日公開予定です