JavaScript / HTML5のニュース

Vue.jsアプリにリッチテキスト編集機能を組み込み

6月 30, 2026

フォーマットされたコンテンツ、Vue.js統合、柔軟なカスタマイズオプションを備えた、ウェブアプリケーションに視覚的な編集体験を追加

An RTF (Rich Text Format) Editor is a user interface component for Vue.js applications that provides a visual, word processor-style editing experience, allowing users to create and edit formatted content such as bold and italic text, headings, lists, tables, links, images, and other rich content without writing HTML directly. It typically outputs HTML or another structured format for storage and display, while integrating with Vue.js data binding and application state. For software developers, an RTF editor component reduces the effort required to implement advanced text editing features, offers a consistent editing experience across applications, supports extensibility through plugins and customization, and helps accelerate development of content management systems, documentation platforms, messaging applications, and other software that requires user-generated formatted content.

Several Vue.js data editor collections include rich text editing, including:

DevExtreme Vue Data Editors (part of DevExtreme by DevExpress) lets you integrate a feature-rich RTF Editor which supports formatted content creation and customization.
Kendo UI Vue Data Editors (part of Kendo UI by Telerik) allows you to add a Vue.js RTF Editor with extensive formatting tools, configurable features and responsive design.
jQWidgets facilitates rich text editing in Vue.js applications through an RTF Editor component offering formatting capabilities and several customization options.
SmartClient by Isomorphic Software lets you implement a Vue.js RTF Editor component featuring advanced document editing, and enterprise-ready functionality.

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

Compare Vue.js Data Editors

サンバースト図で階層データを見る

6月 25, 2026

LightningChart JS v8.3はサンバースト図を導入し、階層的なデータを直感的に探索し、多層的な部分から全体の洞察まで明確に示すことが可能

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.3 update introduces Sunburst charts, enabling developers to visualize hierarchical data in a compact and intuitive format that clearly represents part to whole relationships across multiple levels. By displaying nested categories as proportionally sized segments within concentric rings, the chart makes it easier to analyze complex data structures, compare contributions at different hierarchy levels, and identify patterns or dominant categories without requiring multiple visualizations. This helps developers deliver more informative data exploration experiences in applications that rely on organizational, financial, operational, or other structured datasets.

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

JavaScriptのピボットグリッドとチャートでよりスマートなOLAPダッシュボードを作成

6月 24, 2026

MESCIUS CodeClinicのライブウェビナーに参加し、Wijmoを使って生のビジネスデータをインタラクティブなダッシュボードに変換する方法を学習

Wijmo is a cutting-edge collection of over 100 high-performance JavaScript UI controls designed for modern enterprise applications. It empowers developers to deliver superior user experiences with fully responsive, touch-friendly, and accessible components and works with any popular JavaScript framework - including Angular, React, Vue, Svelte, or pure JavaScript/TypeScript - for rapid application development across modern web and mobile platforms.

On Wednesday, July 8th at 11:00 AM EST, MESCIUS is presenting a CodeClinic Live Webinar demonstrating how to create executive-ready dashboards without requiring you to build complex aggregation logic from scratch. Joel Parks, Wijmo Product Manager for MESCIUS, will demonstrate how PivotGrid and PivotChart work together to deliver a seamless analytics experience. Key takeaways include:

Building Interactive OLAP dashboards using Wijmo PivotGrid and PivotChart
Creating dynamic pivot tables with drag-and-drop field configuration
Summarizing, grouping, and analyzing large datasets without custom aggregation code
Visualizing pivoted data with responsive charts that update automatically
Exporting content to PDF and SVG for professional reporting

Wijmo is licensed per developer. Developer Licenses are perpetual and include 1 year Subscription which provides upgrades, including bug fixes and new features. See our Wijmo licensing page for full details.

Learn more on our Wijmo product page.

チャートインジケーターでトレンドをより早く特定

6月 23, 2026

サポートとレジスタンス、モメンタム、トレンドの方向性を組み合わせたオールインワン指標で市場トレンドを分析

Chart indicators are tools that display calculated data on a chart to help users identify trends, measure momentum, recognize support and resistance levels, and spot potential reversals. By presenting complex market data as clear visual signals, they simplify analysis, support faster decision making, and help users uncover opportunities. Common use cases include tracking trend strength, confirming entry and exit points, and identifying key price levels where market direction may change.

Several JavaScript charting components provide support for indicators within financial charts, including:

Highcharts Core lets you enhance data visualization with customizable chart indicators that reveal trends, momentum, and key market movements with clarity.
LightningChart JS Trader facilitates advanced financial analysis through high performance chart indicators that support real time trend tracking and market insights.
amCharts 5: Charts allows you to integrate technical indicators into interactive charts, helping users identify patterns, signals, and potential reversals quickly.
Syncfusion JavaScript Charts enables rich technical indicator visualizations that simplify trend analysis, highlight opportunities, and improve decision making accuracy.

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

Compare JavaScript Chart Components

データを妨げずにスプレッドシートの列を追加可能

6月 23, 2026

既存のワークシート内の新しいデータポイント、計算、報告のニーズに対応するために、オンデマンドで簡単にカラムを追加可能

Inserting columns is a fundamental spreadsheet capability that allows users to add new columns at any position within a worksheet without disrupting existing data. This feature helps accommodate changing requirements, making it easier to expand datasets, introduce new calculations, capture additional information, and reorganize content while maintaining the overall structure of the spreadsheet.

Several React spreadsheet controls offer the ability to insert columns, including:

SpreadJS allows users to insert one or more columns before or after a selected column through its spreadsheet interface and API, automatically adjusting formulas, references, and worksheet structure as needed.
Jspreadsheet Pro provides interactive column insertion directly within the grid, enabling users to add columns dynamically while preserving existing data and supporting further customization through its JavaScript API.
KendoReact Spreadsheet includes column insertion capabilities that mirror familiar desktop spreadsheet experiences, allowing users to add new columns through the user interface while maintaining workbook consistency and updating related spreadsheet elements.
Infragistics Ignite UI for React Spreadsheet supports inserting columns within worksheets through both user interactions and programmatic control, ensuring that data layouts can be expanded while preserving formulas, formatting, and spreadsheet integrity.

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

Compare React Spreadsheet Controls