TurbineウィジェットとAIを使用してカスタムセキュリティUIを構築する方法

TurbineウィジェットとAIを使用してカスタムセキュリティUIを構築する方法

セキュリティチームがデータ不足に悩まされることは滅多にありません。問題なのは、データの適切なビューが不足していることです。シフトリーダーが必要とする情報をほぼ網羅したダッシュボード。アナリストが1つのアラートを再構築するために4つのタブを開かなければならないようなケースレイアウト。既成の画面はそれに近いところまで来ていますが、それ以上は役に立ちません。.

Turbineウィジェットは、最後の仕上げを担います。ウィジェットとは、Swimlane Turbineのアプリケーションレコードやダッシュボードに組み込む、カスタムインターフェースコンポーネントです。これにより、セキュリティオペレーションセンター（SOC）が必要とする情報を、必要な方法でプラットフォームに表示できます。このガイドでは、ウィジェットとは何か、どこで実行されるのか、参考になる例、そして1行のコードから分かりやすい英語のプロンプトまで、ウィジェットを作成する3つの方法について説明します。.

時間がない？それなら、下の動画をご覧ください。同じ内容を数分で解説しています。.

タービンウィジェットとは何ですか？

Turbineウィジェットは、Swimlane Turbine内でレンダリングされるカスタムWebコンポーネントであり、データの読み取り、表示、更新が可能です。ウィジェットは軽量WebコンポーネントライブラリであるLitを使用して構築され、SwimlaneElementという基本クラスを継承しています。この基本クラスはプラットフォームへの橋渡し役となり、現在のレコードまたはレポートデータを渡し、セッションコンテキストを公開し、トークンや認証を処理することなく、ウィジェットが任意のTurbine APIを呼び出せるようにします。HTML、CSS、JavaScriptを扱った経験があれば、このモデルは馴染み深いものに感じられるでしょう。.

そのメリットは想像以上に大きい。Turbineに標準搭載されている画面を受け入れるのではなく、インターフェース自体を拡張して、アナリストが定義できるあらゆるビューを表示させることができる。.

ウィジェットはTurbine内部でレンダリングされます。ここでは、レコードレイアウト上に配置されています。.

レコードウィジェットとレポートウィジェットの違い

ウィジェットは2つの場所にレンダリングされ、その場所によってウィジェットが表示できるデータが決まります。.

• レコードウィジェット レコードレイアウト、ケース、またはアラート上に配置して、そのレコードのフィールドを操作します。リスクスコアゲージ、イベントタイムライン、ステータスインジケーター、またはアラートの統合ビューに最適です。.
• レポートウィジェット ダッシュボード上で動作し、レポートクエリから集計データを読み取ることができるため、指標、グラフ、ヘルスモニター、マルチテナントのロールアップに最適です。.

同じフレームワークだが、スコープは2つある。1つのレコード上のデータか、複数のレコードにまたがるデータか。.

レコードウィジェットは1つのレコードを読み取ります。レポートウィジェットは複数のレコードを読み取ります。.

トップ3 参考にする価値のあるタービンウィジェットの例

カタログには100種類以上のウィジェットが掲載されており、それぞれにソースコードが付属しているので、パターンを学ぶ一番手っ取り早い方法は、どれか一つから始めることです。私たちがよく使うウィジェットを3つご紹介します。

#1 ROI計算ウィジェット 

ROI計算ウィジェットは、プレイブックの実行、アクションの実行、およびHero AIの使用状況を時間とコストの削減に結びつけるレポートウィジェットです。これは、すべてのSOCリーダーが最終的にビジネス部門から受ける質問、「これはどのようなリターンをもたらしているのか？」に答えるものです。

ROI計算ツール：プレイブック、アクション、およびヒーローAIプロンプトごとに節約された時間とコスト。.

#2症例概要

ケースサマリーウィジェットはレコードレベルで動作します。複数のタブを開く代わりに、アラートを1つのペインにまとめて表示します。.

ケース概要：アラートとその関連情報を一目で確認できる画面。.

