マニュアル キャンセル

Captivate プロジェクトにカードウィジェットを追加

  1. Captivate ユーザーガイド
  2. Captivate とは
    1. Adobe Captivate
    2. Adobe Captivate の必要システム構成
    3. Adobe Captivate のダウンロード
    4. よくある質問
  3. Adobe Captivate のリリース
    1. Adobe Captivate 13
      1. Adobe Captivate(13.0)リリースノート
    2. Adobe Captivate 12
      1. Adobe Captivate 12 の概要
      2. Adobe Captivate(12.6 アップデート)リリースノート
      3. Adobe Captivate(12.5 アップデート)リリースノート
      4. Adobe Captivate(12.4 アップデート)リリースノート
      5. Adobe Captivate(12.3 アップデート)リリースノート
      6. Adobe Captivate(12.2 アップデート)リリースノート
      7. Adobe Captivate(12.1 アップデート)リリースノート
  4. プロジェクトのセットアップ
    1. スライドナビゲーター
    2. プロジェクト寸法
    3. 環境設定
      1. 一般環境設定
      2. 生成 AI の環境設定
      3. プロジェクトの環境設定
      4. クイズの環境設定
    4. テーマ
    5. Adobe Captivate 機能の URL アクセスを設定する
  5. PowerPoint からの読み込み
    1. Captivate への PowerPoint プレゼンテーションの読み込み
    2. インポートしたスライドのテキストを操作する
    3. インポートしたスライドの図形を操作
    4. インポートしたスライドにメディアを追加
    5. インポートしたスライドにインタラクションとアニメーションを追加する
  6. Adobe Captivate の生成 AI
    1. 生成 AI の概要
    2. 生成 AI に関する FAQ
    3. 生成クレジット
    4. テキストを生成 
      1. テキストを生成の概要
      2. テキスト生成のための効果的なプロンプトを作成する
      3. クイックプロンプトを使用してテキストを生成する
      4. カスタムプロンプトを使用してテキストを生成する
      5. テキスト生成を改善するためのフィードバックを提供する
    5. 画像を生成する
      1. 画像を生成するの概要
      2. プロンプトを使用して画像を生成する
      3. 画像のコンテンツタイプを選択 - 写真またはアート
      4. 構図とスタイルの参照画像を使用する
      5. 効果的な画像生成のためのベストプラクティス
      6. 画像生成を改善するためのフィードバックを提供
    6. アバターを生成
      1. アバターを生成の概要
      2. アバターをカスタマイズ
      3. アバターナレーション用のトランスクリプトを作成する
      4. アバターナレーションを生成
      5. アバター生成を改善するためのフィードバックを提供
    7. トランスクリプトを生成
      1. トランスクリプトを生成の概要
      2. クローズドキャプションをベースにしたトランスクリプトの生成
      3. トランスクリプトを効果的に使用するためのベストプラクティス
  7. テキストの追加と編集
    1. プロジェクトにテキストを追加
    2. プロジェクトに Adobe Fonts を追加する
    3. 引用を追加
  8. 画像の追加と編集
    1. プロジェクトに画像を追加
    2. スライド上の背景画像を編集
    3. プロジェクトに SVG を追加
  9. メディアの追加と編集
    1. プロジェクトにビデオを追加
    2. オーディオの追加と編集を行う
    3. ウィジェット操作用の音声を追加
    4. クローズドキャプションを追加する
    5. プロジェクトに web オブジェクトを追加する
  10. インタラクティブなコンポーネント
    1. ボタンの追加
    2. 入力フィールドを追加
    3. ラジオボタングループを追加
    4. ドロップダウンの追加
    5. チェックボックスを追加
    6. Adobe Captivate の変数
  11. クイズを作成
    1. 多肢選択問題を追加
    2. 正誤形式の質問を追加
    3. 列を一致させる質問を追加
    4. 短い答えの問題を追加
    5. 順序問題を追加
    6. 質問プールとランダム質問スライドを追加
    7. 質問を CSV 形式で読み込む
  12. ウィジェットの追加
    1. カードを追加
    2. タブを追加
    3. 証明書の追加
    4. カルーセルの追加
    5. ホットスポットの追加
    6. ドラッグ&ドロップを追加
    7. タイムラインを追加
    8. クリックして表示を追加
    9. アコーディオンを追加する
  13. インタラクションとアニメーション
    1. プロジェクトにインタラクションを追加
    2. オーバーレイを使用したインタラクティブビデオの作成
    3. スライドレベルのインタラクションの作成
    4. オブジェクトレベルのインタラクションの作成
    5. プロジェクトにアニメーションを追加
    6. Adobe Captivate のステート
  14. e ラーニングプロジェクトを強化
    1. コンテンツブロックとコンポーネントに余白を追加
    2. プロジェクトにヘッダーを追加する
    3. プロジェクトにフッターを追加する
    4. 長いスクロールプロジェクトの作成
    5. 会話スライドの追加
    6. Adobe Captivate プロジェクトへのキャラクターの追加
    7. Captivate のアセット
  15. シミュレーションプロジェクト
    1. シミュレーションの概要と設定
    2. デモモード
    3. トレーニングモード
    4. 評価モード
    5. フルモーション録画
  16. タイムラインと目次
    1. Adobe Captivate のタイムラインパネル
    2. Adobe Captivate の目次
  17. レビューと共同作業
    1. レビュー用の共有
    2. レビューの作成と管理
    3. レビューコメントを追加して共同作業する
    4. レビュー用にプロジェクトを共有する際の FAQ とトラブルシューティングのガイド   
  18. プレビューとパブリッシュ
    1. プロジェクトをプレビュー
    2. プロジェクトをパブリッシュする
  19. アクセシビリティ
    1. Adobe Captivate でのアクセシビリティが高い e ラーニングコンテンツの作成
    2. スライドのアクセシビリティを高める
    3. スライドオブジェクトのアクセシビリティを高める
    4. インタラクティブコンポーネントのアクセシビリティを設定
    5. ウィジェットのアクセシビリティを高める
    6. クイズのアクセシビリティを高める
    7. 目次および再生バーのアクセシビリティ
  20. Adobe Captivate のデザインオプション
    1. デザインオプションとは
    2. デザインオプションのパーツ
    3. カスタムデザインオプションを作成する
    4. カスタムデザインオプションを修正する
    5. カスタムデザインオプションを書き出す
    6. カスタムデザインオプションを読み込む
  21. その他の参考資料
    1. Captivate の使い方に関するトップページ
    2. Captivate Classic と Adobe Captivate の比較
    3. 以前の Captivate プロジェクトを最新バージョンにアップグレードする
    4. Admin Console で Captivate パッケージを作成およびデプロイする

