フローチャート : 開始から終了までのガイド

著者:  Shanna S
最終更新日:  

フローチャートは、最も複雑なプロセスであっても、ステップを順序立ててわかりやすく文書化するための柔軟で普遍的なフローチャートです。この記事を活用して、フローチャートのカスタマイズと連携して他の機能を使用する方法に関する推奨事項を確認し、高品質で専門的な図に仕上げましょう。

この記事の内容

フローチャートはそれぞれに異なります。そのため、フローチャートを作成するプロセス中に利用できるさまざまなオプションと機能を活用する方法を説明するこのガイドを作成しました。以下の内容を検討します。

フローチャートを作成するためのステップ別のの手順については、Lucidchart でフローチャートを作成の記事をチェックしてみてください。

フローチャートを作成する方法

お好みのフローチャート作成方法に応じて、さまざまな方法を用意しています。空白の図とフローチャート図形ライブラリから始めることも、テンプレートから図を作成することも、コードによるダイアグラムメニューにアクセスして Mermaid で自動的にフローチャートを作成することもできます。

フローチャートを作成するためにこれらの各オプションをいつ使用するかについてのアドバイスは次のとおりです。

  • フローチャートの図形ライブラリから空白の図を作成して構築 :フローチャート作成の各ステップを手動で制御したい場合。
  • テンプレートから開始 : 文書化したい標準業務フローがあり、プロが磨き上げたレイアウトから始めたい場合。フローチャート作成をすぐに始められるさまざまなテンプレートが用意されています。
  • Mermaid コードを使用して自動作成 : フローチャートを Mermaid コードでより速く簡単に作成することで、作図プロセスを合理化したい場合。
  • AI でフローチャートを生成 : 白紙のキャンバスから始めて、フローチャートの方向性が明確でない場合、AI が生成した内容が作図のきっかけとしてアイデアを生み出す助けになるかもしれません。

フローチャート図形ライブラリを使用

フローチャート図を手動で作成し、作成プロセス全体を制御するには、空白の Lucidchart 図を作成し、フローチャート図形ライブラリにアクセスします。新しい文書の図形ライブラリにフローチャート図形ライブラリを追加するには以下の手順に従います。

  1. 図形ライブラリの下部にある [他の図形] をクリックします。
  2. 検索バーに「フローチャート」と入力します。
  3. 「フローチャート」図形ライブラリのチェックボックスをオンにします。
  4. [選択した図形を使用] をクリックします。

図形ライブラリが左側の図形メニューに追加されたら、図形をライブラリからキャンバスにドラッグ・アンド・ドロップして、図の作成を開始します。詳細については、フローチャートでオブジェクトを追加および編集セクションに進んでください。

ヒント : フローチャート作成でカスタム図形が役立つ場合は、Lucidchart でカスタム図形を作成し、カスタム図形ライブラリに整理して素早くアクセスできます。また、Lucidchart で使用するために図形をさらに構築・カスタマイズしたい場合は、カスタム図形 API を活用することもできます。

フローチャートテンプレートを使用して作図を開始

テンプレートを使ってフローチャートを作成し、整理されたプロフェッショナルな図をすぐに作成するには、Lucid 文書ページから始めて、次の手順に従います。

  1. [+ 新規] をクリックし、「Lucidchart」の上にカーソルを合わせます。
  2. [テンプレートから作成] を選択します。
  3. [フローチャート] をクリックし、テンプレートを参照して検索します。
    • 特定の種類のオプションをさらに表示するには、[すべて表示] をトピックタイトルの右側で選択します。
  4. 使用したいテンプレートのサムネイルを選択し、[テンプレートを使用] をクリックします。
    • ポップアップからテンプレートをプレビューして、簡単な説明を読むことができるよ。

新しい Lucidchart 文書が作成され、選択したテンプレートがキャンバスに表示され、プロセスのニーズに合わせてカスタマイズを始められます。このオプションを選択した場合には、フローチャートの編集に関するガイダンスや、図をレベルアップさせるための高度な機能の活用に関するセクションにスキップできます。

