プロセスやワークフローを自動で文書化する (ステップ キャプチャ)

ステップ キャプチャを使用してプロセスを記録し、ドキュメントまたはビデオに自動変換する方法を学びます。

 

Snagit のステップ キャプチャは、操作をクリックしながら進めるだけでスクリーンショットを自動的に取得し、それを番号付きのステップで構成されたビジュアル ガイドに変換します。

ビジュアル ガイドを任意のアプリやプラットフォームに共有したり、トレーニング ビデオにすばやく変換したりできます。

  • スタッフが新しいプロセスやソフトウェアを使い始めるのをサポートする。
  • 顧客にクレームの提出方法やアカウントの変更方法を示す。
  • 何度も受ける質問に対応するための略式のトレーニングを行う。
  • 開発者が再現できるようにソフトウェアの不具合を記録する。

1. 操作手順をキャプチャする

  1. Snagit のキャプチャ ウィンドウで [プリセット] をクリックします。
    キャプチャ プリセット メニューのステップ キャプチャ
  2. [プリセット] メニューで、[ステップ キャプチャ] の横にあるキャプチャ ボタンをクリックします。
  3. Snagit で操作手順がキャプチャされることを示すメッセージが表示されます。
    Snagit が手順をキャプチャすることを示すメッセージ
  4. 「ステップをキャプチャします」というメッセージが消えたら、文書化する画面上の操作を実行します。クリックするたびに、ステップ キャプチャ ツールバーに記録されたステップ数がカウントされます。
    ステップ キャプチャ ツールバー

    ヒント: ステップ キャプチャ ツールバーの位置を変更する

    画面左下のツールバーをドラッグして、別の位置に移動します。ツールバー上でのクリック操作はキャプチャされず、ツールバー自体もキャプチャ画像には含まれません。

  5. 操作を終えたら、停止ボタンをクリックします。
    ステップ キャプチャ ツールバーの停止ボタン

キャプチャに関するヒント

  • ステップ キャプチャには、キャプチャ ウィンドウの [画像] タブからもアクセスできます。[選択] ドロップダウンで [ステップ] を選択します。
    [画像] キャプチャ タブの [ステップ] オプション
  • 4K モニターを使用している場合は、キャプチャおよびファイル サイズを縮小するために、画像の縮小を検討してください。[効果] ドロップダウンで [画像を拡大縮小] を選択します (Windows のみ)。
    画像の拡大縮小効果とプロパティ
  • 記録を一時停止するには、ステップ キャプチャ ツールバーの一時停止ボタンをクリックします。再開するには、録画ボタンをクリックします。
    ステップ キャプチャ ツールバーの一時停止ボタン ステップ キャプチャ ツールバーの録画ボタン
  • ステップ キャプチャでは、カーソルのクリック操作とドラッグ操作が記録されますが、テキスト入力やキーボード ショートカットなど、クリックを伴わない操作はキャプチャされません。記録されなかった手順や補足情報を追加する方法については、「ステップまたはセクションを追加する」を参照してください。
  • キャプチャできるステップ数に制限はありません。ただし、Windows では 50 ステップ以上、Mac では 100 ステップ以上のキャプチャはパフォーマンスに影響を与える可能性があります。

2. ステップごとの手順ガイドを編集する

ステップ キャプチャが完了すると、作成されたガイドが Snagit Editor で開きます。

キャプチャされたステップを確認し、必要に応じてガイドを編集します。

ステップ キャプチャで作成されたガイドの例

ステップを正確な内容に編集する

メモ: ガイド内のステップを削除、追加、または並べ替えると、Snagit が自動的にステップの番号を変更し、ガイドの一番上にある総ステップ数も更新します。

ステップまたはセクションを削除する

クリック ミスや重複したステップなどを削除するには、セクションの削除アイコン セクションの削除アイコン をクリックします。

ステップまたはセクションを追加する

ステップ キャプチャでは、カーソルのクリック操作とドラッグ操作が記録されますが、テキスト入力やキーボード ショートカットなど、クリックを伴わない操作はキャプチャされません。記録されなかった手順や補足情報を含めるには、ステップまたはセクションを追加します。

詳細を表示

ヘッダー、画像セクションとステップ番号、テキスト セクション、またはフッターをガイドに追加します。セクションの追加アイコン セクションの新規追加オプション をクリックして、セクションの種類を選択します。
セクションの追加メニュー

既存のセクションを複製するには、セクションのオプション アイコン セクションのオプション アイコン をクリックして、[複製] を選択します。
[セクション] メニューの [複製] オプション

ステップの順序を変更する

ガイド内のステップの順序を変更するには、セクションのオプション アイコン セクションのオプション アイコン をクリックして、[上に移動] または [下に移動] オプションを選択します。
セクションを上下に移動してステップを並べ替える

ステップのテキストを編集する

詳細を表示
  1. クリックしてテキスト フィールドを選択します。
    クリックしてテキスト フィールドを選択する
  2. 次のいずれかを完了します。
    • テキストの編集: テキスト フィールドに目的のテキストを入力します。
      テキストの編集前と編集後の例
    • テキストの削除: ドラッグしてテキストをハイライトし、Delete キーを押します。
    • テキスト フィールドの削除: Delete キーを押します。
  3. 編集を終えたら、ガイド内の別の場所をクリックしてテキスト フィールドの選択を解除します。