カードウィジェットを追加する方法について説明します。カードウィジェットでは、学習者がカードを裏返して追加情報を表示することでコンテンツを操作できます。

注意:

Adobe Captivate では、テキスト、画像、ボタンなどのコンポーネントを含むテキストや画像ブロックなどのコンテンツブロックを導入しています。 このビデオを再生して、コンテンツブロックとコンポーネントについてご覧ください。

カードウィジェットとは

カードは、e ラーニングコースでインタラクションを追加するためによく使用されるメカニズムで、学習者はカードを裏返して追加情報を表示することで、コンテンツを操作できます。 

まったく新しくなった Adobe Captivate ではカードウィジェットを作成できます。このウィジェットでは、学習者はカードの片面を選択して、その裏面に記載された説明、画像、キューなどの対応する概念を確認できます。

カードウィジェットを追加 

左側のツールバーで、新しいウィジェットを追加/カードを選択します。

カードウィジェットのプロパティを変更

Adobe Captivate では、ウィジェットレベルで、ウィジェットのカード数の追加または削除、事前定義された一連のデザインオプションからの選択、タイトルや画像の追加または削除など、他にも多くの作業を行うことができます。

  1. カードウィジェットを選択します。 ビジュアルプロパティ「整列および間隔」セクションでは、次の項目を調整できます。

    • コンテンツ幅:スライダーを動かして、ウィジェットの幅を増減します。 ウィジェットの左右に余白を追加して、左右にスペースを追加することもできます。
    • コンテンツの間隔:スライダーを動かして、コンポーネント間の間隔を調整します。
  2. ビジュアルプロパティパネルのフリップカードの数スライダーを動かして、カード数を増減します。 ウィジェットには、カードを 4 枚まで追加できます。

  3. デザインオプションのリストから、カードウィジェットデザインを選択します。

    詳細については、「デザインオプション」を参照してください。

  4. 「コンポーネント」セクションでは、次の項目を変更できます。

    • タイトル:タイトルを追加または削除します。
    • 本文:ウィジェットの本文を追加または削除します。
    • 指示:ウィジェットの指示を追加または削除します。
    • 「次へ」ボタン:学習者を次のスライドに移動するこのボタンを追加または削除します。
    • 「前へ」ボタン:学習者を前のスライドに移動するこのボタンを追加または削除します。

    カードウィジェットの前付のコンテンツでは、次のカスタマイズが可能です。 カードウィジェットのコンポーネントを追加または削除します。

    • 画像:カードの画像を追加または削除します。
    • タイトル:カードのタイトルを追加または削除します。
    • 字幕:カードの字幕を追加または削除します。
    • アイコン:カードのアイコンを追加または削除します。 実行時に学習者がアイコンを選択すると、カードが裏返されます。
    注意:

    このレベルで行ったカスタマイズは、ウィジェット内のすべてのカードに適用されます。 個々のカードを変更する場合は、「ウィジェット内のカードのプロパティの変更」を参照してください。

    注意:

    コンポーネントセクションでコンポーネントを整列できます。 コンポーネントにカーソルを合わせ、オプション(左揃え、中央揃え、右揃え)を選択します。

  5. 「外観」セクションで、ウィジェットの背景の外観を変更します。 ウィジェットの色を変更したり、境界線を追加したり、シャドウ(内側)を適用したりできます。

    • 単色:カラーピッカーを選択し、スライドの背景色を変更します。 「単色の背景」ドロップダウンを選択して、次のオプションから選択することもできます。
      • 線状グラデーション:直線上の開始点から終了点に向かってグラデーションを施します。
      • 放射状グラデーション:円形パターン上の開始点から終了点に向かってグラデーションを施します。
      • 画像:画像を背景として追加します。 アセットまたはコンピューター上の場所から画像を選択できます。
    背景色を変更
    背景色を変更

    境界線の色と幅を変更し、先端のキャップ(「バット」、「ラウンド」、「突起」)を指定できます。

    境界線とシャドウは、カードの表裏に基づいて設定されます。 例えば、表向きのカードの左側に設定された境界線は、カードを裏返すと右側の境界線になります。

  6. 「外観」「カード」タブで、ウィジェットのカードのプロパティを変更します。 カードの外観を変更するには、色、境界線、角の丸み、シャドウなどのプロパティを変更します。

  7. ウィジェットの前面パネルにあるカード内のオーバーレイカラーを変更する場合は、「単色のオーバーレイ」チェックボックスを選択します。 カラーピッカーを選択して、任意のカラーを選択します。

  8. 「設定」セクションで、「ウィジェットの操作完了後に次のスライドに移動する」トグルを有効にします。 これにより、学習者がすべてのカードを選択した場合にのみ「次へ」ボタンが有効になります。

    注意:

    「前へ」ボタンまたは「次へ」ボタンを選択すると、前または次のスライドに進むインタラクションがデフォルトで設定されます。 ただし、このインタラクションはインタラクションパネルからカスタマイズできます。

