〈レポートデザイナ〉セル形式デザイン

Excelのようにセル単位でコントロールの位置やサイズを決定できる「セル形式デザイン」が新たに追加されました。レポートデザイナに追加されたプロパティ「デザインモード」を使用することで、従来の自由配置によるデザイン方法と切り替えることが可能です。

「セル形式デザイン」で作成した帳票を、同じく本バージョンより追加された「セル形式Excelエクスポート」と組み合わせることで、帳票レイアウトを忠実に再現したExcelファイルを出力できます。帳票の用途や目的に応じて最適なデザインモードを選択できるようになり、より柔軟な帳票設計が可能になりました。

セル形式デザインモード

〈Excel出力〉セル形式Excelエクスポート

新設計のExcelエクスポート機能「セル形式Excelエクスポート」を追加しました。「セル形式Excelエクスポート」はセル形式デザインで作成した帳票レイアウトを、高い再現性でExcelファイルに出力することが可能です。

単一シート出力でデータ集計がより迅速に

レポートを1つのExcelシートに出力することで、Excel上での集計や分析作業がよりスムーズに行えるようになりました。複数のシートに分割された出力の場合、シート間の参照やシートの統合を行うなど、全データを対象とした集計処理に手間がかかりますが、単一シートに出力することで、シート内で全データを参照することができるため、集計作業がより簡単に行えます。

単一シート出力でデータ集計がより迅速に

数値型を保持し、2次利用がスムーズに

数値データを数値型のまま出力するため、Excelで開いた際にすぐに集計や分析が可能です。テキスト扱いによる書式変換の手間が不要になります。

セル形式デザインモード

セル形式デザインモードのレイアウトを忠実に再現

セル形式デザインモードで作成したレイアウトを、Excelのセル構造に正確に変換します。列や行の幅・高さを正確に保持し、レイアウト崩れを防ぎます。

セル形式デザインモード

レポートスタイルシート

帳票レイアウトのデザインを共通的に管理・変更できる新機能「レポートスタイルシート」が追加されました。

これまでも帳票の配色やフォントを統一し、ブランドイメージを手軽に反映できる「レポートテーマ」機能がありましたが、今回追加した「レポートスタイルシート」は、より細かなデザイン調整や部品単位でのスタイル管理を実現します。枠線・余白・テキスト揃えなどの幅広いデザインプロパティをスタイルとしてまとめて管理でき、各レポート部品ごとに柔軟に適用・再利用できます。

帳票ごとに求められる粒度に応じて「テーマ」は雰囲気やブランドカラーの統一に、「スタイルシート」は詳細なデザイン調整や厳密なブランド統一・アクセシビリティ対応などに使い分けることで、効率的で質の高い帳票開発・運用が可能です。

多様なプロパティ対応

文字色、背景色、罫線、余白、文字揃えといった基本的なレイアウト調整に加え、カレンダー形式、表示方向、言語や書式などインターナショナル対応プロパティもまとめて指定・再利用できます。あらかじめ各地域向けのスタイルを作成しておくことで、多言語・多地域向け帳票にも簡単かつ柔軟に対応でき、グローバルな業務にも効率よく適用可能です。

多様なプロパティ対応

レポート部品単位の詳細な管理

テキストボックス、表、図形など各レポート項目ごとに、共通スタイルを細かく定義し、用途や種類ごとに最適な見た目へ一括変更できます。

スタイルの継承や組み合わせ

ひな形となるスタイルからプロパティを継承し、差分のみを上書きするなど、効率的なデザイン変更やバリエーション展開が可能です。

セル形式デザインモード

レポートビューワコンポーネントの機能強化

レポートビューワコンポーネントに次の新機能を追加しました。

カスタムドロップダウンボタン

ツールバーに独自の機能を持つドロップダウンボタンを追加できるようになりました。

追加したボタンから、レポートの切替やPDF・Excelエクスポート、フィルタリング、パラメータ選択など、用途に応じて自由にプログラムした操作を利用者が実行できます。

アニメーション効果の設定

ビューワのオプション設定に、チャートやテーブルコンポーネントの視覚化効果を高めるアニメーション機能を追加しました。

ダッシュボードレポートなど、インタラクティブなレポートを作成する際に、より直感的な表現が可能となります。

各種フレームワークへの対応を強化

ActiveReportsJSがサポートする各種フレームワークの以下のバージョンに対応しました。

  • Angular 21
  • Next.js 16
  • React 19
  • Nuxt 4
各種フレームワークへの対応を強化

npmパッケージ名称の変更

2023年11月の社名変更に伴い、これまでは旧社名と新社名に基づく2種類のnpmパッケージを並行して提供していましたが、V6Jより旧社名の「@grapecity/activereports~」パッケージの提供を終了し、新社名の「@mescius/activereportsjs~」パッケージへ完全に移行します。

@grapecity/activereports~@mescius/activereportsjs~
V4.2J以前提供あり提供なし
V5J~V5.2J提供あり提供あり
V6J以降提供なし提供あり