マニュアル

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

概要

Adobe Captivateのスタックカードウィジェットを使用すると、視覚的に積み重ねられたカードのスタックとしてコンテンツを表示できます。学習者はクリックまたはタップによって一度に1枚ずつカードを進めることができ、これにより集中的で軽量なインタラクションが実現され、特にモバイルデバイスで効果的に機能します。各カードには見出し、小見出し、本文、画像を含めることができ、スタックカードはマイクロラーニング、ステップベースの指導、連続的なストーリーテリングに理想的です。このウィジェットには、複数のあらかじめ用意されたデザインオプション、組み込みアニメーション、デスクトップ、タブレット、モバイル表示でのレスポンシブ動作が含まれています。

スタックカードを使用する理由

スタックカードは1つの概念につき1枚のカードで、段階的にコンテンツを配信します。このインタラクションモデルは、学習者が通常スマートフォンやタブレットでコンテンツを消費する方法と一致し、認知的負荷を軽減するのに役立ちます。

主な利点は以下の通りです:

  • 学習者が一度に1つのアイデアに集中できるようにする段階的開示。 
  • アクティブなカードのみを表示することで、画面の混雑を避けるクリーンなレイアウト。 
  • クリックまたはタップインタラクションによる学習者主導のペーシング。 
  • カルーセルやフリップカードウィジェットよりも自然に感じられるモバイルファーストのインタラクションパターン。 
  • カルーセルやフリップカードウィジェットと比較して、スタックカードは並列ブラウジングではなく順次フローとカード単位の進行を重視するため、モバイルファーストのコースデザインに特に効果的です。

実際のユースケース

スタックカードは一般的に以下の用途で使用されます:

  • 順次展開するストーリーベースの学習。
  • ステップバイステップのプロセスウォークスルー。
  • モバイルデバイスでのフラッシュカードスタイルの復習。
  • ゲーミフィケーションを取り入れた学習におけるシナリオ紹介。

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

スタックカードウィジェットをプロジェクトに追加するには:

  1. ウィジェットを挿入するスライドを選択します。

  2. 左側のツールバーからウィジェットを追加を選択します。

  3. ウィジェットのリストからスタックカードを選択します。ウィジェットがカンバスに追加され、デフォルトで4枚のカードがセットされます。最小2枚のカードから最大20枚のカード
    まで追加することができます。

    スタックカードウィジェットを表示するCaptivateインターフェイス
    スタック内のカード数を選択します

  4. カードセレクターからカードを選択して、テキストと画像を追加します。

    各カードを選択して編集する方法を示すスタックウィジェットのインターフェイス
    カードセレクターから任意のカードを選択します

スタックカードウィジェットをカスタマイズする

ウィジェットを追加した後、ビジュアルプロパティパネルを使用してデザインオプション、アラインメント、外観、動作を設定します。

  1. 学習者のインタラクションを最もサポートするデザインオプションを選択してください。ストーリーテリングに適した水平レイアウトのデザインオプション、またはステップベースの教育コンテンツに適した垂直レイアウトを選択します。

    スタックカードウィジェットのデザインoptionsを表示するCaptivateインターフェイス
    スタックカードのデザインオプションを選択します

  2. 作成者はこれらのコンポーネントを使用して、ウィジェットレベルおよび個々のカードでカードプロパティを設定できます。ウィジェットレベルでこれらのコンポーネントを有効にします:

    • 見出し:各カードのメイン見出しを表示します。
    • 本文:プライマリテキストコンテンツが含まれます。
    • 指示:「左右にスワイプして続行してください」などの学習者へのガイダンスを提供します。
    • 前へボタン:学習者を前のスライドに移動させます。
    • 次へボタン:学習者を次のスライドに移動させます。
    スタックカードウィジェットのコンポーネントを表示するCaptivateインターフェイス
    スタックカードウィジェットに必要なコンポーネントを有効にします

  3. 必要に応じて、各カードの各コンポーネントを有効または無効にします:

    • 画像: カードの画像を追加します。
    • 見出し: 各カードのタイトルを表示します
    • 小見出し: サポートテキストまたは追加情報を追加します。
    • 本文: 主なテキストコンテンツを含みます。
    • カード番号: スタック内の位置に基づいてカード番号を表示します。

    これらのコンポーネントは、各カードに対して個別に有効または無効にできます。

  4. 外観 セクションで、ウィジェットの背景を変更し、ボーダーとシャドウを追加し、背景のぼかし、明るさ、コントラストを調整します。 

    スタックカードウィジェットの外観をカスタマイズする方法を示すCaptivateインターフェイス
    スタックカードの外観をカスタマイズ

