JavaScript / HTML5のニュース

AIの力でJavaScriptコーディングをマスター

3月 14, 2024
ChatGPTを使用してSencha Ext JS開発を合理化し、リッチでインタラクティブなJavaScriptアプリケーションを簡単に作成

Sencha Ext JS is a comprehensive JavaScript framework for building data-intensive, cross-platform web and mobile applications for any modern device. Ext JS includes 140+ pre-integrated and tested high-performance UI components such as HTML5 calendar, grids, pivot grid, D3 adapter, trees, lists, forms, menus, toolbars, panels, windows, and much more.

In this blog post by Sencha Sales Engineer Andres Villalba you will learn the steps to use the power of ChatGPT to unlock your Ext JS potential. This includes:

  • Building Data
  • Stores and Models
  • Updating the Navigation
  • Creating a Chart
  • Displaying information in a Grid

The article also links to a recording of Andres's full session at JS Days, so you can watch as he takes you through the process, step by step.

Read the complete blog and find out how to save development time when building your next Ext JS JavaScript with ChatGPT.

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.

スマートな再レンダリングでセル更新を最適化

3月 13, 2024
Handsontable 14.2.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.

Handsontable 14.2.0 improves cell re-rendering using the React wrapper. The wrapper now uses memoization to optimize performance during user interactions like cell editing or scrolling in the grid, allowing the wrapper to remember the previous state and only update the elements that have actually changed. This smarter approach results in a smoother and more stable experience in your Handsontable apps, especially for complex custom cell types.

To see a full list of what's new in version 14.2.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月 12, 2024
条件付き書式を使用して重要なReactグリッドデータに注意を引くことで、データの視覚化とユーザーエクスペリエンスを強化

Conditional formatting in a grid allows you to dynamically alter the visual style of cells based on specific criteria within your data. This functionality enhances readability and user experience by highlighting important information. For instance, negative values can be displayed in red, exceeding values in bold, and empty cells with a light gray background, all within the grid itself. This reduces the need for users to manually scan through data and immediately draws attention to critical elements.

Several React grid controls offer conditional formatting, including:

  • KendoReact Data Grid (part of KendoReact by Telerik) facilitates applying custom styles and colors to grid cells based on data conditions.
  • Wijmo FlexGrid (part of Wijmo by MESCIUS) empowers developers to implement conditional formatting rules for visual data analysis in React apps.
  • Handsontable by Handsoncode enables the creation of data grids with dynamic cell formatting dependent on specific values.
  • jQWidgets Grid (part of jQWidgets) offers conditional formatting capabilities to highlight patterns and trends within React data grids.
  • Syncfusion Grid (part of Syncfusion Essential Studio Enterprise) provides conditional formatting rules to enhance grid data visualization.

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

Compare React Grid Controls

Wijmo GaugesでReact Weatherアプリを構築

3月 12, 2024
OpenWeatherMap APIから気象情報を取得するReact関数ベースのコンポーネントアプリケーションを作成する方法を説明します。

Wijmo is a complete collection of extensible, fast, flexible JavaScript UI components written in TypeScript. The framework-agnostic Wijmo components include first-class support for top frameworks including Angular, React, Vue and Web Components. Wijmo Enterprise has over 100 dynamic JavaScript UI components to help cut your development time in half, allowing you to build lightweight, high-performance JavaScript applications using your favorite JavaScript framework.

In this blog post, MESCIUS Technical Engagement Engineer Andrew Peterson shows you how to utilize the Wijmo Gauges - along with the OpenWeatherMap API - to build a React app to display the current weather. Steps include:

  • Setting up the React app
  • Installing Packages
  • Getting the OpenWeatherMap API Key
  • Creating the Weather Component
  • Integrating WeatherComponent into the App
  • Adding the Wijmo Gauge and Styling

Read the complete blog to explore this powerful and rich capability.

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.

For more information, visit our Wijmo product page.

ドキュメント編集でReactアプリを強化

3月 7, 2024
TX Text Control .NET Server for ASP.NETは、ドキュメント編集および表示アプリの構築にReactフレームワークを活用

TX Text Control .NET Server for ASP.NET is a server-side component that equips your web applications with a powerful, MS Word-compatible document editor. This allows you to develop applications that generate and edit various document formats (RTF, DOCX, PDF, etc.) on the fly, using data from databases or files. It also boasts features like PDF generation and a browser-based editor with a familiar MS Word-inspired interface, ultimately enhancing the document processing capabilities of your ASP.NET web applications.

TX Text Control .NET Server now includes React npm packages. These client-side packages seamlessly integrate with TX Text Control .NET Server, which acts as the powerful backend engine for the Document Editor and Document Viewer components. Empower your users with an Microsoft Word-like document editor, accessible from any HTML5 browser.

TX Text Control .NET Server for ASP.NET is licensed per developer and is available as a Perpetual License with a 12 month support and maintenance subscription. Run time licenses are required for the deployment to production servers. See our TX Text Control .NET Server for ASP.NET licensing page for full details.

For more information, visit our TX Text Control .NET Server for ASP.NET product page.