Vue.jsのニュース

データフォームに柔軟な選択を追加

9月 10, 2025
チェックされたリストボックスは、複数のオプションを明確に表示し、ユーザーが自由に選択できるようにするクリーンな方法を提供し、動的なフォームや構成可能な入力に最適

Checked listboxes provide users with a convenient interface for selecting multiple items within data editor controls. They enhance user workflows by combining the visual clarity of list presentations with the functionality of checkboxes, enabling intuitive multi-selection capabilities. Typically data-bound, these controls support both manual and programmatic manipulation of items, including checking, unchecking, and layout customization, facilitating dynamic and interactive list management in enterprise-grade applications.

Several Vue.js data editor collections include a checked listbox, including:

  • Wijmo Input and Editors (part of Wijmo by MESCIUS) lets you present checkable listbox items with elegant styling and seamless integration into responsive JavaScript applications.
  • DevExtreme Complete Data Editors (part of DevExteme Complete by DevExpress) allows developers to implement checkable listbox components with intuitive selection.
  • SmartClient Data Editors by Isomorphic Software facilitates creation of check‑box‑enabled listboxes with rich data binding and high‑performance interaction in complex applications.
  • Syncfusion Essential Studio for JavaScript Data Editors (part of Syncfusion Essential Studio Enterprise) includes customizable checked listbox components, with data-driven updates.

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

Compare Vue.js Data Editors

グリッドセル内の日付を正確に処理

9月 9, 2025
日付/時刻セル型を持つJavaScriptグリッドは、構造化された入力、書式設定、検証を提供し、よりクリーンで信頼性の高い時間データ処理を実現

A date/time cell type in a JavaScript Grid control lets developers manage temporal data more effectively by treating input as actual JavaScript Date objects rather than plain text. This enables built-in features like calendar popups, time pickers, and structured output formats such as "09/09/2025" or "Sep 9 2025", making it easier for users to interact with the data accurately. It's especially useful in applications that rely on scheduling, activity logs, or time-driven reports. Most modern grid libraries also support localization, formatting, and input validation to ensure the cell behavior fits seamlessly with the application's design and data standards.

Several JavaScript Grid controls offer support for Date/Time cell types including:

  • Wijmo FlexGrid (part of Wijmo by MESCIUS) lets you apply rich date/time formatting in cells, supporting custom formats, calendar integration, and internationalized date display.
  • DevExtreme HTML5 JavaScript Data Grid (part of DevExtreme Complete by DevExpress) lets you format date/time cells with predefined patterns, including localized formats.
  • KendoReact Data Grid (part of KendoReact by Telerik) facilitates precise date/time formatting with full control over display masks, culture settings, and dynamic date parsing.
  • Handsontable by Handsoncode allows you to format date/time values directly in cells using configurable display patterns and built-in support for ISO date formats.
  • Ignite UI Angular Grid (part of Infragistics Ignite UI) allows you to define custom date/time formats in cells, handling both short and long styles with locale sensitivity.

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

Compare JavaScript Grid Controls

音声入力をWebアプリに取り込む

9月 9, 2025
Kendo UI 2025 Q3では、Angular、React、Vue、jQuery用の音声テキスト変換ボタンが導入され、アプリケーションのUI全体での音声ディクテーションが容易に。

Kendo UI is a comprehensive suite of four JavaScript UI libraries for Angular, React, Vue and jQuery that enables developers to build responsive web applications for desktop, tablet, and mobile platforms with minimal effort. It provides a wide range of customizable components such as data grids, charts, schedulers, and form controls that streamline development and can significantly reduce time to market. With built-in support for theming, accessibility, localization, and state management, Kendo UI is ideal for creating data-driven dashboards, CRM systems, e-commerce portals, and administrative interfaces while maintaining high performance and a consistent user experience.