ヒント: ビデオのみを作成する場合は、この段階で共有する

ビデオを作成する場合は、この段階で Camtasia Editor または Camtasia Online に共有し、最終編集を行います。[共有] ドロップダウンをクリックし、[Camtasia Editor] または [Camtasia Online] を選択します。
[共有] ドロップダウン

ビデオの編集方法については、次を参照してください。

画像を編集する

スクリーンショットを調整する

Snagit は、ドロップ エリアと呼ばれる画像フレーム内でスクリーンショットを自動的に拡大し、中央に配置します。クリックした場所の周辺状況がよりわかりやすくなるように、画像フレーム内でスクリーンショットのサイズと位置を調整します。

段階的にズーム インまたはズーム アウトする
  1. 画像の上にカーソルを合わせると、画像フレームの右下に ズーム アウト用のマイナス ボタン と ズーム イン用のプラス ボタン が表示されます。
    テンプレート内の画像を 10% 拡大または縮小するプラス ボタンとマイナス ボタン
  2. ズーム アウト用マイナス ボタン をクリックするとズーム アウトします。
  3. ズーム イン用プラス ボタン をクリックするとズーム インします。
ズーム レベルと位置を手動で調整する
  1. スクリーンショットをダブルクリックして選択します。キャプチャ全体が表示されます。青い画像フレームで囲まれた部分が、完成したビジュアル ガイドに表示されます。
    ダブルクリックして選択し、スクリーンショット全体を表示
  2. 次のいずれかを完了します。
    • ズーム インまたはズーム アウト: スクリーンショットの四隅にあるハンドルをクリックしてドラッグすると、画像フレーム内のキャプチャのサイズを拡大または縮小できます。
      ハンドルをドラッグして、画像フレーム内のキャプチャのサイズを変更
    • 位置の変更: スクリーンショットをクリックしてドラッグし、画像フレーム内で位置を変更します。
      キャプチャをドラッグして、画像フレーム内で位置を変更
  3. 編集を終えたら、ガイド内の別の場所をクリックしてスクリーンショットの選択を解除します。

スクリーンショットを置き換える

画面上の誤った場所をクリックした場合は、画像を置き換えることができます。

新しい画像をガイドにドラッグする
  1. 最近のキャプチャ トレイまたはコンピューターから画像をドラッグし、ドロップ エリアまたは画像フレームにドロップします。Snagit は古い画像を新しいものに置き換えます。
  2. 画像フレーム内で新しい画像を調整します。「ズーム レベルと位置を手動で調整する」を参照してください。
  3. オプション: 新しい画像にカーソルを追加します。下の「置き換えた画像にカーソルを追加する」を参照してください。
  4. 新しい画像の編集を終えたら、ガイド内の別の場所をクリックして画像の選択を解除します。
  5. ガイドの編集を続けるには、ツールバーの移動ツールをクリックします。
    移動ツール
削除して新しいキャプチャを取得する (Mac のみ)
  1. スクリーンショットをダブルクリックして選択します。
  2. Delete キーを押します。
  3. [新規キャプチャ] をクリックします。
    ステップ キャプチャ ドロップ エリアの [新規キャプチャ] ボタン
  4. 十字線が表示されます。以下のいずれかを実行して、キャプチャする範囲を選択します。
    • 全画面: [全画面] ボタンをクリックして、画面全体をキャプチャします。
      全画面選択ボタン
    • ウィンドウ: カーソルをキャプチャするウィンドウまで移動します。ウィンドウの周囲にオレンジ色の点線の境界線が表示されたら、クリックしてハイライトされた範囲を選択します。
      ウィンドウの選択の例
    • スクロール: Snagit がアプリや Web ページがスクロール可能であることを検出すると、自動スクロール矢印が表示されます。矢印をクリックすると、自動でスクロールしてキャプチャします。
      Web ページの自動スクロール矢印の例
置き換えた画像にカーソルを追加する

新しい画像にクリックする場所を示すカーソルがない場合は、スタンプ ツールでカーソルを追加します。

  1. Snagit Assets Web サイトで「ステップ キャプチャ カーソル」スタンプ パックのページにアクセスします。
    「ステップ キャプチャ カーソル」スタンプ パック
  2. TechSmith アカウントでサインインしていることを確認してください。
  3. [Snagit に送信] をクリックします。
    [Snagit に送信] ボタン
  4. プロンプトで、[Snagit Editor を開く] (Windows) または [Snagit を開く] (Mac) をクリックします。
  5. Snagit Editor でスタンプ ツールが開き、ダウンロードしたスタンプ パックが表示されます。クリックしてカーソル スタンプを選択します。
    スタンプ ツールのクイック スタイルに表示されたステップ キャプチャのカーソル
  6. ステップごとの手順ガイドの画像をクリックすると、カーソル スタンプが追加されます。
  7. スタンプをクリックしてドラッグすると、位置を変更できます。
  8. コーナー ハンドルをクリックしてドラッグすると、スタンプのサイズを変更できます。

