Vue.jsのニュース

Vue.jsアプリケーションでチャートをJSONにバインディング

2月 23, 2026
JSONをデータソースとして利用し、構造化データをVue.jsのチャートコンポーネントに接続することで、データの変換を減らしAPI連携を簡素化

Using JSON (JavaScript Object Notation) as a data source for charts allows applications to bind structured, lightweight data directly to visualization components. JSON represents data as objects and arrays, making it well suited to defining categories, series, and individual data points in a format that aligns naturally with modern web development practices. Its widespread use in RESTful APIs and web services enables charts to consume live or remote datasets efficiently, while reducing the need for complex data transformation before rendering.

Several Vue.js chart components allow you to use JSON as a data source, including:

  • DevExtreme Vue Chart (part of DevExtreme Complete by DevExpress) accepts JSON via its dataSource, enabling binding to local or remote data with series and argument mapping.
  • Highcharts Core by Highsoft uses JSON-based arrays and configuration objects to populate series and categories, either directly or via asynchronous loading.
  • Kendo UI Vue Charts (part of Kendo UI by Telerik) bind to object arrays, typically sourced from JSON, with property mapping to series and axes.
  • FusionCharts Suite XT natively supports JSON, allowing full chart configuration and datasets to be defined and passed directly to the chart engine.

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

Compare Vue.js Chart Components

リアルタイム線形ゲージでパフォーマンスをモニター

2月 10, 2026
LightningChart JS v8.2は、柔軟なスタイリングと柔軟なダッシュボードレイアウトを備えたリアルタイムの洞察を提供する最新の線形ゲージチャートを追加

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.2 update introduces a new Linear Gauge Chart that enables software developers to present real-time metrics in a clear, structured format within modern web applications. It supports continuous live data updates, configurable interpolated or discrete color steps for representing thresholds and ranges, and both vertical and horizontal orientations to accommodate different layout requirements. The chart also allows current values to be displayed directly on the gauge and supports custom icons, giving developers greater control over visual consistency while building intuitive, status-focused dashboards for monitoring and analytics use cases.

To see a full list of what's new in v8.2, 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.

SurveyJSとの提携1周年を祝賀

2月 5, 2026
ComponentSourceとSurveyJSは1年間提携し、現代のWebアプリケーション向けにカスタマイズ可能なフォームおよびアンケートソリューションを提供

ComponentSource and SurveyJS have spent the past year working together to bring form building and survey automation tools to developers and organisations worldwide. SurveyJS is known for its flexible, client side JavaScript components that make it easy to create, customise, and manage forms and surveys across modern web applications, with support for frameworks such as Angular, React, and Vue. Built around a JSON based architecture, SurveyJS enables teams to integrate advanced form functionality into existing systems without backend restrictions or long term maintenance overhead.

At the heart of the SurveyJS product lineup is SurveyJS Creator, the flagship visual form builder available through ComponentSource. This highly configurable tool allows users to design complex forms and surveys through an intuitive interface, while retaining full control over appearance, behaviour, and data structure to meet precise project requirements.

Through this partnership, ComponentSource strengthens its portfolio of developer focused tools by offering a proven, highly customisable form solution that complements its wider range of UI and application development products. By working closely with SurveyJS, ComponentSource helps deliver these solutions to a global audience, providing licensing, support, and reach that enable the SurveyJS brand to scale internationally while giving customers access to trusted, best in class technology.

Learn more about SurveyJS.

マーケティングフローを視覚的に構築・テスト

1月 30, 2026
JointJS+ v4.2.2は、自動化ワークフローの視覚設計、アニメーション、レイアウト、シミュレーションのためのマーケティングオートメーションテンプレートを追加

JointJS+ is a diagramming library that offers advanced features like custom shapes, data binding, and advanced layout algorithms, enabling you to create complex, interactive, and visually appealing diagrams. It includes a ready-to-use demo application that showcases its functionality and serves as a starting point for your own diagramming projects.

The JointJS+ v4.2.2 update introduces a new Marketing Automation application template that enables developers to efficiently design, visualize, and manage marketing automation workflows through an interactive, fully animated diagram with automatic layout and orthogonal link routing. By eliminating the need for manual positioning and providing smooth transitions between states, the template improves diagram clarity and maintainability while allowing developers to simulate workflows using the built-in test flow functionality to validate logic, identify issues early, and iterate with greater confidence.

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

JointJS+ is licensed per developer and is available as a Perpetual license with 1 year support and maintenance. See our JointJS+ licensing page for full details.

Learn more on our JointJS+ product page.

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

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

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

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

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

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

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

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