動画をフローチャートに変換
ソフトウェアのウォークスルー、トレーニングセッション、サポート担当者が問題をステップバイステップで解決する通話など、一連のプロセスの動画があるとします。マニュアル、オンボーディング資料、トラブルシューティングガイド用にフローチャートが必要になった場合、動画を一時停止しながら最初から最後まで見直して作図するのは骨の折れる作業です。
ScreenAppが動画を代わりに視聴し、プロセスをフローチャートのステップとして書き出します。最初に何を行うか、「はい/いいえ」の質問形式の分岐点、各回答の分岐先、各ステップのタイムスタンプが含まれます。また、作図ツールでフローチャートに変換できるプレーンテキスト形式のMermaidコードとしても出力可能です。
このページでできることを明確にしておきましょう。**「ScreenAppがフローチャートを記述し、作図ツールがそれを描画する」**ということです。ScreenApp自体がボックスや矢印を直接描画するわけではありません。出力結果をdraw.ioやMermaid Live Editorなどのツールに貼り付けることで、図が生成されます。
順序通りのステップ
最初のクリックから最後のアクションまで、プロセスのすべての動作。
分岐としての判断ポイント
各選択肢が「はい/いいえ」の質問となり、それぞれの進む先が示されます。
Mermaidコード
作図ツールに貼り付けるだけで、フローチャートが自動的に描画されます。
ステップごとのタイムスタンプ
動画内で実際に発生したタイミングと各ステップを照合できます。
仕組み
視聴と記述
音声を文字起こしし、画面上の内容を読み取り、ステップ、決定、Mermaidコードを記述します。各ステップは動画内のその瞬間にリンクされています。
描画
draw.io、Mermaid Live Editor、GitHub、またはNotionは、コードをボックスと矢印に変換し、移動、スタイル設定、エクスポートが可能です。
Loom、YouTube、独自の画面録画から動画をフローチャートに変換
次のプロセスの動画から開始:
Loomのウォークスルー動画は最も一般的なスタート地点です。チームメンバーが各操作を声に出して説明しながら作業手順を録画しているケースがよくあります。その音声ナレーションの中に判断基準(「請求額が上限を超えている場合は経理に回す」など)が含まれているため、Loom動画からは明確な分岐を持つフローチャートが得られます。
YouTubeやVimeoのチュートリアルは長尺で、イントロや余談が含まれがちです。フローチャートでは必要なプロセスのみを抽出して余計な部分を省き、すべてのステップにタイムスタンプが保持されるため、動画全体を見直すことなく確認できます。
動画がまだありませんか?録画してみましょう。 このページ上部にある「録画」タブを使い、作業内容を声に出して説明しながら画面上で一度作業を実行し、フローチャートをリクエストしてください。誰もドキュメント化していない業務プロセスをまとめるには、これが最も手っ取り早い方法です。
リンクは公開設定になっている必要があります。非公開のLoomやログインが必要なコンテンツはインポートできません。閲覧できるもののリンクを共有できない場合は、ファイルをダウンロードしてアップロードするか、画面録画を行ってください。
動画をフローチャートに変換する方法
- 動画を追加する。 Loom、YouTube、Vimeo、TikTok、Instagram、Facebookのリンクを貼り付けるか、ファイルをアップロードするか、または本ページ上部の「録画」タブを使って画面を録画します。
- ScreenAppに読み取らせる。 音声を文字起こしし、AIは音声だけでなく、ビデオフレームも読み取りますするため、画面上にしか表示されない操作もしっかり反映されます。
- フローチャートをリクエストする。 上のボタンをクリックすれば、ステップ、分岐、Mermaidコードを一度に取得できます。チャット欄に独自のプロンプトを入力することも可能です。
- 動画と照合する。 各ステップにはタイムスタンプが付与されています。ScreenAppでは、トランスクリプト内の瞬間をクリックすると、プレーヤーが録音のそのポイントにジャンプします。
- 作図ツールに貼り付ける。 draw.ioでは、「配置」>「挿入」>「高度な設定」>「Mermaid」を開いてコードを貼り付けます。または、Mermaid Live Editorに貼り付けて、即座に図を確認することもできます。
出力例
パスワードのリセットに関する短いサポート動画は、次のように返される可能性があります。
| ステップ | 内容 | 時間 |
|---|---|---|
| 1 | サインインページを開き、「パスワードを忘れた場合」を選択する | 0:12 |
| 2 | アカウントのメールアドレスを入力する | 0:25 |
| 決定 | リセットメールは届いたか? はい:ステップ3へ。 いいえ:ステップ4へ | 0:41 |
| 3 | メール内のリンクを開き、新しいパスワードを設定する | 0:55 |
| 4 | スパムフォルダを確認し、再度メールをリクエストする | 1:20 |
flowchart TD
A[Open sign-in page] --> B[Select Forgot password]
B --> C[Enter account email]
C --> D{Reset email arrived?}
D -- Yes --> E[Open link and set new password]
D -- No --> F[Check spam, request email again]
F --> D
この例の動画とステップは架空のものです。実際の結果は、追加した動画とプロセスがどれだけ明確に示されているかによって異なります。
フローチャートを動画と一致させる
各決定を確認する
そのタイムスタンプにジャンプして、選択肢を確認します。
長いステップを分割する
2つのアクションを含むステップを分割するようにチャットに依頼します。
分岐に名前を付ける
ボックスが読みやすいように、短いラベルを依頼します。
AIはプレゼンターが素早く飛ばしたステップを見逃すことがあるため、確認のためにタイムスタンプがあります。
チャットでの質問例
最初の回答はあくまで出発点です。同じチャット内で追加の質問をして、フローチャートをブラッシュアップしましょう:
主な活用シーン
トレーニングとオンボーディング
録画したウォークスルー動画を、新入社員が手順を追えるフローチャートに変換。
サポートのトラブルシューティング
サポートコールの解決手順をヘルプデスク向けのデシジョンツリーにマッピング。
プロセスの文書化
作業中の画面録画から、実際の業務手順を正確にドキュメント化。
教育と学習
手法やアルゴリズムに関する講義を、復習用のフローチャートに変換。
フローチャート、SOP、ステップ、またはマインドマップ?
ScreenAppには、動画を構造化されたデータに変換する複数の機能があります。目的に応じて使い分けてください:
プロセスの作図
このページ:フローチャート用のステップ、分岐判定、Mermaidコード。
手順書の作成
SOPジェネレーターが標準作業手順書(SOP)を作成します。
クリック単位のステップ
オンラインステップレコーダーがプロセスを一度記録し、各ステップを書き出します。
プロセスではなくトピックの整理
動画からマインドマップへの変換ページでトピックのアウトラインを作成できます。
できること、できないこと
得意なこと
- プロセス動画からステップと決定を作成する
- 図形ツールに貼り付けられるMermaidコード
- 音声だけでなく画面上の操作を読み取る
- すべてのステップにタイムスタンプを付ける
不向きなこと
- 図を描画すること:それは図形ツールの役割です
- チャートをPNGまたはVisioファイルでエクスポートすること
- 不明瞭な動画での完璧な結果:各ステップを確認してください
- リンクとしてのプライベートまたはDRM動画
各プランでできること
ご自身の動画で試す
クレジットカード不要。プロセスの動画をステップと分岐に変換し、結果を直接確認できます。無料プランには、2 transcriptions of recordings up to 45 minutes eachおよび月10回のAIチャットが含まれます。
毎週継続して活用する
定常的にプロセスを文書化する場合に最適です。Proプランでは、月500回のアップロード、50回の文字起こし、50回のAIチャットが利用可能で、すべての録音またはエクスポートにウォーターマークなしとなります。
7日間のProトライアル
Proプランは年払いで月額$19。月50回の文字起こしと50回のAIチャットが含まれます。最初の支払いが発生する前に、7日間すべてのPro機能を試して、必要な要件を満たしているか確認できます。トライアル期間はannual plans onlyです。トライアル条件:Card required。プランと利用規約をご確認ください。


