ダッシュボードコードウィジェット

概要

コードウィジェットは、カスタムUIオブジェクトであり、外部のアプリケーションエクスペリエンスをダッシュボードに取り込み、他のダッシュボード作成者のために、再利用可能なローコード・ノーコードウィジェットが作成できるようにデザインされています。Yellowfinには、そのまま使用できる複数のコードウィジェットや、アクションボタンも含まれており、それらについても、こちらの項目で紹介します。

注意：これらのウィジェットは、キャンバスレイアウトでのみサポートされています。他のタイプのダッシュボードレイアウトに追加することはできません。

コードウィジェットの例

Yellowfinでは、デフォルトで、次のタイプのコードウィジェットを利用できます。各コードウィジェットの説明は、以下の表を参照してください。さらに詳細な情報は、表に続く項目にて紹介します。

コードウィジェットのタイプ	説明
シグナル一覧	Yellowfin シグナルを使用できる環境下で、シグナル一覧を追加します。これにより、ダッシュボードのコンテンツに関連する、自動的に発見されたインサイトを、迅速かつ簡単に統合することができます。
ストーリーフィード	Yellowfin コンテンツフォルダーに基づき、ストーリーフィードを追加します。フィードには、フォルダーまたはサブフォルダーに保存されているストーリーの一覧が表示されます。
カスタムHTML	このウィジェットは、キャンバス上のどこにでも配置可能であり、コードモードに移動することで、ウィジェットのタグ内でHTMLのコーディングを始めることができます。
ビデオ	YouTube、Dailymotion、TED、Vimeoなど、一般的なオンラインビデオプラットフォームからビデオを埋め込むことができます。
関連レポート	関連するレポートを完全に表示するのではなく、リンクとして追加します。

独自のウィジェットを作成

Yellowfinは、独自のウィジェットを自由に実装することができ、JS APIは、開発者が個別のビジネスニーズに合わせてYellowfinの機能を拡張するために必要なツールを提供します。これらは、プラグイン管理からインポートすることで、ダッシュボードに追加できます。これにより、コードウィジェット一覧に表示され、ダッシュボードの構築プロセスで選択できるようになります。コードウィジェットの作成について、より詳細な情報やリソースは、こちらを参照してください。

ストーリーフィードウィジェット

Yellowfin 9.6は、Yellowfin ダッシュボードのニュースフィードのように機能する、ストーリーフィードウィジェットを提供します。このウィジェットは、選択したフォルダーまたはサブフォルダーに保存された最新のストーリーの一覧を表示します。

必要なアクセス権が付与されている場合、ユーザーはこのウィジェットを使用することで、以下の操作を実現できます。

ダッシュボードまたはプレゼンテーションにひとつ以上のストーリーフィードを追加し、表示をカスタマイズ
定期的な使用のためにストーリーテンプレートを管理 (フィルターを設定する時間などを節約)
テンプレートから新規ストーリーを作成

ダッシュボードにストーリーフィードを追加

ダッシュボードにストーリーフィードを追加する際に、オブジェクトのサイズや背景書式など、通常の書式設定をすべて適用することができます。また、ストーリーフィードに特有の表示オプションを設定することもできます。各機能の詳細は、以下の表を参照してください。

項目	説明
名前 (タイトル)	ウィジェットの上部に表示するタイトルテキストを入力します。タイトルを表示しない場合は、空欄のままにします。コード内でこのウィジェットを特定したい場合は、公開UUIDを使用してください。
コンテンツフォルダー	ストーリーフィードのソースが含まれるコンテンツフォルダーを選択します。デフォルトでは、すべてのサブフォルダーに保存されたストーリーがフィードに表示されます。
サブフォルダー (コンテンツフォルダーを選択することで表示されます)	特定のサブフォルダーのコンテンツのみを表示する場合は、こちらで選択をします。上記コンテンツフォルダー項目で忘れずに親フォルダーを選択してください。サブフォルダーを選択することで、サブフォルダーのコンテンツのみがフィードに表示されます。
ダークテーマ	フィードのテーマをライトまたはダークから選択します。
作成者を表示	フィード内に各アイテムを作成したユーザーの名前を表示する場合は、こちらのトグルを有効にします。
公開日を表示	各アイテムが最後に公開された日付を表示する場合は、こちらのトグルを有効にします。
説明を表示	フィード内に各アイテムの説明を表示する場合は、こちらのトグルを有効にします。
未読を太字で表示	ストーリーフィード内の未読アイテムを太字で表示する場合は、こちらのトグルを有効にします。
サムネイルを表示	イメージが存在する場合に、フィード内に各アイテムのサムネイルバージョンのメインイメージを表示する場合は、こちらのトグルを有効にします。

