🔍 検索
投稿する
📚 Codex講座

AIで業務効率化！フロー可視化入門

AIエージェント開発における最重要ステップである業務フローの言語化・構造化手法と、Mermaidを用いた可視化テクニックを解説します。

学習ポイント

  • 現状（As-Is）から理想（To-Be）のフローへ変換する設計思考
  • 複雑な業務をAIが扱えるレベルまで細かく分解する構造化手法
  • Mermaid記法とVS Code拡張機能を用いた業務フローの図解方法

第3回 業務フローの整理

1. 講義のゴールとポイント

  • ポイント: AIエージェント制作の成否は「業務フローの可視化」で9割決まる。

  • ゴール: Codexでエージェントを作る前に必須となる「業務の洗い出し」と「AIに置き換えるための基礎設計」をマスターする。

💡 Codexは「正解がない業務（曖昧な業務）」を自動化するツールであるため、人間の感覚で行っている業務を再現可能な形（タスク）に落とし込む必要があります。

2. 実践ステップ：AS-ISからTO-BEへ

業務フロー設計は、現状（AS-IS）を把握し、理想（TO-BE）へ変換するプロセスで行います。

ステップ1：AS-IS（現在の業務フロー）を書き出す

まずは現在の業務手順をありのままに書き出し、言語化します。

【例：議事録作成エージェントの場合】

  1. ミーティング実施: Zoom等で行う。

  2. 文字起こし生成: 自動ツール等でテキスト化。

  3. 議事録作成: ChatGPT等に貼り付けて要約させる。

  4. タスク抽出: 議事録からネクストアクションを抜き出す。

  5. タスク管理表へ転記: スプレッドシートやTrello等へ手動コピー。

  6. カレンダー登録: 期限などをGoogleカレンダーへ登録。

ステップ2：TO-BE（理想の自動化フロー）を描く

Codexを用いた自動化を前提に、人間とAIの役割分担を再設計します。

重要な視点: どんな情報をAIに渡し（Input）、どんな成果物（Output）を人間が確認するかをイメージする。

【例：Codex版フロー】

  1. フォルダ自動生成: 日付入りフォルダを自動作成。

  2. ファイル配置（Input）: 人間が文字起こしファイルを置く。

  3. 議事録生成（Agent）: テンプレートに従って .md ファイルを作成。

  4. 人間による確認: 生成された内容をチェック（OKなら次へ）。

  5. タスク自動抽出（Agent）: 議事録からTodoを抜き出し、管理表形式で追記。

  6. 外部連携（Agent/Future）: APIでカレンダーや管理ツールへ登録。

3. 業務分解のテクニック（解像度を高める）

💡 大きな業務をそのままAIに投げてもうまくいきません。「小さなステップ」に分解することが重要です。

【手法】

  • 自分の知っていることを書く: 最も確実。馴染みのある業務から始める。

  • AIと壁打ちする: 「この業務のフローを一緒に考えて」とAIに相談し、叩き台を作る。

  • Deep Research: 一般的な業務フローを検索して参考にする。

【分解の実例：SEO記事制作】

単に「記事を書いて」ではなく、以下のように分解します。

  1. キーワード調査: 検索ボリュームや競合性の分析。

  2. 競合分析: 上位表示サイトの構成を研究。

  3. 記事構成案: 見出し（H2, H3）と構成を作成。

  4. 執筆: 本文を書く。

  5. 校正: トンマナ（トーン＆マナー）の調整、誤字脱字チェック。

  6. 公開: CMSへのアップロード。

4. 業務フローを「図」にする技術：Mermaid入門

💡 文章だけのフローは直感的に理解しづらいため、Mermaid（マーメイド） 記法を使って図式化します。

Mermaidのメリット

  • テキストで書ける: コードベースでフローチャートが描けるため、バージョン管理が容易。

  • AIとの相性が抜群: Codex（AI）に「この業務フローをMermaidで書いて」と指示すれば一瞬で生成できる。

VS Codeでの環境構築

Mermaidの図をプレビューするために、VS Codeの拡張機能を導入します。

  • 推奨拡張機能: Markdown Preview Mermaid Support

  • 使い方: マークダウンファイル（.md）の中にMermaid記法を書き、プレビューボタンを押すだけで図が表示される。

【Mermaid記法のプロンプト例】

「SEO記事制作の業務フローをMermaid記法でフローチャートにしてください」

5. まとめと次回予告

今回のまとめ

  1. フロー可視化の重要性: 曖昧な業務を明確な手順にすることが全ての基礎。

  2. AS-IS → TO-BE: 現状を書き出し、AIと協働する理想形へ変換する。

  3. 分解と構造化: 複雑なタスクは最小単位まで分解し、どこをAIに任せるか見極める。

  4. Mermaid活用: AIにコードを書かせ、視覚的にフローを整理する。

次回予告

  • 実際にフォルダ構成を設計し、プロンプトを作り始めます。

  • 今回設計した業務フローをもとに、具体的なCodexエージェントの実装に入っていきます。

学習者へのネクストステップ

ご自身の業務で「自動化したいタスク」を1つ選び、以下の手順を試してみましょう。

  1. 現在のやり方（AS-IS）を箇条書きにする。

  2. VS Codeを開き、AI（Codex）に「この業務フローをMermaid記法で図にして」と依頼する。

  3. Markdown Preview Mermaid Support を使って、実際に図として表示させてみる。