JavaScript / HTML5のニュース

JavaScriptアプリケーションに拡張テキスト編集を追加

6月 6, 2024
Sencha Ext JS v7.8は、Froala EditorのサポートをModernとClassicの両方のツールキットに拡張し、すべての主要なWebブラウザとの互換性を確保

Sencha Ext JS is a comprehensive JavaScript framework designed for building data-intensive, cross-platform web applications with rich user interfaces. It offers a robust set of components and tools for developing feature-rich applications, including a powerful grid system, advanced data handling capabilities, and an extensive library of UI components. With a focus on high performance and flexibility, Ext JS allows developers to create responsive applications that run seamlessly on various devices and browsers.

The Sencha Ext JS 7.8 update introduces the integration of the Froala Editor with the classic toolkit, enhancing the web development experience by providing a powerful and user-friendly rich text editor. This addition enables developers to easily incorporate advanced text editing features into their applications, offering end users a seamless and intuitive interface for content creation and formatting. The Froala Editor's modern capabilities, such as inline editing, real-time collaboration, and a variety of formatting options, streamline the process of managing and displaying content within applications, thereby improving overall productivity and user engagement. This integration exemplifies Sencha's commitment to providing robust, efficient tools for modern web development.

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

Sencha Ext JS is available in Pro, Enterprise and Ultimate editions, as Annual Subscription or Perpetual Licenses. See our Sencha Ext JS licensing page for full details.

For more information, see our Sencha Ext JS product page.

JavaScriptで強力な財務チャートを活用

6月 4, 2024
LightningChart JS Trader v2.0は、平均足、練行足、カギ足、およびポイントアンドフィギュアチャートのサポートにより、テクニカル分析機能を拡張します。

LightningChart JS Trader is a JavaScript/TypeScript library developed by LightningChart that specifically targets the creation of financial and trading applications. It provides high-performance, 2D, 3D, and real-time charting controls and a comprehensive suite of visualizations including candlestick, bar, line, and various technical indicators and drawing tools. This library enables software developers to craft interactive technical analysis tools without the need for server-side setup as it runs completely on the client device.

The LightningChart JS Trader v2.0 update expands its technical analysis toolkit by introducing more chart types, such as Heikin Ashi, Renko, Kagi, and Point-and-Figure charts. These additional chart types equip developers with a wider range of visualization options, significantly enhancing market trend analysis capabilities and allowing them to adapt to different analytical needs and trading strategies.

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

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

For more information, see our LightningChart JS Trader product page.

Angular Report Designerで貸借対照表を作成

6月 4, 2024
ActiveReportsJS Angular Report Designer and Viewerを使用すると、どのデバイスからでもレポートを簡単に作成、変更、表示可能

ActiveReportsJS is a powerful JavaScript reporting tool that allows developers and report authors to easily design and display reports within their web applications. With features such as drill-down, runtime data filtering, and interactive parameters, as well as compatibility with popular frameworks, ActiveReportsJS simplifies the process of creating and managing reports. Using the ActiveReportsJS Angular report designer component, many different types of data can be visualized, including financial reports (such as balance sheets) in a web application.

In this blog post, MESCIUS Technical Engagement Engineer Joel Parks shows you how to use the Angular Report Designer to design a balance sheet which can then be viewed in ActiveReportsJS's Angular Report Viewer. Steps include:

  • Adding the Angular report designer to an application
  • Saving the report details
  • Adding a data source and data set to the report
  • Designing the balance sheet and binding data to controls

Read the full blog to get started using balance sheets to easily present a summary of a company's financial health and stability.

ActiveReportsJS is licensed on an annual subscription or perpetual basis and is available as a Single Deployment License for non-commercial use, and as a Single Domain License or Unlimited Domain License for commercial and/or SaaS use. See our ActiveReportsJS licensing page for full details.

For more information, visit our ActiveReportsJS product page.

Angularアプリで日付を視覚的に編集

6月 4, 2024
カレンダエディタコンポーネントを使用すると、ユーザーは従来の入力フィールドを使用するよりも迅速かつ簡単に日付を選択可能

Calendar editing components provide a specialized way to interact with date and time data within the editor. These controls replace the standard input field with a visual calendar interface, allowing developers to offer a more intuitive and user-friendly experience for date selection and modification. This can significantly improve data entry accuracy and efficiency, especially when dealing with large datasets or complex date formats.

Several Angular data editor collections offer calendar editor controls including:

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

Compare Angular Data Editors

チェックボックスによる効率的なデータ入力の促進

6月 4, 2024
チェックボックスコントロールは、Vue.jsアプリで複数のオプションやブールデータを効率的に選択できるようにするユーザーフレンドリーな方法を提供

A checkbox data editor is a specific user interface element designed to efficiently manage boolean data (true/false values). It provides a clear and intuitive way for users to edit single binary flags within their data, improving data entry accuracy and streamlining the process compared to manually manipulating text fields. This boosts the user experience by allowing for quick choices, particularly when dealing with features like filtering preferences, selecting multiple items from a list, or toggling settings.

Several Vue.js components offer checkbox data editors, including:

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

Compare Vue.js Data Editors