# HTML レポート テンプレートへのコンテンツの追加

さまざまな形式のコンテンツをHTML レポート テンプレートに追加できます。アプリケーションのコンテンツを、チャート画像、表形式のデータ、変数、数式として追加します。HTML テンプレートでは、アプリケーション コンテンツはオブジェクトの形式をとります。これらのオブジェクト (ネイティブ HTML オブジェクトと混同しないでください) は、HTML デザイナーのオブジェクト パネルで追加、管理、再利用できます。アプリケーション データを直接視覚化しないコンテンツ (例: メールの紹介メッセージやカスタム書式設定) は、[サポートされているコード構文のリスト](https://help.qlik.com/ja-JP/cloud-services/Subsystems/Hub/Content/Sense_Hub/Reporting/html-report-allowed-code.htm)に含まれていれば追加できます。

## HTML レポートに追加できるアプリケーション コンテンツ

HTML レポート テンプレートは、次の種類のアプリケーション コンテンツに対応します。

* チャート画像。

  [HTML テンプレートに画像としてチャートを追加する](https://help.qlik.com/ja-JP/cloud-services/Subsystems/Hub/Content/Sense_Hub/Reporting/Design/HTML/html-report-chart-images.htm)

* チャートデータに基づく HTML テーブル。次のオプションがあります。

  * 単一のテーブル タグで追加されたチャート全体。

    [チャート全体を追加](https://help.qlik.com/ja-JP/cloud-services/Subsystems/Hub/Content/Sense_Hub/Reporting/Design/HTML/html-report-tabular-data.htm#FullChartTable)

  * チャートの 1 つ以上の個別の列で構成されるテーブル。

    [列によるチャートの追加](https://help.qlik.com/ja-JP/cloud-services/Subsystems/Hub/Content/Sense_Hub/Reporting/Design/HTML/html-report-tabular-data.htm#ChartTableColumn)

  * 分析アプリケーションからの変数。

    [HTML レポート テンプレートに変数と数式を追加する](https://help.qlik.com/ja-JP/cloud-services/Subsystems/Hub/Content/Sense_Hub/Reporting/Design/HTML/html-report-variables-expressions.htm)

  * Qlik 分析構文を使用して記述された数式。

    [HTML レポート テンプレートに変数と数式を追加する](https://help.qlik.com/ja-JP/cloud-services/Subsystems/Hub/Content/Sense_Hub/Reporting/Design/HTML/html-report-variables-expressions.htm)

  追加できる使用可能なタグの詳細については、「[利用可能なアプリケーション コンテンツ タグ](https://help.qlik.com/ja-JP/cloud-services/Subsystems/Hub/Content/Sense_Hub/Reporting/Design/HTML/html-report-add-content.htm#The)」を参照してください。

HTML レポート作成エクスペリエンスは、アプリケーション コンテンツの操作に柔軟性を提供します。たとえば、HTML コードを使用して、画像、変数、数式を表形式のデータとして追加できます。

レベルを使用して、レポート内の個別のセクションの作成を自動化し、異なる数の軸値に対してアプリケーション データの生成をループして繰り返します。詳細については、「[レベルを使用した HTML レポート要素のループおよびサイクル](https://help.qlik.com/ja-JP/cloud-services/Subsystems/Hub/Content/Sense_Hub/Reporting/Design/HTML/html-report-levels.htm)」を参照してください。

### オブジェクト タイプ

アプリケーションのコンテンツをオブジェクトとしてテンプレートに追加します。オブジェクトは、テンプレートの開発中に再利用および編集できます。次のオブジェクトを操作します。

* チャート画像

* チャート テーブル

* 変数

* 数式

* レベル

## 利用可能なアプリケーション コンテンツ タグ

次の表には、テンプレートに挿入できるタグの種類と、それぞれのタグの機能が示されています。HTML デザイナーを使用してタグを追加します。

Qlik Cloud AnalyticsQlik Cloud Analytics の HTMLHTML レポート テンプレートで使用できるタグ

| タグの種類 | 説明 | 例と形式 |
| --- | --- | --- |
| テーブル | テーブルとして追加されたチャート全体を表す単一のタグ。出力では、各列が個々の列と同じ方法で生成されます。 | `%%Table Name%%` |
| 列 | テーブルとして追加されたチャート内の 1 つの列を表す単一のタグ。テーブルから 1 つ以上の列が追加された場合でも、基礎となるテンプレート オブジェクトはテーブルであることに変わりはありません。 | `%%Column Name%%` |
| レベル | レベル オブジェクトのインスタンスを表すタグのセット。開始タグと終了タグの間に他のタグを追加して、レベル オブジェクトのベースとなる個別のエンティティごとに、これらの項目を含む新しいセクション (レベル) がレポートに作成されることを示すことができます。 | `%%Entity Name_Level%%`<br><br>...<br><br>`%%/Entity Name_Level%%` |
| フィールド | レベルの各フィルター済みの繰り返し処理において使用されている項目値を表示するために、レベル タグ内で使用されるタグ。 | `%%Field Name%%` |
| 変数 | ソース アプリケーションで見つかった変数のインスタンスを表す単一のタグ。 | `%%Variable Name%%` |
| 式 | オブジェクトとしてテンプレートに追加された数式のインスタンスを表す単一のタグ。 | `%%Expression Name%%` |

## Custom code

HTML デザイナーは実質的にコード エディターであるため、独自のカスタム コードをテンプレートに追加できます。このコードは、アプリケーションのコンテンツのみで構成される可能性は低いでしょう。たとえば、テンプレートには、インライン CSS、企業の Web コンテンツ、アプリケーションのコンテンツを直接組み込まないその他の機能が必要になる場合があります。

サポートされているコンポーネントとしてリストされている場合は、レポート テンプレートにコードを追加できます。それ以外の場合は、テンプレートをサニタイズして、準拠していないコードをすべて削除する必要があります。サポートされている HTML コード コンポーネントの一覧については、「[HTML テンプレートのコードの許可リスト](https://help.qlik.com/ja-JP/cloud-services/Subsystems/Hub/Content/Sense_Hub/Reporting/Design/HTML/html-report-allowed-code.htm)」を参照してください。

## アプリケーションの選択

ソース アプリケーションで行った選択は、作成中にレポート テンプレートに反映されます。選択内容は、HTML デザイナーから生成できるレポートのプレビューに適用されます。ただし、選択は Qlik Cloud のレポート タスクからの出力には反映されません。代わりに、レポート出力のデータの削減は、レポート フィルター、サイクル、セクション アクセスによって制御されます。

プレビューに反映された選択内容を変更する場合は、シート ビューで選択内容を変更できます。次に、HTML デザイナーのオブジェクト パネルの右上隅にある the エンティティを更新 icon をクリックします。これにより、選択したオブジェクトの選択のみが更新されます。