🌱

Microsoft Visioで状態遷移図をサクッと作る

に公開

Visioって何?

Microsoft Visio は、フローチャートや組織図、業務フロー図など、さまざまな図面を簡単に作成できる作図ソフトです。
ビジネスやエンジニアリング、建築分野など、あらゆる業務の「図で整理する力」をサポートしてくれます。

こうした業務をPPTやExcelで実施している方も多いと思うのですが、ぜひ1度使ってみてください。
作図専用ソフトということもあって、その機能性や快適さにたまげます。

https://www.microsoft.com/ja-jp/microsoft-365/visio/flowchart-software

作成できる図の例

  • フローチャート

  • ネットワーク図

  • 組織図

https://www.microsoft.com/ja-jp/microsoft-365/visio/flowchart-software

プラン

Visioには用途や予算に応じて選べる複数のプランがあります。
Microsoft 365の一部サービスとして無料プランも提供されており、一部制限はあるもの基本的な操作は事足りる印象です。

プラン名 主な内容 料金(税込・月額) 備考
Visio Web版(無料) 基本的な図の作成・閲覧が可能 無料 Microsoft 365 アカウントで利用可
Visio Plan 1 Web版+テンプレート強化・共同編集 749円 ブラウザ完結型。ビジネス利用に最適
Visio Plan 2 デスクトップ版+Web版+高度な作図・自動化連携 2248円 本格的な業務設計やPower Automate連携可

詳しいプラン内容や最新価格は公式サイトをご確認ください。

https://www.microsoft.com/ja-jp/microsoft-365/visio/compare-microsoft-visio-options

Visioでエルサの状態遷移図を作ってみよう!

実際の画面をお見せします。
小さなお子さんでもできるようアナ雪をテーマに作ってみます。

状態一覧(State)

まずは状態遷移図を作るために、エルサの状態を一覧化します。

状態名 一言で表すと
ヒッソリしとこう状態 「力を隠して、落ち着いて…」
パニくり女王状態 「やばい!魔法バレた!怖がられた!」
ありのまま状態 「少しも寒くないわ」
引きこもりクリエイター状態 「一人最高!アナ帰ってー」
心凍りつき状態 「アナまで凍らせてもうた…」
開き直り女王状態 「氷を解かすのは真実の愛よ!」
真・ありのまま状態 「門を開けよー」

イベント一覧(Trigger)

次にエルサの状態が遷移するイベントを一覧化します。

イベント名 一言で表すと
幼少期事故 妹の頭に氷を当ててトラウマ化
戴冠式で露見 手袋外れ等で魔法がバレる
山へ逃亡&解放 逃げ出し、力を解き放つ(Let it go!)
アナ来訪(対話失敗) 再会するも拒絶・衝突
アナが凍る 氷の欠片でアナが致命傷→凍結
愛の力で溶ける アナの自己犠牲→解凍、愛に気づく
国民の受容 社会との和解

状態遷移表

合わせるとこんな感じ。ここまでできたらあとは図に起こすだけ。

No 現在の状態 イベント 遷移後の状態 備考
1 ヒッソリしとこう状態 幼少期事故 ヒッソリしとこう状態 継続(自己遷移)
2 ヒッソリしとこう状態 戴冠式で露見 パニくり女王状態 主要な転機
3 パニくり女王状態 山へ逃亡&解放 ありのまま状態 短期状態(のち自動遷移)
4 ありのまま状態 (時間経過/安定化) 引きこもりクリエイター状態 時間経過による自然遷移
5 引きこもりクリエイター状態 アナ来訪(対話失敗) 引きこもりクリエイター状態 継続
6 引きこもりクリエイター状態 アナが凍る 心凍りつき状態 どん底へ
7 心凍りつき状態 愛の力で溶ける 開き直り女王状態 愛=制御の鍵に気づく
8 開き直り女王状態 国民の受容 真・ありのまま状態 ハッピーエンド

Visioで作成スタート

  • 初期状態
    左側から挿入したい図をドラッグ。

  • すべての状態を作成

  • 状態遷移の矢印を作成
    矢印の基点ポインタが自動で表示されるのでサクサク矢印作れる

矢印もいろんな種類がある。
上述の矢印がデフォルトなので一番楽だと思っていますが、理解できれば何でもいいと思います。
2つ目が割と見やすいかも?

矢印を付けるとこんな感じ。
エルサは状態が戻ることがないので、図としてあまり面白みがないですね。
テーマ選定を反省。

あとはいい感じにイベントを追記して完成。
オブジェクト配置もいい感じにフィットしてくれるので、PPTより絶対早い。

こうしてみると、エルサが作中でいかに情緒不安定だったかがわかります。
こんな発見をできるのが可視化する意義の1つですね。

おわり:少しも難しくないわ

Visioは作図に特化したMicrosoftのアプリケーションです。
サクッと可視化できるというスキルはどの業界でもどの職種でも重要だと思います。
特に業務フロー図やデータ遷移をPPTやExcelで作成している方は、
ぜひVisioも一度使ってみてください。

ヘッドウォータース

Discussion