ヒント : Lucid に慣れて文書を業務フローに合わせてカスタマイズする中で、より洗練された作図プロセスのためのカスタムテンプレートを作成することもできます。カスタムテンプレートを作成する手順については、テンプレートで開始の記事を参照してください。

Mermaid を使用したコードによるダイアグラム

手動で図を作成したり、詳細に合わせてテンプレートをカスタマイズしたりする代わりに、コードによるダイアグラム機能を利用して、自動的に図を構築できます。
ワークスペースの左端にあるプライマリツールバーから、diagram-as-code-icon-in-lucidchart.jpg コードによるダイアグラムアイコンを選択します。

このメニューから、好みに合わせてコードを書き、フローチャートを自動生成できます。この機能の使用方法の詳細については、Mermaid を使用してコードによるダイアグラムを作成の記事をご覧ください。

ヒント : 最も効率的なプロセスには Mermaid をお勧めしますが、代わりに UML マークアップを使用して作図することもできます。手順については、Lucidchart で UML マークアップを使用してシーケンス図を作成の記事を参照してください。

AIを使ってダイアグラムを生成する

ダイアグラムの初期段階でアイデアを生み出したいなら、AIを活用してプロセスをスタートさせましょう。
ワークスペースの一番左端にある主ツールバーのLucid AIアイコンlucidspark-collaborative-ai-icon.png選択してください。

次に、生成したいダイアグラムの詳細な説明を加え、焦点を絞ったキーワードとできるだけ多くの文脈で構成されます。 詳しく知りたい方は、「 Lucidchartの『Lucid AIで生産性を高める』 」の記事をご覧ください。

注 : Lucid の AI は常に改善されています。その結果、生成された情報が、不正確だったり、偏っていたり、誤解を招く、誤解を招く、不適切、攻撃的、または古い内容である可能性があります。AI 生成された結果は常に確認してください。

フローチャートでオブジェクトを追加および編集

最も基本的な形のフローチャートは、プロセスや業務フローを図形と線で表した図となります。フローチャートを手動で作成する場合でも、コードや AI から生成する場合でも、作成またはメンテナンスプロセスのどの段階でもフローチャートをカスタマイズするためのヒントがいくつかあります。次の記事で、次の方法を確認してください。

business-process-flowchart-example-with-shapes-lines-and-swimlanes.jpg

ヒント : 上の画像にあるビジネスプロセスフローチャートテンプレートにアクセスするには、このリンクをクリックしてください。図形、線、スイムレーンに加えて、以下で説明するいくつかの高度な機能を使用します。

高度な機能を活用してフローチャートを改善

では、ダイアグラムの専門性と有用性を高める方法について見ていきましょう。各サービスについて理解を深め、ユースケースに関連するものを使用することをお勧めします。

図キーで分かりやすさを向上

図キーの追加は、フローチャートのさまざまな要素の背後にある視覚的な意味を定義する優れた方法です。次の例は、各プールの4つのスイムレーンの色と関連する図形を表す「業務フロー図形」というタイトルの図キーを示しています。この機能を使用すると、顧客、営業、管理、信用部門の役割が分離され、図に表される情報の処理がより簡単で明確になります。

process-flow-shape-colors-diagram-key.jpg

詳細情報 : 図を追加およびカスタマイズする方法の詳細は、Lucidchart に図キーを追加の記事をご覧ください。

フローチャートのパスの表示と非表示を切り替えるレイヤーを追加

レイヤーを使用すると、フローチャートの異なるバージョンを簡単に切り替えることができます。Lucidchart 文書にレイヤーを追加する手順については、こちらの記事をご覧ください。一般的な使用例には以下のものがあります。

切り替え操作をさらに改善するには、図形にアクションを追加して、図の2つの状態を切り替えることを検討してください。

ある例を見てみましょう。採用マネージャーが新しいメンバーをチームに迎え入れるプロセスを文書化していると仮定します。フローチャートの静的レベルでは、新入社員を研修するための業務順序のアウトラインが見られます。

toggle-action-to-switch-between-onboarding-current-and-future-state.gif

この例では、オンボーディングプロセスに新しい要件が追加されています。新入社員は、オンライン研修モジュールで少なくとも80%のスコアを取らなければなりません。簡単なアクションでプロセスのフローを追加し、従業員のスコアが80%未満の場合はトレーニングを再度受講する必要があることを明確に示すことができます。

