Page History

...

概要

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

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

...

Yellowfinでは、次のタイプのコードウィジェットを利用できます。

ユーザーが作成したコードウィジェット

Yellowfinは、開発者がコーディングとパッケージを一緒に行えるカスタムコードウィジェットの使用をサポートします。これらは、プラグイン管理からインポートすることで、ダッシュボードに追加できます。これにより、ダッシュボードの構築プロセスで選択できるように、コードウィジェット一覧に表示されます。Yellowfinは、開発者がコーディングとパッケージを一緒に行えるカスタムコードウィジェットの使用をサポートします。これらは、プラグイン管理からインポートすることで、ダッシュボードに追加できます。これにより、コードウィジェット一覧に表示され、ダッシュボードの構築プロセスで選択できるようになります。

...

Yellowfinコードウィジェット

そのまま使用できるYellowfinのコードウィジェットを使用するには、以下の手順に従います。

...

こちらのウィジェットは、特にHTML、CSS、JavaScriptなどのコーディング知識を持つユーザーが使用するためにデザインされています。これは、ウィジェットの編集にコードモードの使用が要求されるからです。

1. 画面の左側で、「ウィジェット」ボタンをクリックします。画面の左側で、コードモードウィジェットをクリックします。
   

2. 表示される一覧内の「表示される一覧の「ウィジェット」項目から、「カスタムHTML」ウィジェットをキャンバスへドラッグします。
   

3. ダッシュボード上部のトグルを「コードモード」に切り替えます。
   

4. 画面左側のオブジェクトの一覧から、カスタムHTMLオブジェクトをクリックして正確なコードセクションを強調表示し、移動します。ヒント：こちらのオブジェクト一覧には、ダッシュボードに追加されたすべてのオブジェクトが表示され、特定のオブジェクトの正確なコードを検索し、編集できるようにします。画面左側のオブジェクトの一覧から、カスタムHTMLオブジェクトをクリックして正確なコードセクションを強調表示し、移動します。ヒント：こちらのオブジェクト一覧には、ダッシュボードに追加されたすべてのオブジェクトが表示され、特定のオブジェクトの正確なコードを検索し、編集できるようにします。
5. 配置をしたら、ウィジェットのコードにHTMLコードを入力します。
6. ビジュアルモードに戻ると、HTMLコンテンツの出力を確認することができます。

...

• シグナルのオープン：一覧内のシグナルをクリックし、その詳細ページへ移動します。

• シグナル一覧ページの閲覧：「すべてを確認」をクリックするとシグナル一覧ページへ移動し、シグナルの評価やウォッチへの追加、オーナーのアサインなど、一覧とのさらなる対話が可能になります。シグナル一覧ウィジェットにフィルターが適用されている場合、これはシグナル一覧ページにも反映されます。「すべてを表示する」をクリックするとシグナル一覧ページへ移動し、シグナルの評価やウォッチへの追加、オーナーのアサインなど、一覧とのさらなる対話が可能になります。シグナル一覧ウィジェットにフィルターが適用されている場合、これはシグナル一覧ページにも反映されます。

• 一覧のスクロール：ウィジェット一覧を簡単にスクロールできます。表示するシグナルの数に制限はありません。

シグナル一覧ウィジェットの構成

こちらのチュートリアルでは、シグナル一覧ウィジェットの追加方法や、ユーザーの好みに応じてシグナルを閲覧するためにフィルターを適用し、設定する方法を紹介します。これは、一覧に表示されるシグナルを制御します。こちらの手順では、シグナル一覧ウィジェットの追加方法や、ユーザーの好みに応じてシグナルを閲覧するためにフィルターを適用し、設定する方法を紹介します。これは、一覧に表示されるシグナルを制御します。

1. 「コードウィジェット」ボタンをクリックして、「ウィジェット」項目を展開します（デフォルトでは展開済みです）。」をクリックして、展開します（デフォルトでは展開済みです）。
2. キャンバスに、「シグナル一覧」ウィジェットをドラッグします。
   

3. これにより、「プロパティ」パネルが更新され、このウィジェットのプロパティが表示されます。
   

4. フィルター値を選択して、シグナルウィジェット一覧にフィルターを適用します。利用可能なオプションにより、以下に基づきシグナルを閲覧します。
   
   1. シグナルのステータス：これには、ウォッチ一覧に追加したシグナルや、最近閲覧したシグナル、クローズしたシグナルや無視したシグナルが含まれます。
   2. 時間：過去30日間に発生など、事前に選択した時間範囲に応じて、シグナルを閲覧します。時間に応じて表示されるシグナルを制限したくない場合は、「いつでも」を選択します。過去30日分など、事前に選択した時間範囲に応じて、シグナルを閲覧します。時間に応じて表示されるシグナルを制限したくない場合は、「すべて」を選択します。
   3. ビュー：特定のビュー内で検知されたシグナルを表示します。
   4. シグナルのタイプ：急増や急減のみを表示するなど、特定のタイプのシグナルのみを表示します。
5. 適用したフィルターに応じて、一覧が保存されることに注意してください。「フィルターが適用された」一覧は、公開されたダッシュボードに表示されます。
6. こちらのウィジェットに関連するすべてのプロパティの説明や設定方法は、プロパティ項目を参照してください。

...

...