JavaScript / HTML5のニュース

プロフェッショナルなレポートを簡単に視覚的にデザイン

2月 18, 2026

ドラッグ&ドロップデザイン、カスタマイズ可能なテンプレート、一貫したブランディングで、インタラクティブで分析的かつ印刷可能なレポートを作成し、あらゆるオーディエンスに対応

A Visual Report Designer is an application that enables users to create interactive, analytical, and print-ready reports using an intuitive, drag-and-drop interface. It supports fully customizable templates and data visualization components, helping teams present complex information clearly while maintaining consistent branding and layouts. Typical use cases include executive dashboards, financial and operational reports, customer analytics summaries, compliance documents, and branded client-facing reports.

Several JavaScript reporting components offer visual report designers including:

DevExpress Reporting lets you design interactive, print-ready reports with a visual designer and comprehensive data visualization tools.
ActiveReportsJS by MESCIUS allows you to create customizable web-based reports using a modern visual designer and flexible JavaScript reporting components.
Stimulsoft Reports.JS facilitates building dynamic, browser-based reports through an intuitive visual designer and rich interactive data presentation features.

For an in-depth analysis of features and price, visit our JavaScript reporting comparison.

Compare JavaScript Reporting Controls

JavaScriptアプリでコラボレーションスプレッドシートを構築

2月 16, 2026

MESCIUS CodeClinicのライブウェビナーに参加して、SpreadJSのコラボレーションサーバーアドオンの体験を

SpreadJS is a complete enterprise JavaScript spreadsheet solution used to create financial reports and dashboards, budgeting and forecasting models, scientific, engineering, healthcare, education, science lab notebooks, and other similar JavaScript business applications. It leverages a high-speed calculation engine with over 500 Excel built-in functions in 19 languages to deliver true Excel-like spreadsheet experiences with zero dependencies on Excel and full support for React, Vue, Angular, and TypeScript.

On Thursday, February 26th at 11:00 AM EST, MESCIUS (formerly GrapeCity) will be presenting a CodeClinic Live Webinar highlighting the new Collaboration Server as a production-ready solution for real-time, multi-user spreadsheet editing in enterprise JavaScript applications. During this webinar, SpreadJS Product Manager Chris Bannon and Product Marketing Manager Mackenzie Albitz will take you through the following key takeaways:

How the SpreadJS Collaboration Framework enables low-latency, conflict-free editing in JavaScript applications.
The architecture behind the Sheets Collaboration Optional Add-On and how it converts workbook changes into synchronized operations.
How real-time presence, selections, and multi-user awareness are implemented.
How collaborative undo/redo works in concurrent editing scenarios.
Permission models for balancing collaboration with control in enterprise apps.

SpreadJS is licensed per developer and includes 1 Year Maintenance (major and minor version releases and unlimited support phone calls). SpreadJS requires an Annual or Perpetual Deployment License. The optional Add-ons are available at an additional cost, and require a SpreadJS license. See our SpreadJS licensing page for full details.

For more information, visit our SpreadJS product page.

JavaScriptレポートに構造化ナビゲーションを追加

2月 16, 2026

JavaScriptアプリでレポートを設計する際に目次を取り入れ、セクションの構造化を明確にし、より速く直感的なナビゲーションが可能

A table of contents in a report is a structured list of sections and subsections that provides an organized overview of the document's content. It typically reflects the report's hierarchy and allows readers to navigate quickly to specific sections, either through page references in printed formats or clickable links in digital formats. This functionality improves usability by reducing the time required to locate information, supporting clearer document structure, and making complex or lengthy reports easier to understand and manage. For organizations that distribute detailed analytical or operational reports, a table of contents contributes to a more professional presentation and a more efficient review process.

Several JavaScript reporting components allow you to add a table of contents, including:

DevExpress Reporting provides a built-in table of contents control that can be bound to report elements, automatically generating entries based on defined heading levels and supporting interactive navigation in exported formats such as PDF and web previews.
ActiveReportsJS by MESCIUS includes a table of contents component that integrates with its JavaScript-based reporting engine, enabling developers to define document map nodes and create interactive, hierarchical navigation within browser-based report viewers.
Stimulsoft Reports.JS enables developers to create a configurable TOC using report bands, components, and bookmark functionality, with support for nested structures and interactive links in exported documents to improve navigation across complex reports.

For an in-depth analysis of features and price, visit our comparison of JavaScript reporting components.

Compare JavaScript Report Components

自動グリッド計算でデータを要約

2月 11, 2026

合計、平均、最小値、最大値を自動計算するグリッド集約機能により、より迅速かつ情報に基づいた意思決定が可能

Aggregation in grids is the ability to automatically calculate summary values such as sums, averages, minimums, and maximums directly within tabular data views. By displaying these calculations alongside the underlying data, users can quickly understand trends, compare values, and identify outliers. This enables faster, more informed decision making. Typical use cases include showing total sales figures, calculating average performance metrics, tracking minimum and maximum thresholds, and summarizing financial, operational, or analytical data in real time within business applications.

Several React grid controls offer aggregation including:

DevExtreme React Data Grid (part of DevExtreme Complete) lets you calculate sums, averages, minimums, and maximums within grids.
KendoReact Data Grid Part of KendoReact by Telerik) allows you to summarize tabular data with built in aggregation, supporting totals and averages.
Infragistics Ignite UI for React Data Grid (part of Infragistics Ignite UI) facilitates grid aggregation, helping teams compare values and monitor thresholds.
Syncfusion React Data Grid (part of Syncfusion Essential Studio Enterprise) lets you apply flexible aggregation to grids, displaying totals and averages.

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

Compare React Grid Controls

JavaScriptレポートをJava Webアプリで使用

2月 10, 2026

ActiveReportsJSを使って、サーバー側のレポート依存なしに完全にクライアントサイドのJavaScriptレポートツールをJava Webアプリケーションに追加

ActiveReportsJS is a powerful, lightweight reporting tool designed to integrate advanced reporting capabilities into any JavaScript application. ActiveReportsJS enables developers to create, view, export, and print richly formatted reports entirely on the client side - with zero server dependencies.

In this blog post, MESCIUS Product Engineer Sergey Abakumoff shows you how to integrate ActiveReportsJS, a 100% client-side JavaScript reporting tool with zero server dependencies, into a Java web application. Following his steps you will learn how to:

Create a Java application serving a JSON API using Spring framework
Initialize the data from a CSV file
Configure JSON API endpoints
Create an ActiveReportsJS report to visualize the data from the JSON API
Create a static HTML page to display the report in the report viewer

Detailed sample code is included to help you along.

Read the full blog to get started adding rich reporting capabilities to your Java web applications.

ActiveReportsJS is licensed on an annual subscription or perpetual basis and is available as a Single Deployment License for non-commercial use, and as a Single Domain License or Unlimited Domain License for commercial and/or SaaS use. See our ActiveReportsJS licensing page for full details.

For more information, visit our ActiveReportsJS product page.