Vue.jsのニュース

コンパクトなデータ可視化でトレンドを伝達

9月 22, 2025
Vue.jsプロジェクトでスパークラインを活用して、コンテキスト内の傾向をすばやく認識してデータ分析を支援する小縮尺のグラフを表示

Typically embedded within text, tables/grids, or dashboards, sparklines are small-scale, data-driven graphics that present trends, patterns, or fluctuations within a dataset in a visually compact format. Unlike full-scale charts, sparklines do not include axes or labels, allowing them to present time-series or categorical data in a condensed form to deliver immediate visual cues without interrupting the flow of surrounding content. This design makes sparklines well-suited for highlighting patterns and changes over time or comparing multiple values side-by-side whilst helping users quickly identify key insights without leaving the context of the data.

Several Vue.js charting components offer sparkline functionality, including:

  • DevExtreme Chart (part of DevExtreme Complete by DevExpress) lets you render compact sparklines directly within grids or dashboards, offering quick visual insights into dynamic data changes.
  • Highcharts Core by Highsoft allows you to embed minimalist sparklines in tables or reports, presenting trends clearly without additional charting overhead.
  • Kendo UI for Vue Chart (part of Kendo UI by Telerik) supports lightweight sparklines to visualize patterns inline, making them ideal for summarizing series data in grids.
  • amCharts 5: Charts facilitates the creation of embedded sparklines, effectively conveying trends in small spaces without distracting from surrounding interface elements.

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

Compare Vue.js Chart Components

DrupalでPDFフォームをネイティブに編集

9月 18, 2025
ONLYOFFICE Docs with Drupal Connector v9.0.4には、PDFフォーム編集機能が組み込まれており、ユーザーはDrupalでフィールドやレイアウトを直接更新可能

ONLYOFFICE Docs Enterprise Edition with Drupal Connector lets teams edit and collaborate on office files directly within Drupal’s Media module, streamlining content creation and management. It integrates the full ONLYOFFICE Docs suite for text documents, spreadsheets, and presentations, supporting formats like DOCX, XLSX, PPTX, ODT, ODS, ODP, PDF, TXT, RTF, HTML, EPUB, and CSV with full OOXML compatibility. Users can create documents, build spreadsheets, and design presentations collaboratively in real time, all in their browser. With options for customization and rebranding, it enhances productivity and delivers a seamless, integrated digital experience.

The ONLYOFFICE Docs Enterprise Edition with Drupal Connector v9.0.4 update introduces the ability to edit PDF forms directly within Drupal, allowing developers and administrators to modify fields, adjust layouts, and update existing forms without re-uploading files. This enhancement improves form management by keeping all edits within the Drupal environment and saving changes back to the original templates, reducing versioning issues and eliminating the need for external tools. It simplifies maintenance, accelerates updates, and ensures that form templates remain consistent and accessible throughout the development lifecycle.

To see a full list of what's new in v9.0.4 (2.0.0), see our release notes.

ONLYOFFICE Docs is licensed by the number of simultaneous document connections and is available as an annual license with 1 year support and upgrades. See our ONLYOFFICE Docs licensing page for full details.

For more information, see our ONLYOFFICE Docs Enterprise Edition with Drupal Connector.

既製のテーマでアプリケーションを変換

9月 16, 2025
DevExpress DXperienceは、カスタマイズ可能なテーマを提供し、モダンで一貫性があり、視覚的に魅力的なインターフェイスを簡単に作成

DevExpress DXperience is a comprehensive development suite that enables developers to build high-performance applications for Windows, Web, mobile, and tablet platforms using a unified set of controls and tools. It includes hundreds of desktop UI controls for WinForms, WPF, and reporting, as well as web UI controls for Blazor, ASP.NET, MVC, Core, Bootstrap Web Forms, JavaScript, Angular, React, Vue, and web reporting, plus productivity tools like XPO ORM and CodeRush for Visual Studio. With its extensive component library, DXperience accelerates development, ensures visually consistent and responsive interfaces, and is ideal for creating enterprise applications, data-driven web apps, dashboards, and reporting solutions.

DevExpress DXperience enhances application development with new app-wide themes and skins, allowing developers to apply a consistent, modern visual style across entire projects with minimal configuration. By providing professionally designed themes that align with Microsoft Office and Windows 11 aesthetics, along with built-in tools for customizing these designs, it improves the UI design process and reduces the need for manual styling. This enables developers to focus on functionality while delivering polished, cohesive user interfaces that improve usability and maintain a professional appearance across all application modules.

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

For more information, visit our DevExpress DXperience product page.

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

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