ストーリーフィード追加手順

選択したダッシュボードキャンバスで、画面左側からウィジェットツールをクリックします。
ダッシュボードキャンバスに、ストーリーフィードオプションをドラッグします。
画面右側のストーリーのプロパティパネルで、ストーリーテリングコンテンツを含む任意のフォルダーおよび、必要に応じてサブフォルダーを選択します。
フィードにストーリーが表示されていることを確認し、ストーリーのプロパティパネル内の任意のオプションを調整して、フィードをカスタマイズします。

ストーリーテンプレートの管理

ストーリーテンプレートは、ユーザーが閲覧できる任意の既存ストーリーに基づき、新規コンテンツを作成することができます。これは、類似するコンテンツを定期的に作成する場合に便利です。例えば、前月の売上を含む表やグラフを埋め込んだストーリーを毎月公開する場合、将来の使用に備えてこれをテンプレート化することができます。

テンプレートは、ダッシュボードやプレゼンテーションの編集時に、ストーリーウィジェット内から管理することができます。ストーリーテンプレートを選択、または選択解除するには、以下の手順に従います。

テンプレートを管理する手順

ストーリーフィードが既に追加されたダッシュボードを編集していることを確認します。
フィードの下部にあるテンプレートの一覧を編集ボタンをクリックします。
スクロール可能なフィード内の各アイテムの横にチェックボックスが表示されます。
チェックボックスを使用して、テンプレートとして使用する任意のストーリーを選択 (または、使用しないストーリーの選択解除) します。
保存ボタンをクリックします。

テンプレートから新規ストーリーを作成

ダッシュボード、またはプレゼンテーションから、直接新規ストーリーを作成することができます。既存のテンプレートを使用することで、フィルターやイメージ、テキストなどのコンテンツが新規ストーリーにコピーされます。

定期的にコンテンツを作成する場合、含める表やグラフに適用するフィルターを再作成する時間を節約できます。代わりに、更新されたコンテンツに合わせて、既存のコンテンツやフィルター値を修正することができます。新規ストーリー内でフィルターを更新しても、元のテンプレートに変更内容が反映されることはないため、元のストーリーをそのままの状態で維持することができます。

ダッシュボードに既にストーリーフィードが追加され、公開またはプレビューモードで閲覧していることを確認してください。

ダッシュボード、またはプレゼンテーション上のフィードから、以下を実現できます。

既存のテンプレートに基づく新規コンテンツの作成
空の新規ストーリーの作成

すべての新規コンテンツは、フィードに設定されたものと同じサブフォルダーに自動的に保存されます。これにより、作成したストーリーを公開すると同時に、ダッシュボードまたはプレゼンテーションスライド上のストーリーフィードに自動的に追加されることになります。

テンプレートから新規ストーリーを作成する手順

ストーリーフィードが既に追加されたダッシュボードを、プレビューまたは公開モードのいずれかの状態で閲覧していることを確認します。
フィードの左下隅でフィードに追加ボタンをクリックし、フィードに追加するアイテムを作成ダイアログボックスを表示します。
テンプレートとして使用するよう選択したすべてのストーリーが、ダイアログボックス内に一覧として表示されます。
既存のテンプレート一覧からひとつを選択し、既存のストーリーのコピーを作成するか、右下隅の新規ストーリー作成ボタンをクリックし、コンテンツが何も追加されていない新しい空のストーリーを作成します。
ストーリーは、タイトルにコピーの文字が追加された状態で、編集モードで表示されます。
要件に応じて、フィルターの設定やコンテンツの調整を行います (ストーリーの作成について、より詳細な情報は、こちらを参照してください)。
ストーリー上部にある公開ボタンをクリックします。
作成したストーリーをストーリーフィードに表示する場合は、元のストーリーと同じフォルダー (およびフィードの設定に応じて、同じサブフォルダー) に保存し、公開ボタンをクリックします。
公開されたストーリーを閉じると、先に追加したストーリーフィードのあるダッシュボードに戻ります。
新規ストーリーは、フィードのトップに表示されます。