ヒント : レイヤーとアクション図形を組み合わせて強力なフローチャートを作成する詳細な例については、このコミュニティ投稿をチェックしてみてください。アクションの価値は理解しているものの、エクスポートしたフローチャートに視覚的な要素を組み込みたくない場合は、このコミュニティ投稿にアクセスして、アクションとホットスポットの違いを理解し、ユースケースに最適な機能について十分な情報に基づいて判断しましょう。

条件付き書式設定やアイコンセットで理解しやすさを向上

パターンとインサイトを視覚的に強調表示してデータを変換し、一目ですぐに理解できるようにする条件付き書式設定アイコンセットは、使用目的によっては非常に役立ちます。以下を使用することをお勧めします。

  • 条件付き書式設定を使用して、フローチャート上の現在と将来のすべてのオブジェクトを自動的に評価し、図形スタイル、アイコン、または動的図形の形式で必要な書式を追加するルールを作成できます。これはより高度なオプションで、セットアップがより複雑になりますが、機能もより強化されます。
  • アイコンセットは、静的なアイコンを活用して図内のオブジェクトを選択し、注意が必要な場合にユーザーに視覚的に警告します。必要な一時的なコールアウトを簡単に追加および削除できます。

例として、以下のスクリーンショットでは、次のアイコンと条件付き書式設定ルールが適用されています。

  • 緑のチェックマークアイコンが「Approval」図形の右上隅に追加され、承認を得るためのフローを素早く示します。
  • 「Sale not approved」の図形の右上隅に赤い X アイコンが追加され、消費者のクレジットチェックに失敗し、販売が進行しないことを示しています。
  • フローチャート内の「決定」図形タイプのオブジェクトには条件付き書式設定ルールが設定されており、テキストと点線のアウトラインが両方とも赤色になっています。これにより、与信審査の承認と売掛金勘定の残高確認のためのアクションアイテムとして、これらの図形に注意を喚起しています。

conditional-formatting-and-icon-sets-example-on-flowchart.jpg

オブジェクトにデータやリソースを追加する

リンクや添付ファイルの機能には、特定の用途で価値を発揮するものがいくつかあります。例えば、他の場所にある文書やリソース、またはプロセスの特定のステップのグラフィックに簡単にアクセスできるようにすることができます。
インポートしたファイルの特定のデータを図形にリンクしたり、別の Lucid 文書や外部 URL にリンクしたり、文書を画像としてオブジェクトに添付したりして、図のリーチを拡大させることができます。次のようなオプションがあります。

  • 記事「Lucidchart 文書にデータをリンク」では、CSV、Google、または Excel スプレッドシートを添付する方法や、Lucid でカスタムデータセットを作成する方法について、ステップバイステップで説明しています。その後、データセットを使用して、Lucid 文書のオブジェクトまたはページにデータを割り当てることができます。これは、図に特定のデータを図形として添付する必要ある場合に役立ちます。
  • 図形にリンクを追加して、ユーザーを Lucidchart 文書内の別のページ、別の Lucidchart 文書、または特定の URL に誘導しよう。これは、ユーザーをより詳細で堅牢なドキュメントに誘導したり、Lucid の外部でプロセスを移行したりするのに役立ちます。
  • オブジェクトに画像を添付 して、図形にファイルを直接添付します。これにより、ユーザーは Lucidchart 文書のページを離れることなく、文書と指示をユーザーに提供できます。

ページインサイトの数式で図のメタデータをすばやく表示

Lucidchart では、Lucidchart 文書のフッターから、次のようなさまざまな既製のページインサイト数式を提供しています。

  • ページ上で選択したオブジェクトの数
  • ページ上の図形、線、またはオブジェクトの合計数

これらを使用して、図の全体的なメタデータをすばやく理解できます。これにより、図の複雑さを把握し、さまざまなプロセスを表現するために必要な図形、線、オブジェクトの量を比較することができます。

Lucidchart の数式のパワーと汎用性は、上記の既製のページインサイトオプションをはるかに超えています。数式に関する一般情報、図形参照のクイックビュー、用語集については、Lucidchart で数式を使用をチェックしてみてください。

