Vue.jsのニュース

単一選択フィールドでデータ入力を改善

3月 27, 2026
無線グループはユーザーがフィールドのあらかじめ定義された値を1つ選択できるため、入力ミスを減らし、構造化データ入力をより迅速かつ明確に

A radio group is a user interface element that presents a set of predefined options where only one value can be selected at a time for a particular field. It allows users to choose a single state, category, or configuration directly within the editing interface, with the selected option mapped to the underlying data value. This approach improves data consistency by preventing invalid combinations, simplifies validation logic by constraining input to known values, and accelerates data entry by replacing manual text input with clear, clickable choices that reduce ambiguity and input errors.

Several Vue.js data editor collections include radio group functionality, including:

  • Kendo UI Vue Data Editors (part of Kendo UI by Telerik) lets you integrate radio group editors into data forms and grids, enabling single-value selection with clear options.
  • DevExtreme Vue Data Editors (part of DevExtreme Complete by DevExpress) allows you to create radio groups, supporting mutually exclusive selections that simplify input.
  • JQWidgets facilitates radio group controls inside data editors, allowing users to select one predefined option while maintaining structured data entry and reliable validation.
  • Smart UI (Smart HTML Elements) lets you configure radio group editors that present exclusive options for a field, helping ensure accurate data selection.

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

Compare Vue.js Data Editors

各種AIプラットフォームのAPIを利用したAI連携機能

3月 26, 2026
SpreadJS V19JではAI連携機能が追加され、自然言語によるデータ分析や数式生成が可能となり、業務効率の向上が期待されます。

SpreadJSはWebアプリケーションでMicrosoft ExcelライクなUIと機能性を実現するために開発されたJavaScriptライブラリです。多数のExcel互換機能を備えるほか、TypeScriptでの開発や、Angular、React、Vue.jsをはじめとする主要JavaScriptフレームワークにも対応しています。付属するGUIデザイナもExcelに類似しているため、各種外観スタイルを直感的に操作できます。多くのコード量が必要な設定もノンコーディングで実現し、開発工数を大幅に削減します。

SpreadJS V19Jでは、各種AIプラットフォームのAPIと連携する機能が追加され、表計算環境におけるデータ活用が大きく進化しております。これにより、従来のように複雑な関数を扱うことなく、自然言語による指示でデータ分析や加工を実行できるようになっております。新たに追加されたAI関数として、AIへクエリを送信して分析を行う機能や、多言語翻訳、テキストの感情分析を行う機能が提供されております。これにより、従来は手作業で行っていた分析業務の効率化が可能となっております。また、数式エディタにもAI機能が組み込まれており、自然言語から数式を自動生成できるほか、作成した数式の内容を解析して説明を取得することが可能です。複雑なロジックの理解や保守性向上にも寄与いたします。

これらの機能により、SpreadJSは従来の表計算ツールから、AIと連携した高度なデータ分析基盤へと進化しており、さまざまな業務シーンでの活用が期待されます。

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

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

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

 

ピボットテーブルで大規模なデータセットをより速く解析可能

3月 17, 2026
Jspreadsheet Proは、柔軟なグループ分け、フィルタリング、ソート、折りたたみ表示を備えた強力なピボットテーブルを追加し、スプレッドシートデータを要約

Jspreadsheet Pro is a flexible JavaScript-based spreadsheet solution that enables developers to create customizable, feature-rich data grids for web applications. It offers advanced formulas, data validation, and API integrations. Ideal for tasks like financial modeling, inventory management, and project tracking, it helps businesses efficiently manage and analyze data.

Jspreadsheet Pro introduces pivot table functionality that allows developers to summarize and analyze large datasets directly within browser based spreadsheet applications. It enables users to group data across multiple rows and columns, apply aggregation methods such as sum or average, and refine results through filtering and sorting. With built in spreadsheet formulas and cross worksheet references, developers can provide interactive data analysis capabilities without requiring external tools or additional backend processing.

Jspreadsheet Pro is licensed as an Annual or a Perpetual License with support and maintenance. We can supply any Jspreadsheet Pro license including new licenses, maintenance renewals, and upgrade licenses. See our Jspreadsheet Pro for full details.

For more information, visit our Jspreadsheet Pro product page.

単一セルでマルチセレクションを有効化

3月 17, 2026
Handsontable 17.0.0は、検索可能なドロップダウンを使い、完全なキーボードナビゲーションをサポートすることで、セル内に複数の値を保存・管理可能

Handsontable is a JavaScript library designed to help developers build interactive data grids into their web applications. Offering a familiar spreadsheet-like interface, it allows users to edit, sort, and filter data with ease. Highly customizable and compatible with popular frameworks like React and Angular, Handsontable empowers developers to build robust data manipulation features into their web applications.

The Handsontable 17.0.0 update adds a new MultiSelect cell type that allows a single cell to hold multiple values, making it well suited for data such as tags, user roles, product categories, or shipment contents. Instead of restricting entries to one option, users can choose any number of items from a dropdown interface that includes search and filtering capabilities for quickly locating options. Full keyboard navigation ensures efficient interaction for power users.

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

Handsontable is licensed per developer and is available as an Annual or Perpetual license with 1 year support and maintenance. See our Handsontable licensing page for full details.

For more information, visit our Handsontable product page.

離散的な値変化を伴うグラフを表示

3月 16, 2026
安定した値間の移行を強調するステップ折線グラフで、Vue.jsアプリケーションのデータ可視化を改善

Step line charts are a variation of line charts that display changes between data points as a series of horizontal and vertical segments rather than diagonal lines. This structure highlights discrete transitions between values, making it easier to show when a change occurs and how long a value remains constant before the next update. Step line charts are useful for representing processes where values shift at specific moments, such as pricing tiers, system states, or configuration thresholds. By clearly separating periods of stability from points of change, the chart type helps developers and analysts interpret state-based or event-driven data with greater precision.

Several Vue.js chart components support the step line chart type, including:

  • DevExtreme Vue Chart (part of DevExtreme Complete by DevExpress) provides a step line series that renders horizontal segments and vertical transitions with markers and tooltips.
  • Wijmo Vue Chart (FlexChart) (part of Wijmo by MESCIUS) includes a step chart option that renders stepped horizontal and vertical segments for Vue applications.
  • Highcharts Core by Highsoft offers a step option for line series with left, right, or center stepping, allowing developers to control how transitions align with data points.
  • Kendo UI Vue Charts (part of Kendo UI by Telerik) supports step line visualization through configurable line series settings with customizable styling and tooltips.

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

Compare Vue.js Chart Components