The Kendo UI 2025 Q3 update adds a speech to text button component to its Angular, React, Vue and jQuery libraries. These ready to use components facilitate voice‑driven text input directly within the application, converting speech into text so, with just a single click, users can speak instead of typing. It uses the browser's native Web Speech API and supports over 100 languages with automatic locale detection. Developers also benefit from full control over visual styling, including icons, colors, sizes, fill modes, rounded corners, and CSS, and integration hooks through built‑in states and events, making it straightforward to provide rich voice‑enabled experiences or connect to external AI services.

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

KendoReact and Kendo UI are both licensed per developer and share two licensing models: an annual Subscription License and a Perpetual License. The Subscription license provides access to the latest product updates, technical support, and exclusive benefits for a flat annual fee, and must be renewed to continue using the software. The Perpetual license is a one-time purchase granting access to the current released version and includes a one-year subscription for product updates and technical support. After this initial period, users can choose to renew the subscription element to continue receiving updates and support; otherwise, they may continue using the installed version available during their active subscription term but will forgo future updates and support. See our Kendo UI licensing page for full details.

The React library is available individually as KendoReact, while all four Kendo UI libraries are available in the following products:

カレンダーコントロールで信頼性の高い日付入力を

9月 2, 2025
JavaScriptカレンダーコントロールは、Webベースのアプリケーションで日付選択を管理するための信頼性が高く直感的なソリューションを提供

JavaScript calendar controls are user interface components that allow users to select and edit date values directly within data editing environments, such as forms or grids. These controls typically integrate a visual calendar picker, enabling consistent and accurate date input while reducing manual entry errors. For developers, they simplify validation, support localization, and integrate with various data sources, helping ensure a more efficient and user-friendly experience in web applications that require date-related input or filtering.

Several JavaScript data editor collections offer calendar controls including:

  • DevExtreme Complete Data Editors (part of DevExteme Complete by DevExpress) lets you embed a calendar editor that maintains date-entry consistency in browser‑based apps.
  • KendoReact Data Editors (part of KendoReact by Telerik) allows integration of a responsive calendar for intuitive date selection, supporting customization and keyboard navigation.
  • Wijmo Input and Editors (part of Wijmo by MESCIUS) facilitates calendar‑based date editing within JavaScript UI inputs, ensuring accurate date selection across modern frameworks.
  • Infragistics Ignite UI for React Data Editors (part of Infragistics Ignite UI) facilitates the use of a built‑in calendar editor, enabling developers to deliver precise date input.

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

Compare JavaScript Data Editors

チャートの凡例をより詳細に制御

8月 26, 2025
LightningChart JS v8.0では、よりスマートなデフォルト、柔軟な配置、強化されたカスタマイズを備えた、完全に刷新された凡例システムを導入

LightningChart JS is a high-performance JavaScript charting library that utilizes WebGL rendering and GPU acceleration to deliver exceptional performance for a wide range of data visualization needs. It is designed to handle large datasets and complex visualizations with ease, enabling developers to create interactive and visually appealing 2D and 3D charts. Ideal for applications demanding smooth real-time data updates, such as financial platforms, engineering tools, scientific research dashboards, and industrial monitoring systems, LightningChart JS provides a comprehensive API for customization and integration into web-based projects.

The LightningChart JS v8.0 update completely reworks legend functionality, making legends a property of the chart, removing visual obstructions, and improving adaptability to available space. The API configuration is now more intuitive and capable, with built-in options supporting a wider range of use cases. Plug‑in support also enables easy extension or customization of legend behavior. By default, legends now appear automatically beneath trends, reducing developer setup time, while still allowing you to manually create multiple legends when needed. You can position legends using built-in presets or define custom placements, and control click behavior using either the provided handlers or your own. When creating series, you can also exclude specific ones from appearing in legends, giving you fine-grained control over legend content.

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

LightningChart JS is licensed per developer and is available as an annual license with 1 year support. See our LightningChart JS licensing page for full details.

For more information, see our LightningChart JS product page.