詳細情報 : 上記の記事で説明した数式の基本に加えて、追加の数式と Lucid での動作方法については、数式に関する開発者向けドキュメントをチェックしてください。

フローチャートを共有

フローチャートを完成させたら、対象ユーザーと共有できます。Lucid には、静的バージョンまたはライブバージョンの共有、エクスポートまたは印刷、リンクを使用してユーザーがアクセスできるバージョンの公開など、組織のニーズに基づいて選択できるいくつかの異なるオプションが用意されています。

まず、静的バージョンとライブバージョンのどちらを共有したいか決めてね。

次の場合、フローチャートの静的バージョンを共有することを選択できます。

  • 特定の期間のプロセスをグラフに反映させたい。
  • フローチャートの印刷版が必要である。
  • 情報へのアクセス権を付与するユーザーを制御したい。
  • フローチャートを頻繁に更新する必要はない。

以下の場合には、フローチャートの動的またはライブバージョンを共有できます。

  • フローチャートへの更新をオーディエンスにリアルタイムで確認してもらいたい。
  • オーディエンスがリンクされたデータフィールドにアクセスできるようにしたい。
  • チャートが大きすぎてエクスポートや印刷ができない。
  • フローチャートを頻繁に更新する必要がある。

ヒント : フローチャートを他の Lucid ユーザーと共有して、ライブでの共同作業を行うことができます。詳細については、「Lucid での共同編集者との共有」の記事をご覧ください。

静的バージョンをエクスポートまたは印刷する

フローチャートの静的バージョンを共有するには、画像または PDF ファイルとしてデバイスにエクスポートするか、コピーを紙に印刷します。

詳細情報: 詳細情報と手順については、Lucid 文書のエクスポートまたは印刷の記事をご覧ください。

ライブバージョンの公開または埋め込み

フローチャートの動的バージョンを共有する際には、公開するか、ライブバージョンを自分のウェブページに埋め込むことができます。

フローチャートを公開しよう

公開すると、誰にでも (Lucid 以外のユーザーを含む) 送信できるリンクが生成され、フローチャートを表示するためのアクセス権が付与されます。フローチャートを次のように公開することを選択できます。

  • URL : リンクをクリックして、フローチャートのライブウェブページ版に移動します。
  • PDF : リンクをクリックすると、その時点で Lucidchart に表示されるフローチャートの PDF スナップショットがダウンロードされます。
  • 画像:その時点で Lucidchart に表示されているフローチャートの画像スナップショットをダウンロードするには、リンクをクリックしてね。

フローチャートを PDF または画像として公開する場合、ダウンロードしたファイルは静的であり、今後の変更によって更新されることはありません。ただし、更新を行った場合、ユーザーは元のリンクを再度クリックして最新バージョンをダウンロードできます。

詳細情報 : 詳細情報と手順については、Lucid 文書の公開または埋め込みの記事をご覧ください。

フローチャートを埋め込み
埋め込みを使うと、インタラクティブなフローチャートを自分のウェブページに追加できるよ。Lucidchart で直接埋め込みコードを生成することも、Lucid の外部埋め込みインテグレーションのいずれかを使用することもできます。

リソース

フローチャートの可能性を最大限に活用する方法の詳細については、以下の追加リソースを参照してください。これらのリソースは英語でのみご利用いただけます。
ブログ 複雑な図を視覚化するための3つのヒント

コミュニティ投稿
ビジネスプロセスフローチャートを作成現在と将来の状態を示す図を作成レイヤーを使用してフローチャートを展開または折りたたみ

クイックガイド
誰もが驚くような図を作成するための3つのヒント

テンプレート
ビジネスプロセスフローの例
タスク依存関係を示すフローチャートの例
アルゴリズムフローチャートの例

動画 Lucid でのフローチャート

この記事へのフィードバックをお寄せください

この記事に関するフィードバックはありますか?体験の内容についてこちらから教えてください。

お探しの内容は見つかりましたか?

他に質問がある場合や、学んだことを共有したい場合は、当社の コミュニティ   でサポートを得て、他のユーザーと協力しましょう。