> ## Documentation Index
> Fetch the complete documentation index at: https://domoinc-openapi-sync-dataflows.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# CourseBuilderでAppのページを追加、デザインする

export const InlineImage = ({src, alt = '', height = '1.6em'}) => {
  return <img noZoom src={src} alt={alt} style={{
    display: 'inline',
    verticalAlign: 'start',
    height: height,
    margin: '0'
  }} />;
};

### はじめに

CourseBuilder Appを作成する際に選択できるページタイプは様々です。各ページタイプは、目的と機能が異なります。Domo Universityには、利用を始める際に役立つ各種のページテンプレートが用意されています。各テンプレートの詳細については、以下を参照してください。

* [Introduction](#introduction)
* [Introduction Video](#introduction_video)
* [Conclusion](#conclusion)
* [Drag and drop](#drag_and_drop)
* [Embed survey](#embed_survey)
* [Media question](#media_question)
* [Multi-video](#multi_video)
* [Next steps](#next_steps)
* [Pinpoints](#pinpoints)
* [Quiz](#quiz)
* [Rankable](#rankable)
* [Rating next steps](#rating_next_steps)
* [Single video](#single_video)
* [Slider survey](#slider_survey)
* [Task squares](#task_squares)

<Frame>
  <img alt="Screenshot 2023-12-08 at 10.37.31 AM.png" src="https://mintcdn.com/domoinc-openapi-sync-dataflows/NZY_77jeKitg9n1Q/images/kb/ka0Vq00000002BV-00N5w00000Ri7BU-0EMVq0000001zxW.jpg?fit=max&auto=format&n=NZY_77jeKitg9n1Q&q=85&s=f8ed20408ee05816d0bf46d407836831" style={{width: 907, height: 386}} width="2792" height="1188" data-path="images/kb/ka0Vq00000002BV-00N5w00000Ri7BU-0EMVq0000001zxW.jpg" />
</Frame>

***

# Introduction

*Media/activity Type：* Text

このページタイプは、トレーニングモジュールの冒頭でトレーニングモジュールの紹介に使用します。

<Frame>
  <img alt="Intro-ConclusionPage.png" src="https://mintcdn.com/domoinc-openapi-sync-dataflows/NZY_77jeKitg9n1Q/images/kb/ka0Vq00000002BV-00N5w00000Ri7BU-0EM5w000005vOqa.png?fit=max&auto=format&n=NZY_77jeKitg9n1Q&q=85&s=07fce99883505013b85ac16aa63c8d47" style={{width: 1165, height: 421}} width="800" height="289" data-path="images/kb/ka0Vq00000002BV-00N5w00000Ri7BU-0EM5w000005vOqa.png" />
</Frame>

***

# Introduction Video

*Media/activity Type：* Video

このページタイプは、トレーニングモジュールの冒頭付近で使用します。トレーニング内容を紹介する1本の動画を学習者に視聴してもらうことができます。

<Frame>
  <img alt="Intro-VideoPage.png" src="https://mintcdn.com/domoinc-openapi-sync-dataflows/NZY_77jeKitg9n1Q/images/kb/ka0Vq00000002BV-00N5w00000Ri7BU-0EM5w000005vOqZ.png?fit=max&auto=format&n=NZY_77jeKitg9n1Q&q=85&s=5653a81f775cbff4f615b702765f76db" style={{width: 1176, height: 418}} width="800" height="282" data-path="images/kb/ka0Vq00000002BV-00N5w00000Ri7BU-0EM5w000005vOqZ.png" />
</Frame>

***

# Conclusion

*Media/activity Type：* Text

このページタイプは、トレーニングモジュールの最後で、まとめ、学習者への感謝などによりモジュールを締めくくるのに使用します。

<Frame>
  <img alt="Intro-ConclusionPage.png" src="https://mintcdn.com/domoinc-openapi-sync-dataflows/NZY_77jeKitg9n1Q/images/kb/ka0Vq00000002BV-00N5w00000Ri7BU-0EM5w000005vOqa.png?fit=max&auto=format&n=NZY_77jeKitg9n1Q&q=85&s=07fce99883505013b85ac16aa63c8d47" style={{width: 1195, height: 432}} width="800" height="289" data-path="images/kb/ka0Vq00000002BV-00N5w00000Ri7BU-0EM5w000005vOqa.png" />
</Frame>

[このページのトップへ](#intro)

***

# Drag and Drop

*Media/activity Type：* Images、Text、Feedback for responses

このページタイプを使用すると、学習者がアイテムを対応するアイテムにドラッグしたときに概念に関する説明を表示できます。

<Frame>
  <img alt="coursebuilder_dragndrop.png" src="https://mintcdn.com/domoinc-openapi-sync-dataflows/NZY_77jeKitg9n1Q/images/kb/ka0Vq00000002BV-00N5w00000Ri7BU-0EM5w000005vOqk.png?fit=max&auto=format&n=NZY_77jeKitg9n1Q&q=85&s=083abf3d81205a1835591bf22293d4d3" style={{width: 900, height: 497}} width="800" height="442" data-path="images/kb/ka0Vq00000002BV-00N5w00000Ri7BU-0EM5w000005vOqk.png" />
</Frame>

***

# Embed Survey

*Media/activity Type：* Qualtrics survey

このページタイプを使用すると、質問を含むQualtricsアンケートを挿入して学習者に回答してもらうことができます。

<Frame>
  <img alt="coursebuilder_embedsurvey.png" src="https://mintcdn.com/domoinc-openapi-sync-dataflows/NZY_77jeKitg9n1Q/images/kb/ka0Vq00000002BV-00N5w00000Ri7BU-0EM5w000005vOqm.png?fit=max&auto=format&n=NZY_77jeKitg9n1Q&q=85&s=8dae1403fc684e8cfcd88b49b9025855" style={{width: 900, height: 494}} width="800" height="439" data-path="images/kb/ka0Vq00000002BV-00N5w00000Ri7BU-0EM5w000005vOqm.png" />
</Frame>

[このページのトップへ](#intro)

***

# Media Question

*Media/activity Type：* Image、Video、Feedback for response

このページタイプを使用すると、ページに表示される特定の画像または動画に関して学習者に質問をすることができます。

<Frame>
  <img alt="coursebuilder_mediaquestion.png" src="https://mintcdn.com/domoinc-openapi-sync-dataflows/NZY_77jeKitg9n1Q/images/kb/ka0Vq00000002BV-00N5w00000Ri7BU-0EM5w000005vOqW.png?fit=max&auto=format&n=NZY_77jeKitg9n1Q&q=85&s=603c8bbbd01a02c8b1118cd234d20c54" style={{width: 900, height: 486}} width="800" height="432" data-path="images/kb/ka0Vq00000002BV-00N5w00000Ri7BU-0EM5w000005vOqW.png" />
</Frame>

***

# Multi-video

*Media/activity Type：* Images、Text、Videos

このページタイプを使用すると、説明テキスト、最大6本の動画、動画サムネイル上部の動画説明テキスト、カスタムのサムネイル画像を追加できます。

<Frame>
  <img alt="Multi-videoPage.png" src="https://mintcdn.com/domoinc-openapi-sync-dataflows/NZY_77jeKitg9n1Q/images/kb/ka0Vq00000002BV-00N5w00000Ri7BU-0EM5w000005vOqe.png?fit=max&auto=format&n=NZY_77jeKitg9n1Q&q=85&s=807510d5c5fa007203b5815b6d6d907d" style={{width: 979, height: 432}} width="800" height="353" data-path="images/kb/ka0Vq00000002BV-00N5w00000Ri7BU-0EM5w000005vOqe.png" />
</Frame>

[このページのトップへ](#intro)

***

# Next Steps

*Media/activity Type：* Linked images、Text

このページタイプは、トレーニングモジュールの最後で、学習者を補助資料や [Appstore <InlineImage src="/images/kb/ja/ka0Vq0000000JfQ-00N5w00000Ri7BU-0EMVq0000001z9V.jpg" />](https://www.domo.com/appstore/) の別のAppに誘導するのに使用します。

<Frame>
  <img alt="NextStepsPage.png" src="https://mintcdn.com/domoinc-openapi-sync-dataflows/NZY_77jeKitg9n1Q/images/kb/ka0Vq00000002BV-00N5w00000Ri7BU-0EM5w000005vOqb.png?fit=max&auto=format&n=NZY_77jeKitg9n1Q&q=85&s=a9162b684b12496cc3d5259b51135e53" style={{width: 1032, height: 474}} width="800" height="367" data-path="images/kb/ka0Vq00000002BV-00N5w00000Ri7BU-0EM5w000005vOqb.png" />
</Frame>

***

# Pinpoints

*Media/activity Type：* Images、Text、Videos

このページタイプを使用すると、学習者がそのページの特定の画像やインフォグラフィックに関して調べたり、さらに詳しい情報を確認したりできます。これは、コンテンツを伝えるインタラクティブな方法です。

**Pinpoints Page Part 1**

<Frame>
  <img alt="PinpointPage-1.png" src="https://mintcdn.com/domoinc-openapi-sync-dataflows/NZY_77jeKitg9n1Q/images/kb/ka0Vq00000002BV-00N5w00000Ri7BU-0EM5w000005vOqo.png?fit=max&auto=format&n=NZY_77jeKitg9n1Q&q=85&s=e4adbded1fe0cd07d874e15728d9eec3" style={{width: 1151, height: 430}} width="800" height="299" data-path="images/kb/ka0Vq00000002BV-00N5w00000Ri7BU-0EM5w000005vOqo.png" />
</Frame>

**Pinpoints Page Part 2**

<Frame>
  <img alt="PinpointPage-2.png" src="https://mintcdn.com/domoinc-openapi-sync-dataflows/NZY_77jeKitg9n1Q/images/kb/ka0Vq00000002BV-00N5w00000Ri7BU-0EM5w000005vOqY.png?fit=max&auto=format&n=NZY_77jeKitg9n1Q&q=85&s=7acf02a46d96fe38bf792f38acc51bc3" style={{width: 1165, height: 473}} width="800" height="325" data-path="images/kb/ka0Vq00000002BV-00N5w00000Ri7BU-0EM5w000005vOqY.png" />
</Frame>

[このページのトップへ](#intro)

***

# Quiz

*Media/activity Type：* Images、Text

このページタイプは、利用したコンテンツに対する理解度を学習者が確認できるようにするのに使用します。クイズの質問、回答に関するフィードバック、質問またはクイズ全体に再チャレンジする機会の4つのタイプがあります。

**Quiz Page Part 1**

<Frame>
  <img alt="QuizPage-1.png" src="https://mintcdn.com/domoinc-openapi-sync-dataflows/NZY_77jeKitg9n1Q/images/kb/ka0Vq00000002BV-00N5w00000Ri7BU-0EM5w000005vOqd.png?fit=max&auto=format&n=NZY_77jeKitg9n1Q&q=85&s=f1ebc6614ce83170fae29de525daa93d" style={{width: 1180, height: 435}} width="800" height="295" data-path="images/kb/ka0Vq00000002BV-00N5w00000Ri7BU-0EM5w000005vOqd.png" />
</Frame>

**Quiz Page Part 2**

<Frame>
  <img alt="QuizPage-2.png" src="https://mintcdn.com/domoinc-openapi-sync-dataflows/NZY_77jeKitg9n1Q/images/kb/ka0Vq00000002BV-00N5w00000Ri7BU-0EM5w000005vOqc.png?fit=max&auto=format&n=NZY_77jeKitg9n1Q&q=85&s=976c5a344888bf92d2257ad27e0d4d1c" style={{width: 1187, height: 420}} width="800" height="283" data-path="images/kb/ka0Vq00000002BV-00N5w00000Ri7BU-0EM5w000005vOqc.png" />
</Frame>

**Quiz Page Part 3**

<Frame>
  <img alt="QuizPage-3.png" src="https://mintcdn.com/domoinc-openapi-sync-dataflows/NZY_77jeKitg9n1Q/images/kb/ka0Vq00000002BV-00N5w00000Ri7BU-0EM5w000005vOqn.png?fit=max&auto=format&n=NZY_77jeKitg9n1Q&q=85&s=653fb06eb72a985d46d06aa912338a2f" style={{width: 1190, height: 421}} width="800" height="283" data-path="images/kb/ka0Vq00000002BV-00N5w00000Ri7BU-0EM5w000005vOqn.png" />
</Frame>

**Quiz Page Part 4**

<Frame>
  <img alt="QuizPage-4.png" src="https://mintcdn.com/domoinc-openapi-sync-dataflows/NZY_77jeKitg9n1Q/images/kb/ka0Vq00000002BV-00N5w00000Ri7BU-0EM5w000005vOqU.png?fit=max&auto=format&n=NZY_77jeKitg9n1Q&q=85&s=66147b603b8306b9b5f49fc97d48a95d" style={{width: 1199, height: 424}} width="800" height="283" data-path="images/kb/ka0Vq00000002BV-00N5w00000Ri7BU-0EM5w000005vOqU.png" />
</Frame>

**Quiz Page Part 5**

<Frame>
  <img alt="QuizPage-5.png" src="https://mintcdn.com/domoinc-openapi-sync-dataflows/NZY_77jeKitg9n1Q/images/kb/ka0Vq00000002BV-00N5w00000Ri7BU-0EM5w000005vOqi.png?fit=max&auto=format&n=NZY_77jeKitg9n1Q&q=85&s=e54345a30e6216f59852ee1e205182c5" style={{width: 1168, height: 438}} width="800" height="300" data-path="images/kb/ka0Vq00000002BV-00N5w00000Ri7BU-0EM5w000005vOqi.png" />
</Frame>

[このページのトップへ](#intro)

***

# Rankable

*Media/activity Type：* Expandable image、Text

このページタイプを使用すると、学習者が様々な概念をランク付けし、フィードバックを受けることができます。

<Frame>
  <img alt="coursebuilder_rankable.png" src="https://mintcdn.com/domoinc-openapi-sync-dataflows/NZY_77jeKitg9n1Q/images/kb/ka0Vq00000002BV-00N5w00000Ri7BU-0EM5w000005vOqj.png?fit=max&auto=format&n=NZY_77jeKitg9n1Q&q=85&s=341e79e871de4f36ead9fb7aa3cb829c" style={{width: 899, height: 497}} width="2128" height="1176" data-path="images/kb/ka0Vq00000002BV-00N5w00000Ri7BU-0EM5w000005vOqj.png" />
</Frame>

***

# Rating Next Steps

*Media/activity Type：* Title、Description、Star rating

このページを使用すると、学習者がコースを1～5つの星で評価し、ほかのフィードバックを与えることができます。

<Frame>
  <img alt="coursebuilder_ratingnextstepss.png" src="https://mintcdn.com/domoinc-openapi-sync-dataflows/NZY_77jeKitg9n1Q/images/kb/ka0Vq00000002BV-00N5w00000Ri7BU-0EM5w000005vOqf.png?fit=max&auto=format&n=NZY_77jeKitg9n1Q&q=85&s=c4a89b7d704e0999773a7100bae8de25" style={{width: 901, height: 474}} width="800" height="421" data-path="images/kb/ka0Vq00000002BV-00N5w00000Ri7BU-0EM5w000005vOqf.png" />
</Frame>

[このページのトップへ](#intro)

***

# Single Video

*Media/activity Type：* Text、Video

このページタイプを使用すると、1本の動画を学習者に視聴してもらうことができます。動画に関する説明テキストを追加することもできます。

<Frame>
  <img alt="SingleVideoPage.png" src="https://mintcdn.com/domoinc-openapi-sync-dataflows/NZY_77jeKitg9n1Q/images/kb/ka0Vq00000002BV-00N5w00000Ri7BU-0EM5w000005vOql.png?fit=max&auto=format&n=NZY_77jeKitg9n1Q&q=85&s=7fa20f1837c64124d4b346bfb5d2bf55" style={{width: 1163, height: 410}} width="800" height="282" data-path="images/kb/ka0Vq00000002BV-00N5w00000Ri7BU-0EM5w000005vOql.png" />
</Frame>

***

# Slider Survey

*Media/activity Type：* Image、Text

このページタイプを使用すると、学習者はコンテキストに沿って質問に対する回答を選択できます。ツールチップを使用すると、回答ごとにより詳細なコンテキストを提供できます。

**Slider Survey Page Part 1**

<Frame>
  <img alt="SurveySlider-1.png" src="https://mintcdn.com/domoinc-openapi-sync-dataflows/NZY_77jeKitg9n1Q/images/kb/ka0Vq00000002BV-00N5w00000Ri7BU-0EM5w000005vOqh.png?fit=max&auto=format&n=NZY_77jeKitg9n1Q&q=85&s=5ab32519a70e1b85b5ca76a26cf1ded2" style={{width: 1193, height: 446}} width="800" height="299" data-path="images/kb/ka0Vq00000002BV-00N5w00000Ri7BU-0EM5w000005vOqh.png" />
</Frame>

**Slider Survey Page Part 2**

<Frame>
  <img alt="SurveySlider-2.png" src="https://mintcdn.com/domoinc-openapi-sync-dataflows/NZY_77jeKitg9n1Q/images/kb/ka0Vq00000002BV-00N5w00000Ri7BU-0EM5w000005vOqV.png?fit=max&auto=format&n=NZY_77jeKitg9n1Q&q=85&s=d15ecca778b9f0053b2262d8c8469f04" style={{width: 1134, height: 438}} width="800" height="309" data-path="images/kb/ka0Vq00000002BV-00N5w00000Ri7BU-0EM5w000005vOqV.png" />
</Frame>

# このページのトップへ

***

# Task Squares

*Media/activity Type：* Images、Text

このページタイプを使用すると、プロセスや原則に関連するタスクや一連のコンテンツに学習者がアクセスできるようになります。タスクスクエアをグラフィックと組み合わせて使用すると、コンテキストに応じた詳細な手順を示すことができます。

**Task Squares Page Part 1**

<Frame>
  <img alt="TaskSquaresPage-1.png" src="https://mintcdn.com/domoinc-openapi-sync-dataflows/NZY_77jeKitg9n1Q/images/kb/ka0Vq00000002BV-00N5w00000Ri7BU-0EM5w000005vOqg.png?fit=max&auto=format&n=NZY_77jeKitg9n1Q&q=85&s=1610ebba2003cbcf7a370bf5eebc019e" style={{width: 1258, height: 470}} width="800" height="299" data-path="images/kb/ka0Vq00000002BV-00N5w00000Ri7BU-0EM5w000005vOqg.png" />
</Frame>

**Task Squares Page Part 2**

<Frame>
  <img alt="TaskSquaresPage-2.png" src="https://mintcdn.com/domoinc-openapi-sync-dataflows/NZY_77jeKitg9n1Q/images/kb/ka0Vq00000002BV-00N5w00000Ri7BU-0EM5w000005vOqp.png?fit=max&auto=format&n=NZY_77jeKitg9n1Q&q=85&s=2fa31b542adcc79c55fb59010618c282" style={{width: 1131, height: 437}} width="800" height="309" data-path="images/kb/ka0Vq00000002BV-00N5w00000Ri7BU-0EM5w000005vOqp.png" />
</Frame>

[このページのトップへ](#intro)

日本語