Reactのニュース

Excelエクスポート機能が大幅に強化

1月 28, 2026
ActiveReportsJS V6Jは、Excelエクスポート機能を強化し、セル形式デザインと高精度出力で帳票の二次利用を大幅に改善しました。

ActiveReportsJSは、Webアプリケーションに組み込む帳票機能を提供するJavaScriptライブラリです。クライアントサイドで動作し、ブラウザ上で帳票デザイナやビューアを利用できます。見積書や納品書などを高品質に作成し、ブラウザ上で表示・出力するための多彩な機能を備えています。

最新バージョンのActiveReportsJS V6Jでは、Excelエクスポート機能が特に強化されており、帳票デザインと出力結果の精度が大幅に向上しました。今回追加された「セル形式デザイン」モードでは、Excelのようにセル単位でコントロールの位置やサイズを指定して帳票を設計できるようになり、視覚的にも操作性の高い帳票作成が可能になっています。このセル形式デザインと組み合わせることで利用できる「セル形式Excelエクスポート」は、作成したレイアウトをそのままの形でExcelファイルに出力できる新機能です。帳票レイアウトの列幅や行高さを忠実に再現し、レイアウト崩れを抑えることで、帳票の見た目を損なうことなくExcel形式に変換できます。

さらに、新たに追加したレポートスタイルシートにより、より細かなデザイン調整や部品単位でのデザインを管理できるようになりました。複数の帳票で同じスタイルを再利用することも可能になります。あわせて複数の最新フレームワークに対応したほか、多くの新機能を追加しました。

V6Jでの新機能一覧は、リリースノートを参考ください。

ActiveReportsJS のライセンスは、開発ライセンスや配布ライセンス、テスト配布ライセンスなどの種類があります。なお、各ライセンスに付属されているサブスクリプション(1年間)にはテクニカルサポートや無償アップグレード等のサービスが提供されます。詳細は、ActiveReportsJS(日本語版)のライセンス をご参考ください。

製品詳細及び販売情報は、ActiveReportsJS(日本語版)のページをご参考ください。

デンドログラムで階層を可視化

1月 22, 2026
Highcharts 12.5はデンドログラムのサポートを追加し、複雑なデータ間での階層構造や類似関係を明確に可視化

Highcharts is a JavaScript charting framework that allows web developers and data analysts to generate dynamic, visually appealing charts and graphs for websites and web applications. It can display a variety of chart types, including line, spline, area, column, bar, pie, scatter, and many more. Highcharts is well-known for its ease of use, rich documentation, and ability to handle huge datasets efficiently. Features include responsive design, accessibility support, and cross-browser compatibility. Its customization capabilities allow users to create bespoke data visualizations that increase engagement and provide insightful data presentations.

The Highcharts 12.5 update introduces dendrogram support, allowing developers to visualize hierarchical relationships and similarity levels directly within their charts using treegraph-based diagrams. This enhancement makes it easier to represent the output of hierarchical clustering algorithms, taxonomies, and other structured datasets in a clear and interpretable way. By mapping similarity or progression along an axis and using branch height to indicate relationships, developers can present complex hierarchical data more effectively.

To see a full list of what's new in 12.5, see our release notes.

Highcharts Core is licensed on an annual or perpetual basis, OEM licenses, and Advantage Renewals. It is licensed per Developer and has several license options including Internal, SaaS, SaaS+, and Self Hosted. See our Highcharts Core licensing page for full details.

Learn more on our Highcharts Core product page.

書式を保持したままワードコンテンツをインポート

1月 22, 2026
Froala Editor v5.0.0は、構造やスタイルを失うことなくWordのコンテンツをエディターに取り込み、クリーンなHTML生成を簡素化

Froala Editor is a lightweight, modern WYSIWYG (What You See Is What You Get) rich text editor designed for web applications, offering a clean interface, fast performance, and extensive customization options. Built with a focus on usability and developer flexibility, it provides a wide range of formatting tools, media management capabilities, and advanced features such as inline editing, collaborative functionality, and mobile responsiveness. Its modular architecture, robust API, and broad framework integrations make it suitable for embedding into enterprise-level platforms as well as smaller applications requiring a polished content-editing experience.

The Froala v5.0.0 update introduces support for importing content directly from Microsoft Word documents. This allows users to bring in Word-authored content while keeping the original formatting, styles, and structure intact. The update removes the need for custom cleanup scripts, helping produce more reliable and consistent HTML during content transfers.

To see a full list of what's new in v5.0.0, see our release notes.

Froala Editor is licensed per product and domain. It is available as an annual or perpetual license with version upgrades and support. See our Froala Editor licensing page for full details.

For more information, visit our Froala Editor product page.

組み込みの検証機能でエラーを早期に捕捉

1月 16, 2026
ユーザー入力がバックエンドに到達する前に、編集インターフェース内で直接検証することで、データの正確性と一貫性を確保します。

Data validation in a data editor component refers to the process of automatically checking user input against defined rules to ensure accuracy, consistency, and adherence to expected formats before the data is processed or stored. This can include checks for data types, required fields, value ranges, or pattern matching, typically enforced either on the client side for immediate feedback or on the server side for security and integrity. For software developers, incorporating data validation into a data editor improves data quality, reduces the risk of application errors, and enhances the user experience by guiding users to correct mistakes early in the input process.

Several React data editor collections provide support data validation, including:

  • DevExtreme React Data Editors (part of DevExtreme Complete) lets you enforce validation rules so users receive feedback and invalid input is rejected.
  • KendoReact Data Editors (part of KendoReact by Telerik) allows you to integrate validation logic into its data editor component, highlighting errors and ensuring accurate records.
  • Wijmo React Data Editors (part of Wijmo by MESCIUS) provides validation in the data editor so developers can enforce data types and business constraints before saving.
  • JQWidgets lets you apply comprehensive validation rules in its data editor, preventing submission of incorrect data and improving form reliability.

For an in-depth analysis of features and price, visit our comparison of React data editors.

Compare React Data Editors

グリッドやツリーリストにAIを活用した列を追加

1月 16, 2026
DevExtreme Complete 25.2はDataGridとTreeList向けのAIカラムを導入し、コンテキスト認識したデータ生成と洞察を可能に

DevExtreme Complete is a robust suite of tools by DevExpress designed to streamline the development of high-performance web applications. It includes a wide range of UI components for modern frameworks such as Angular, React, Vue, and jQuery, making it ideal for developers aiming to create responsive, cross-platform applications with ease. With features like rich data visualization, interactive grids, form controls, and adaptive layouts, it empowers developers to deliver polished and user-friendly interfaces. Whether you're building enterprise dashboards or consumer-facing apps, DevExtreme Complete provides the flexibility and power to meet complex requirements while maintaining performance and usability.

The DevExtreme Complete 25.2 release brings AI Columns to its DataGrid and TreeList components, allowing developers to infuse artificial intelligence directly into their data presentation layers. AI Columns use component data and custom prompts to generate contextually relevant values - automating tasks like categorization, summarization, translation, and recommendation. Whether grouping records by priority, detecting sentiment, or transforming addresses, this feature opens up new ways to interact with and analyze structured data, making these components powerful tools for AI-assisted data exploration.

To see a full list of what's new in version 25.2, see our release notes.

DevExtreme Complete is licensed per developer and is available as a Perpetual License with a 12 month support and maintenance subscription. See our DevExtreme Complete licensing page for full details.

DevExtreme Complete is available to buy individually or as part of the following products: