ダッシュボード機能:パーツの追加:カスタムHTML
## 概要
[ダッシュボード](/ja/manual/dashboard)に「カスタムHTML」を追加します。動画やBIツールで作成したグラフの埋め込みの他、[スクリプト](/ja/manual/table-management-script)、[スタイル](/ja/manual/table-management-style)と組み合わせることで、様々な用途に拡張可能です。
## 設定手順
### 全般タブ

|項目名|説明|
|:---|:---|
|タイトル|パーツの名称です。|
|タイトルを表示する|タイトルを表示させる場合にチェックします。|
|内容|表示したい内容をHTML形式で入力します。|
|非同期読み込みしない|このチェックボックスにチェックを付けた場合、非同期読み込みの設定に関わらず非同期読み込みを行いません。非同期読み込みの設定については[ダッシュボード機能:パーツの追加](/ja/manual/dashboard-add-parts)を参照ください。|
|CSS|カスタムHTMLの要素にCSSを適用する場合に使用します。CSSクラス名を指定することで、各項目に任意のクラス名を指定し、[スタイル](/ja/manual/table-management-style)を適用することができます。|
### アクセス制御タブ

カスタムHTMLに対する参照権限を設定します。参照権限のないユーザがダッシュボードを開いた場合、このパーツは非表示となります。
## 表示内容
* 例:動画の表示

* 例:BIツールで作成したグラフの表示

## コードエディタの使用
第2世代[ユーザインターフェースのテーマ](/ja/manual/user-management-theme)の場合は、ハイライトやコードヒント・タブキーでのインデント入力などをサポートする便利なコードエディタ機能がご利用いただけます。
※[General.json](/ja/manual/general.json)の"EnableCodeEditor"を有効化することで利用可能です。

|対応バージョン|内容|
|:--|:--|
|1.4.13.0 以降|コードエディタ機能追加|
## 関連情報
<div id="ManualList"><ul><li><a href="/ja/manual/general.json">パラメータ設定:General.json</a><span>2025/01/14 up</span></li></ul></article>
<ul><li><a href="/ja/manual/table-management-style">テーブルの管理:スタイル</a><span>2025/01/10 up</span></li>
<li><a href="/ja/manual/table-management-script">テーブルの管理:スクリプト</a><span>2025/01/10 up</span></li></ul></article>
<ul><li><a href="/ja/manual/user-management-theme">ユーザ管理機能:ユーザインターフェースのテーマをカスタマイズ</a><span>2025/01/30 up</span></li></ul></article>
<ul><li><a href="/ja/manual/dashboard">ダッシュボード機能</a><span>2024/12/19 up</span></li>
<li><a href="/ja/manual/dashboard-add-parts">ダッシュボード機能:パーツの追加</a><span>2024/12/26 up</span></li>
<li><a href="/ja/manual/dashboard-view">ダッシュボード機能:ビューの保存種別</a><span>2024/06/21 up</span></li>
<li><a href="/ja/manual/dashboard-quickaccess">ダッシュボード機能:パーツの追加:クイックアクセス</a><span>2024/11/12 up</span></li>
<li><a href="/ja/manual/dashboard-calendar">ダッシュボード機能:パーツの追加:カレンダー</a><span>2024/07/01 up</span></li>
<li><a href="/ja/manual/dashboard-timeline">ダッシュボード機能:パーツの追加:タイムライン</a><span>2024/06/21 up</span></li>
<li><a href="/ja/manual/dashboard-custom">ダッシュボード機能:パーツの追加:カスタム</a><span>2024/06/21 up</span></li></ul></article>
<ul><li><a href="/ja/manual/style">開発者向け機能:スタイル</a><span>2025/01/10 up</span></li></ul></article></div><input id="SearchTextHidden" type="hidden" value="" />