syncfusion-aspnetcore-pivot-table について
ASP.NET Coreで多次元分析やインタラクティブなレポートを構築するためのSyncfusion PivotView実装スキルです。データソース、分析操作、UI設定、エクスポートを扱い、リファレンスの確認とデータソースの検証も重視します。
主な機能
- 01行、列、値、フィルター軸の設定
- 02データの集計、並べ替え、グループ化、絞り込み
- 03ドリルダウンと計算フィールド
- 04フィールドリストとグルーピングバー
- 05仮想スクロール、ページング、エクスポート
活用シーン
- 01インタラクティブなピボットレポートを作成
- 02大規模データセットをページングで分析
- 03信頼できるデータソースをレポートにバインド
- 04ピボットテーブルのエクスポートや印刷
インストール
コマンドをコピーしてターミナルで実行します。
npx skills add https:/ / github.com/ syncfusion/ aspnetcore-ui-components-skills --skill syncfusion-aspnetcore-pivot-tableインストール後、Claude Code で/syncfusion-aspnetcore-pivot-tableを入力して読み込まれたか確認します。
同梱ファイル
SKILL.md と一緒にインストールされる参考資料やスクリプト。
references/aggregation.mdcalculated-field.mdclassic-layout.mdconditional-formatting.mddata-binding.mddata-compression.mddefer-update.mddrill-down.mddrill-through.mdediting.mdelasticsearch.mdexcel-export.mdfield-list.mdfiltering.mdgetting-started.mdgrouping-bar.mdgrouping.mdhyper-link.mdmongodb.mdmssql.mdmysql.mdnumber-formatting.mdolap.mdoracle.mdpaging.mdpdf-export.mdperformance-best-practices.mdpivot-chart.mdpostgresql.mdprint.md詳細
ピボットテーブルの実装(ASP.NET Core)
Syncfusion ASP.NET Core Pivot Table(PivotView)は、インタラクティブな行/列/値軸、リアルタイム集計、柔軟なフィルタリング、充実したエクスポートオプションにより、多次元データの可視化と分析を可能にします。
⚠️ 重要: API のクラス名、プロパティ、メソッドのシグネチャは、必ずこのスキルのリファレンスファイル(
references/*.md)を参照して確認してください。これらのファイルには、動作確認済みの例が掲載されています。他の情報源にある API の詳細を鵜呑みにしないでください。
⚠️ セキュリティ警告:データソースの検証
重大なセキュリティ上の注意: ピボットテーブルを実装する際は、必ず信頼できるデータソースを使用してください。適切な検証とサニタイズを行わずに、信頼できない URL やユーザーが指定した URL からデータを取得したり、データをバインドしたりしてはいけません。
セキュリティのベストプラクティス:
- ローカルデータを使用する:セキュリティを最大限に高めるには、ローカルのインメモリデータソースを優先してください
- リモートソースを検証する:管理下にある認証済みかつ認可済みの API エンドポイントにのみ接続してください
- ユーザー入力をサニタイズする:任意の URL やデータソースをユーザーが指定できないようにしてください
- 構成を使用する:接続文字列と API URL は、安全な構成(
IConfigurationを使用したappsettings.json)に保存してください - 認証を実装する:すべてのデータベース接続と API 接続に認証を必須としてください
- 認可を適用する:
[Authorize]属性とロールベースのアクセス制御を使用してください
セキュリティリスク:
- 間接的なプロンプトインジェクション:信頼できないサードパーティのデータに、AI エージェントの動作を操作する悪意のあるコンテンツが含まれている可能性があります
- データ漏えい:未検証のリモート接続によって、機密情報が漏えいする可能性があります
- SQL インジェクション:サニタイズされていないデータベースクエリは、データ侵害につながる可能性があります
- XSS 攻撃:UI にエスケープせずに表示されたデータは、悪意のあるスクリプトを実行する可能性があります
✅ 安全: ローカルデータ、管理下にある認証済み API、パラメーター化された SQL クエリ
❌ 危険: ユーザーが指定した URL、認証されていないエンドポイント、ハードコードされた接続文字列
このスキルを使用する場面
ASP.NET Core アプリケーションを構築する際に、ユーザーが次の機能を必要としている場合にこのスキルを使用してください。
- ピボットレポート:行、列、値、フィルターの各軸を使用
- データ集計:20 種類以上の集計タイプ(Sum、Avg、Count、Percentage、RunningTotals など)
- インタラクティブなレポート作成:フィールドリストやグルーピングバーの UI を使用
- データソースバインド:ローカル JSON/CSV、SQL Server、OLAP、リレーショナルデータベース
- フィルタリング:メンバー、ラベル、値によるフィルタリング(検索/並べ替え対応)
- 並べ替え:フィールドの並べ替え、カスタム順序、値による並べ替え
- 高度な機能:ドリルダウン/アップ、ドリルスルー、計算フィールド、ピボットチャート
- 書式設定:条件付き書式、数値書式、カスタムスタイル
- エクスポート:Excel、PDF、CSV、印刷
- パフォーマンス最適化:仮想スクロール、ページング、データ圧縮
トリガーキーワード: pivot table、pivotview、PivotView、field list、grouping bar、OLAP、pivot aggregation、pivot export、pivot drill-down、pivot report、ASP.NET Core pivot
クイックスタートの例
@using Syncfusion.EJ2.PivotView
<ejs-pivotview id="pivotview"
height="450"
showFieldList="true"
showGroupingBar="true">
<e-datasourcesettings dataSource="@ViewBag.DataSource">
<e-rows>
<e-field name="Country" caption="Country"></e-field>
</e-rows>
<e-columns>
<e-field name="Year" caption="Year"></e-field>
</e-columns>
<e-values>
<e-field name="Sales" caption="Total Sales" type="Sum"></e-field>
</e-values>
<e-filters>
<e-field name="Region" caption="Region"></e-field>
</e-filters>
<e-formatsettings>
<e-field name="Sales" format="C0" currency="USD"></e-field>
</e-formatsettings>
</e-datasourcesettings>
</ejs-pivotview>
ナビゲーションガイド
はじめにとセットアップ
📄 参照: references/getting-started.md
- インストールと NuGet パッケージのセットアップ
- プロジェクト構成と名前空間の登録
- PivotView の基本的な初期化
- テーマとスタイルのセットアップ
ピボット操作とデータバインド
📄 参照: references/data-binding.md
- ローカル/リモートのデータバインドパターン
- CSV および JSON データソース
- DataManager の構成
- フィールドのマッピングとセットアップ
データソース接続
📄 参照: references/mysql.md
- MySQL データベースのセットアップ、接続設定、Web API の実装
- DataAdapter パターン、JSON シリアル化
📄 参照: references/mssql.md
- SQL Server のセットアップ、認証方式、Azure SQL Database との統合
- T-SQL クエリ、ストアドプロシージャ
📄 参照: references/postgresql.md
- PostgreSQL の接続文字列、SSL/TLS の設定
- クエリパターン、コネクションプーリング
📄 参照: references/oracle.md
- Oracle データベースのセットアップ、TNS の設定、認証
- SQL および PL/SQL クエリ
📄 参照: references/mongodb.md
- MongoDB ドキュメントデータベース、BSON ドキュメントの処理
- POCO モデルのマッピング、バルク操作
📄 参照: references/elasticsearch.md
- Elasticsearch 検索エンジン、NEST クライアントライブラリ
- クエリ DSL パターン、インデックス管理
📄 参照: references/snowflake.md
- Snowflake クラウドデータウェアハウス、仮想ウェアハウスの設定
- コスト最適化、半構造化データ
高度なデータソース
📄 参照: references/olap.md
- OLAP キューブのセットアップと階層データのバインド
- ディメンションとメジャーの設定
- ピボットエンジンとの統合
📄 参照: references/server-side-pivot-engine.md
- サーバー側の処理と集計
- バックエンドでの大規模データセットの最適化
- バッチ処理のワークフロー
データ整形と分析
📄 参照: references/aggregation.md
- 集計タイプ:合計、平均、件数、最小、最大、積、中央値、標準偏差、分散
- パーセンテージの計算と累計
- 実行時のカスタム集計
📄 参照: references/calculated-field.md
- 数式での計算フィールドの定義と使用
- 実行時のフィールド作成と更新
- パフォーマンスに関する考慮事項
📄 参照: references/grouping.md
- 日付や値の範囲によるフィールド単位のグループ化
- ディメンション階層の軸グループ化
📄 参照: references/filtering.md
- メンバーの包含・除外によるフィルタリング
- ラベルフィルタリング(文字列、日付、数値)
- 上位 N 件・下位 N 件の演算子を含む、集計データの値フィルタリング
📄 参照: references/sorting.md
- メンバーフィールドの並べ替え(昇順・降順)
- カスタムメンバー順序の設定
- 計算セルの値による並べ替え
📄 参照: references/drill-through.md
- ピボットセルの背後にある元データへのアクセス
- ドリルスルーイベントの処理
視覚化とレイアウト
📄 参照: references/pivot-chart.md
- ピボットチャートをピボットテーブルのデータにバインド
- チャートタイプの選択と設定
📄 参照: references/classic-layout.md
- クラシック(コンパクト)レイアウトの表示
- コンパクト、アウトライン、ツリーレイアウトの各オプション
📄 参照: references/drill-down.md
- ディメンションメンバーへのドリルダウン
- 階層レベル間を移動するドリルアップ
📄 参照: references/row-and-column.md
- 行軸と列軸の設定
- 値フィールドの配置
書式設定と表示
📄 参照: references/number-formatting.md
- 値セルに通貨、小数、パーセンテージの書式を適用
- カスタム数値書式プロバイダー
📄 参照: references/conditional-formatting.md
- 値や条件に基づくスタイルルールの適用
- カラースケールとデータバー
📄 参照: references/hyper-link.md
- ナビゲーション用のハイパーリンク列
- カスタム URL の生成とクリック処理
ユーザーインターフェイスのコントロール
📄 参照: references/grouping-bar.md
- グルーピングバーの有効化/無効化
- ドラッグ&ドロップによるフィールド設定
- グルーピングバーのイベント処理
📄 参照: references/field-list.md
- フィールドリストのポップアップモードと固定モード
- フィールドの検索と並べ替え
- フォルダーによるフィールドのグループ化
📄 参照: references/defer-update.md
- 中間更新を行わずに変更を一括適用
- 大量のフィールド変更時のパフォーマンスを向上
📄 参照: references/tool-bar.md
- ツールバーのボタン設定
- 組み込みコマンドとカスタムコマンド
- エクスポートボタンとアクションボタン
📄 参照: references/tool-tip.md
- セルとヘッダーのツールチップ
- カスタムツールチップの内容
編集とデータ操作
📄 参照: references/editing.md
- セルを直接編集するワークフロー
- ピボットテーブルから基になるデータを更新
- セル編集イベントの処理
パフォーマンスと最適化
📄 参照: references/virtual-scrolling.md
- 大規模なピボットテーブル向けの仮想スクロール
- メモリ効率の高いレンダリング
📄 参照: references/paging.md
- ページネーションの設定
- ページサイズとページ移動
📄 参照: references/data-compression.md
- データ転送時のペイロード圧縮
- 帯域幅の最適化
📄 参照: references/performance-best-practices.md
- 大規模なデータセット向けのチューニング指針
- サーバーサイドとクライアントサイドのレンダリングの選択
- 一般的なパフォーマンスのボトルネックと解決策
状態と永続化
📄 参照: references/state-persistence.md
- ピボットレポートの状態を保存
- 保存済みの設定を読み込み
- 状態の保存方法
エクスポートと印刷
📄 参照: references/print.md
- カスタム設定でピボットテーブルを印刷
- 印刷プレビューとページレイアウト
📄 参照: references/excel-export.md
- Excel ブックにエクスポート
- 書式設定と複数シートへのエクスポート
📄 参照: references/pdf-export.md
- PDF ドキュメントにエクスポート
- ページの向きとサイズ
よく使われるパターン
パターン 1:すべての UI を備えた完全なピボットテーブル:
ShowFieldList、ShowGroupingBar、ツールバーボタンを有効にします- ユーザーはレポートを対話的に作成し、調整できます
パターン 2:大規模なデータセット向けのサーバーサイド集計:
- バックエンド処理にはサーバーサイドのピボットエンジンを使用します
- レスポンシブな UX を実現するため、ページネーションと仮想スクロールを有効にします
パターン 3:読み取り専用の分析ビュー:
- フィールドリストとグルーピングバーを無効にします
- 行、列、値の設定を固定します
- データの探索にはドリルダウンのみを使用します
主なプロパティの概要
DataSourceSettings- データソースとフィールドの設定Rows、Columns、Values、Filters- 軸フィールドの配列ShowFieldList- フィールドリスト UI の表示切り替えShowGroupingBar- グルーピングバー UI の表示切り替えEnableValueSorting- 値セルの並べ替えを許可AllowExcelExport、AllowPdfExport- エクスポート機能AllowMemberFilter、AllowLabelFilter、AllowValueFilter- フィルターの種類EnableSorting、EnableVirtualization- パフォーマンスと操作性
関連スキル
implementing-syncfusion-aspnetcore-components- 親ライブラリのスキル