#3 MITRE ATT&CK ヒートマップ ウィジェット

このレポートウィジェットは、アラート量をMITRE ATT&CKマトリックスにマッピングします。下の画像に示すように、色分けによって検出が集中している場所、そしてより有用な点として、検出漏れがある場所が示されます。SOCの壁面ディスプレイに常時表示されるのが一般的です。.

MITRE ATT&CK ヒートマップ: 検出が集中している場所と、ギャップがある場所

タービンウィジェットを構築する3つの方法

ウィジェットの構築方法は、どれだけコードを記述したいかによって決まります。3つの方法はいずれも同じエディタとコンポーネントライブラリであるswim-uiを共有するため、構築したものがTurbineネイティブな外観を保つことができます。.

1.    コンテンツ配信ネットワークからインポートします。. Swimlane CDNには多数のウィジェットが用意されており、すぐに使用できます。ウィジェットエディタにインポート行を1行貼り付けて保存するだけで、レンダリングされます。安定性を確保したい場合は、バージョンを固定することも可能です。フレームワークの知識は一切不要です。.

2.    ゼロから構築する。. ウィジェットエディタを開き、Lit コードを自分で記述してください。SwimlaneElement を拡張し、swim-ui をインポートして、レンダリングメソッドを定義します。この方法なら完全に制御でき、フレームワークを学ぶのに最適な方法です。ドキュメントサイト swimlane.github.io/custom-Widgets には、API リファレンス、コンポーネントライブラリ、およびカタログ全体のソースコードが掲載されています。 

3. Hero AIで構築しましょう。. ウィジェットエディタを開いて「“「ヒーローAIで構築する」”. 平易な言葉で欲しいものを説明してください。するとヒーローが登場します ウィジェット構築モード, コードタブにウィジェットコードが生成され、ライブプレビューが表示されます。内容を確認し、「適用」をクリックすると、レイアウトに反映されます。同じセッション内で調整を続けることができ、詳細が必要な場合はHeroが確認のための質問を表示します。Hero AIはテナントで有効にする必要があります。.

Hero AIで構築するには、ウィジェットを説明し、生成されたコードをプレビューして、「適用」をクリックします。.

よくある質問

タービンウィジェットとは何ですか？

Swimlane Turbine内で動作するカスタムWebコンポーネントで、データの読み取り、表示、更新が可能です。ウィジェットは、LitフレームワークとSwimlane Elementベースクラスを使用して、レコードレイアウトやダッシュボード上のプラットフォームUIを拡張します。.

Turbine Widgetsはどこで動作しますか？

2つの場所で動作します。レコードウィジェットはレコードレイアウト上で動作し、単一レコードのフィールドを操作します。レポートウィジェットはダッシュボード上で動作し、レポートクエリから集計データを読み取ります。.

それを作るにはプログラミングの知識が必要ですか？

必ずしもそうとは限りません。CDNから既製のウィジェットを1行のコードでインポートすることもできますし、Hero AIに希望する内容を説明してコードを生成させることもできます。ゼロからコーディングすることも可能ですが、その方がより詳細な制御が可能になります。.

Hero AIは私のためにウィジェットを作成できますか？

はい。ウィジェットエディタで「Hero AIで構築」を選択し、ウィジェットを平易な言葉で記述すると、Heroがプレビューと適用用のコードを生成してくれます。Hero AIはテナントで有効になっている必要があります。.

ウィジェットはいくつ利用できますか？

このカタログには100種類以上のウィジェットが掲載されており、それぞれに完全なソースコードが公開されているため、学習して自分の環境に合わせてカスタマイズすることができます。.

独自のウィジェットの作成を始める準備はできましたか？

チームがずっと求めているビューを選び、それを構築してください。CDNからインポートする、ゼロからコーディングする、Hero AIに説明するなど、方法は問いません。そして、作成したウィジェットをLinkedInに投稿し、Swimlaneをタグ付けして共有してください。期待通りの出来栄えであれば、何か特典をお送りします。.