スタックカードの再生と完了動作を設定

読み込み時とウィジェット内のすべてのカードが表示されたときのスタックカードの動作を設定します。 

  1. ビジュアルプロパティパネルで、下にスクロールして設定を選択します。

    スタックカードの動作設定を示すCaptivateインターフェイス
    ビジュアルプロパティパネルの設定からスタックカードの動作設定を設定

  2. 読み込み時に自動プレイを有効にすると、指定した間隔でスタック内の次のカードに自動的に進みます。カード間の遅延時間を秒単位で設定します。

    スタックカードウィジェットのカード間の時間間隔の設定を示すCaptivateインターフェイス
    自動再生を有効にして時間の長さを設定

  3. ウィジェット完了時に次のスライドに移動を有効にすると、学習者がすべてのカードを完了したときに自動的に次のスライドに移動します。

スタック内の各カードをカスタマイズ

スタック内の各カードのテキストと画像の内容を編集できます。デフォルトでは、すべてのカードに変更可能な画像とテキストのプレースホルダーが含まれています。

カスタマイズを開始するには、カードセレクターからカードを選択します。この例では、Card 1が選択されています。カードをカスタマイズするには、次の手順に従います:

各カードを選択して編集する方法を示すスタックウィジェットインターフェース
カードセレクターで個別のカードを選択します

  1. カードセレクターからスタック内のカードを選択します。

  2. そのカードに必要なコンポーネント(画像見出し小見出し本文など)を有効にします。

  3. 外観セクションで、選択したカードのコーナーの半径をカスタマイズし、背景を変更し、ボーダーやシャドウを追加します。 

    スタックカードウィジェットの各カードの外観をカスタマイズする方法を示すCaptivateインターフェイス
    スタック内のカードの外観をカスタマイズする

  4. カード上の各テキストコンポーネントを選択して見出しや本文などのコンテンツを追加し、外観セクションでその書式を調整します。テキストを生成optionsを使用して、生成AIを使用して選択したテキストボックスのコンテンツを作成することもできます。詳細については、Captivate で AI を使用してテキストを生成する方法をご覧ください。

    スタックカード内のテキストのテキスト書式optionsを示すcaptivateインターフェイス

  5. カード内の画像の アイコンを選択して、外観を変更したり、assetsやシステムから置き換えたり、画像を生成optionsを選択してAI生成画像を使用したりします。CaptivateでAIを使用して画像を生成する方法について詳しく学習してください。

    スタックカード内の画像を置き換える方法を示すCaptivateインターフェイス
    assetsからスタックカード画像を置き換え、システムからアップロード、または生成AIを使用

  6. 状態セクションで、展開を選択して各カードの訪問済み状態をディスプレイします。すべてのカードで訪問済み状態の外観をカスタマイズして、カードが循環シーケンスで進行する際に、すでに表示されたカードを視覚的に区別できます。これにより、学習者はスタック内での進行状況を簡単に追跡できます。

    スタックカードの訪問済み状態の外観をカスタマイズする方法を示すcaptivateインターフェイス
    訪問済み状態の外観をカスタマイズ

Adobe, Inc.

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

新規ユーザーの場合