各カードにオーディオを追加

カードのインタラクションにオーディオキューを追加して、学習者の関心を高めます。カードウィジェットは、学習者がカードを選択した際にメディアを再生するクリック/タップトリガーをサポートしています。カードが表面から裏面に反転する際にオーディオを再生する裏面に反転トリガーも使用できます。ウィジェットのインタラクションにオーディオを追加する方法の詳細をご覧ください。

ウィジェット内のカードのプロパティを変更

カードの外観を変更したり、タイトルや字幕を追加したり、アイコンに画像を追加したりします。

  1. ウィジェットのカードを選択します。

  2. ビジュアルプロパティ「コンポーネント」セクションでは、次の項目を変更できます。

    • 画像:画像を追加または削除します。
    • タイトル:タイトルを追加または削除します。
    • 字幕:字幕を追加または削除します。
    • アイコン:カードのアイコンを追加または削除します。 実行時に学習者がアイコンを選択すると、カードが裏返されます。
    注意:

    コンポーネントセクションでコンポーネントを整列できます。 コンポーネントにカーソルを合わせ、オプション(左揃え、中央揃え、右揃え)を選択します。

  3. 「外観」セクションで、カードの背景色、境界線、丸みまたはシャドウを追加できます。

  4. アイコンを選択して、アイコンのプロパティを変更します。

  5. ビジュアルプロパティパネルでは、次の操作を実行できます。

    1. フォルダーアイコンをクリックして、アセットまたはコンピューターのアイコンを置き換えます 詳細については、「Adobe Captivate の SVG」を参照してください。
    2. 「アイコンを反転」セクションで「水平反転」または「垂直反転」を選択すると、学習者がアイコンをクリックしたときに、選択したモードでアイコンが反転します。
    3. 不透明度スライダーを動かして、アイコンの透明度を増減します。
    4. 「単色」ピッカーを使用して、アイコンの色を変更します。

