業務フロー分析ツール 使い方ガイド

業務フロー改善をAIと共に進めるための完全ガイド

3ステップ クイックスタート

1

テンプレートを選ぶ

39種類から業種・業務に合ったテンプレートを選択

2

課題をマーキング

アノテーション機能で図上の問題点や改善案をマーク

3

AIで改善提案

AIプロンプト生成でClaudeに分析依頼、改善案を取得

1

このツールでできること

業務フローを可視化し、課題を発見し、AIと共に改善提案を行うための分析プラットフォームです。

コンサルティングの流れ

1 テンプレートから業務フローを選択
2 Claudeのヒアリングプロンプトで現状を把握(Phase1)
3 As-Is図(現状フロー)を作成
4 アノテーションで課題をマーキング
5 Claudeの分析プロンプトで課題を深掘り(Phase2)
6 Claudeの改善プロンプトでTo-Be図を生成(Phase3)
7 PDFレポート・プレゼンテーションで報告
2

基本の使い方

テンプレート選択

39種類のテンプレートを用意。図の種類別にアコーディオンで整理されています。テンプレートを選択すると、エディタに自動挿入されます。

カテゴリ別内訳

フローチャート: 12
シーケンス図: 8
ガントチャート: 6
ジャーニーマップ: 6
マインドマップ: 6

エディタ&プレビュー

左側のエディタで編集すると、右側にリアルタイムでプレビュー表示。

左側: Mermaidコードを編集
右側: プレビュー表示(テーマ切替可能)

エクスポート

コードコピー

Mermaidコードをコピー

PNGダウンロード

高解像度画像

SVGダウンロード

ベクター形式

3

段階的プロンプトビルダー

3つのフェーズでコンサルティングを進めます。各フェーズのプロンプトをClaudeに貼り付けるだけで、効率的な分析が可能です。

使い方の流れ

1 Phase1(現状把握): Claudeにヒアリング質問を生成させる
2 Phase2(課題分析): As-Is図を自動埋め込み、分析させる
3 Phase3(改善提案): 課題を入力、To-Be図を生成させる

自動埋め込み

Phase2/3では、As-Isコードや課題内容が自動的にプロンプトに埋め込まれます。

4

As-Is / To-Be 比較ビュー

現状フローと改善後フローを並べて比較できます。

As-Is(現状)

現在の業務フローを可視化。問題点や非効率を明確化。

To-Be(改善後)

改善後の理想的なフロー。効率化・自動化を反映。

便利な機能

「As-Isからコピーして編集」ボタンで、現状フローを元にして改善案を作成。

5

アノテーション・マーキング

フロー図の各ノードに対して、カテゴリ付きのコメントを追加。問題点や改善案を視覚的にマークし、AI分析に活用できます。アノテーション追加時、カテゴリ別の件数バッジが自動表示されます。

使い方

1 「アノテーション」トグルをON
2 ノード(箱)をクリック
3 カテゴリ選択(問題点/改善案/質問/メモ)
4 コメント入力して「追加」

問題点

業務上の課題

改善案

改善のアイデア

質問

確認事項

メモ

気づき

アノテーション活用機能

AIプロンプト生成

図+全アノテーションからClaude分析用プロンプトをワンクリック生成。コピーしてClaudeに貼るだけ。

MDコピー

Markdown形式の分析レポートをコピー。チーム共有やドキュメント化に便利。

課題に転送

Phase 3の課題入力欄にアノテーション内容を自動転送。

Phase 2自動連携

アノテーションがあると、Phase 2プロンプトに参考情報として自動付加。

6

プロジェクト保存&管理

フロー図やアノテーションをプロジェクトとして保存。ダッシュボードで複数プロジェクトを管理できます。

保存

プロジェクト名を入力して「保存」。LocalStorageに保存されます。

ダッシュボード

読み込み

プロジェクトを再開

複製

複製して編集

JSONエクスポート

ファイル保存

削除

プロジェクト削除

インポート

JSONファイルをインポート可能。別のブラウザやPCでも同じプロジェクトを開けます。

7

共有機能

作成したフロー図を他の人と共有する3つの方法。

1

URL共有

LZ-String圧縮でURLに埋め込み。URLをコピーして送るだけで共有完了。

2

QRコード

自動生成されたQRコードをスマホで読み取り。PNGダウンロードも可能。

3

JSONファイル

プロジェクト全体をJSONファイルで共有。完全に同じ状態で編集可能。

8

PDFレポート&プレゼンテーション

PDFレポート

A4横向き5ページ構成のPDFレポートを自動生成。

レポート構成

1 表紙(プロジェクト名+日付)
2 As-Is(現状フロー図)
3 課題一覧(アノテーションから自動生成)
4 To-Be(改善後フロー図)
5 まとめ(問題点+改善提案)

プレゼンテーション

フルスクリーン表示でスライドショー形式でプレゼン可能。

操作: ← → キーでスライド切替、Escで終了
活用: 画面共有でクライアントへ直接プレゼン
9

Mermaid記法クイックリファレンス

よく使うMermaid記法のチートシート。基本的な書き方を紹介します。

フローチャート

flowchart TD
    A[開始] --> B{条件}
    B -->|Yes| C[処理A]
    B -->|No| D[処理B]
    C --> E[終了]
    D --> E

シーケンス図

sequenceDiagram
    A->>B: メッセージ
    B-->>A: 応答
    A->>C: 別の処理
    C-->>A: 完了

ガントチャート

gantt
    title プロジェクト
    section フェーズ1
    タスクA :a1, 2024-01-01, 30d
    タスクB :a2, after a1, 20d
    section フェーズ2
    タスクC :a3, 2024-02-01, 15d

詳しい記法は: テンプレートを参考にするか、Mermaid公式ドキュメントをご覧ください。

GET STARTED

実際にツールを使ってみましょう