カーソルの編集

画像内のカーソルの位置の調整、ハイライトの削除、カーソル自体の削除を実行できます。

詳細を表示
  1. Snagit Editor ツールバーの移動ツールをクリックします。
    移動ツール
  2. 次のオプションのうち 1 つを選択します。
  • カーソルとハイライトを移動する: クリックして目的の位置までドラッグします。
  • カーソルとハイライトを削除する: クリックして選択し、Delete キーを押します。
  • ハイライトを削除する: カーソルとハイライトを右クリックして、[グループ解除] オプションを選択します。ハイライトのみをクリックして選択し、Delete キーを押します。
  • カーソルのサイズを変更する: カーソルとハイライトを右クリックして、[グループ解除] オプションを選択します。カーソルのみをクリックして選択し、サイズ変更ハンドルをドラッグします。
  • ハイライトのサイズを変更する (Mac のみ): カーソルとハイライトを右クリックして、[グループ解除] オプションを選択します。ハイライトのみをクリックして選択し、サイズ変更ハンドルをドラッグします。

メモ: これらのオプションを使用するには、Snagit for Windows バージョン 2025.3.0 以降、または Snagit for Mac バージョン 2025.2.0 以降が必要です。

ビジュアル ガイドの書式を設定する

メモ: ガイドに加えた編集内容が、すべての出力形式や共有先に反映されるとは限りません。出力オプションの詳細については、「ステップ キャプチャで作成したドキュメントをエクスポートして共有する」

ステップの色を変更する

ステップ番号の色を変更します。

詳細を表示
  1. クリックしてステップ番号を選択します。
  2. [ツールのプロパティ] で [すべて選択 (ステップ)] をクリックして、画像内のすべてのステップ番号を選択します。
    [ツールのプロパティ] の [すべて選択] ボタン
  3. クイック スタイルを選択するか、ツールのプロパティを編集します。
    ステップのクイック スタイルとツールのプロパティ

メモ: この方法を使用して、同じ種類のテキスト、画像の枠線、その他のオブジェクトを一度に更新することもできます。Snagit for Windows バージョン 2026.1.0 以降、または Snagit for Mac バージョン 2025.3.0 以降が必要です。

テキストの書式を設定する

フォント、色、またはテキスト サイズを編集します。ステップにさらに詳しい説明を追加する必要がある場合は、テキスト フィールドのサイズや位置を変更することを検討します。

詳細を表示
  1. クリックしてテキスト フィールドを選択します。
    クリックしてテキスト フィールドを選択する
  2. 次のいずれかを完了します。
    • テキストのプロパティの編集: サイドバーでクイック スタイルを選択するか、ツールのプロパティを編集します。
      テキストのクイック スタイルとプロパティ
    • テキスト フィールドのサイズを変更する: ハンドルをクリックしてドラッグします。

      メモ: Mac では、フィールドの右上にある 鍵のアイコン アイコンをクリックすると編集可能になります。

      ハンドルをドラッグしてテキスト フィールドのサイズを変更
    • テキスト フィールドの位置を変更する: テキスト フィールドをクリックして新しい位置にドラッグします。

      メモ: Mac では、フィールドの右上にある 鍵のアイコン アイコンをクリックすると編集可能になります。

      ガイドのテキスト フィールドをドラッグして位置を変更
  3. 編集を終えたら、ガイド内の別の場所をクリックしてテキスト フィールドの選択を解除します。

画像フレームを編集する

画像フレームに境界線を追加したり、ステップ内の長いテキスト用のスペースを確保するためにフレームのサイズを変更したりできます。

詳細を表示
  1. クリックして画像を選択します。
  2. 次のいずれかを完了します。
    • プロパティの編集: サイドバーでクイック スタイルを選択するか、プロパティを編集します。
      図形のクイック スタイルとプロパティ
    • サイズの変更: フレームの角または側面のハンドルをドラッグして、サイズを変更します。

      メモ: Mac では、画像フレームの右上にある 鍵のアイコン アイコンをクリックすると編集可能になります。

      ハンドルをドラッグして、選択したドロップ エリアのサイズを変更
    • 位置の変更: 画像をクリックしてドラッグし、ガイド上の位置を変更します。

      メモ: Mac では、画像フレームの右上にある 鍵のアイコン アイコンをクリックすると編集可能になります。

  3. 編集を終えたら、ガイド内の別の場所をクリックして画像の選択を解除します。

ステップまたはセクションのサイズを変更する

ステップまたはセクションのサイズを拡大または縮小するには、青いセクション区切り線を上下にドラッグします。
区切り線をドラッグしてセクションのサイズを変更

3. ガイドを共有またはエクスポートする

編集が完了したら、ガイドを共有またはエクスポートしたり、ビデオに変換したりできます。次を参照してください。

Snagit アイコン ロゴ

Snagit を入手

プロフェッショナルに最適な画面キャプチャ ソフトウェア

* Snagit 2024 以前のバージョンをお持ちですか? 以前のバージョンのヘルプをご覧ください。

すべての Snagit チュートリアル