レスポンシブモードの挙動

デバイスモードでカードウィジェットのプロパティを変更すると、水平スクロールバーをスクロールしてカードを確認できます。

レスポンシブモードでの作成
レスポンシブモードでの作成

カードの画像の変更

画像フィルターの適用、画像のぼかしや明るさの変更、境界線の追加、画像の置き換えを行います。

  1. スライドでカードを選択します。 次に、カード上の画像を選択します。 画像のプレースホルダーアイコンを使用して、画像を置き換えます。 詳細については、「Adobe Captivate の画像」を参照してください。

  2. ビジュアルプロパティパネルの「外観」セクションで、フィルターの適用、画像のぼかし、明るさとコントラストの調整を行うことができます。

  3. 画像に境界線を追加することもできます。 境界線の幅を変更したり、色を追加したり、画像の 1 つの辺またはすべての辺に境界線を追加したりできます。

  4. 「ドロップシャドウ」を選択して、画像の境界線にシャドウを適用します。

  5. 既存の画像を置き換える場合は、「画像ソース」セクションでフォルダーアイコンをクリックします。 アセットまたはコンピューター上から画像を選択できます。

  6. 「画像ソース」セクションで鉛筆アイコンを選択し、画像をトリミングします。 詳細については、「Adobe Captivate の画像」を参照してください。

  7. 「報告」セクションで、クイズを LMS に含める場合は、「クイズに含める」チェックボックスをオンにします。 Captivate のスコアリング可能な各ユニットには、一意のインタラクション ID が自動的に割り当てられます。 このインタラクション ID により、LMS によるデータ追跡が可能になります。 

カードのテキストを変更

Adobe Captivate では、テキストレベルでプロパティを変更できます。 テキストレベルでは、プリセットテキストスタイルの適用、フォントの変更、テキストの色の変更、箇条書きと番号付けの適用などを行うことができます。

  1. ウィジェットでカードを選択し、テキストオブジェクトを選択します。

  2. ビジュアルプロパティパネルの「外観」セクションで、テキストのスタイル、フォント、フォントサイズ、テキストの間隔などを変更します。

    テキスト
    テキストプロパティの編集

  3. カラーピッカーでテキストの色を変更し、必要に応じてシャドウを適用します。

  4. 「箇条書きと番号付け」を選択して、テキストに箇条書きを追加します。 箇条書きのサイズを変更したり、色を追加したり、インデントを変更したりすることもできます。

まったく新しくなった Adobe Captivate におけるテキスト操作の詳細については、「Adobe Captivate のテキスト」を参照してください。

カード裏面のプロパティを変更

裏面パネルのカードで、各カードのテキストや説明をカスタマイズしたり、画像を修正または変更したりできます。

  1. カードの下の選択ドックで「戻る」を選択します。

    カード裏面を選択
    カード裏面を選択

    カードコンテナーの裏面パネルが表示されます。

  2. ビジュアルプロパティパネルの「コンポーネント」セクションで、カードにタイトルとボタンを追加します。 次の項目を変更できます。

    • タイトル:ウィジェットのタイトルを追加または削除します。
    • 「次へ」ボタン:学習者を次のスライドに移動するこのボタンを追加または削除します。
    • 「前へ」ボタン:学習者を前のスライドに移動するこのボタンを追加または削除します。

    カードウィジェットの後付では、次のカスタマイズが可能です。 カードウィジェットのコンポーネントを追加または削除します。

    • 画像:カードの画像を追加または削除します。
    • タイトル:カードのタイトルを追加または削除します。
    • 字幕:カードの字幕を追加または削除します。
    注意:

    コンポーネントセクションでコンポーネントを整列できます。 コンポーネントにカーソルを合わせ、オプション(左揃え、中央揃え、右揃え)を選択します。

  3. 「外観」セクションで、カード裏面の境界線の半径、背景色、境界線およびシャドウを変更します。 詳細については、「ウィジェットの背景の変更」を参照してください。

Adobe, Inc.

ヘルプをすばやく簡単に入手

新規ユーザーの場合