JavaScript / HTML5のニュース

グリッドデータをスクロールする際のコンテキストの維持

1月 4, 2024
列ヘッダをグリッドの上部に固定することで、大規模なデータセットで作業する際のユーザーエクスペリエンスを向上

Fixed headers are a user interface element found in grids, particularly those managing large datasets. They comprise the top section of the grid, typically encompassing the row containing column labels and potentially additional rows with key information. Unlike the scrollable body of the grid, these headers remain anchored to the viewport, acting as a persistent reference point while users navigate through the data, thus improving user experience.

Several React grids support fixed headers including:

  • KendoReact Data Grid (part of KendoReact by Telerik) includes fixed headers that stay visible as you scroll, offering seamless navigation through massive datasets.
  • Wijmo FlexGrid (part of Wijmo by MESCIUS) allows you to lock headers in place for easy column reference, even with horizontal scrolling.
  • Syncfusion Grid control for JavaScript (part of Syncfusion Essential Studio) includes pinned headers that offer consistent context amidst complex data exploration.
  • Handsontable provides you with the ability to freeze rows or columns to keep key data points always in view.

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

Compare React Grid Components

柔軟な日付選択によるJavaScriptカレンダーの生産性の向上

1月 3, 2024
DevExtreme Complete 23.2のカレンダーでは、1つの日付、複数の日付、または範囲内の最初と最後の日付を選択できます。

DevExtreme Complete is a comprehensive JavaScript UI component suite developed by DevExpress. It provides a wide range of features and tools to help developers build high-performance and responsive web applications for various platforms, including traditional web, mobile, and next-generation web technologies.

The DevExtreme Complete 23.2 update brings powerful date selection options to the Calendar. You can now select single dates, multiple, or choose a date range with ease. The initial view can be set as a single date or an array, and entire weeks can be selected by clicking on the week number. These powerful new selection enhancements make date selection easier for novices and advanced users alike.

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

DevExtreme Complete is licensed per developer and is available as a Perpetual License with a 12 month support and maintenance subscription. We can supply any DevExtreme Complete license including new subscriptions, subscription renewals, expired subscription renewals, and additional licenses. See our DevExtreme Complete licensing page for full details.

DevExtreme Complete is available to buy in the following products:

財務チャートをお使いの Vue.js アプリに追加

12月 28, 2023
OHLC（Open-High-Low-Close）チャートを使用して、時間の経過に伴う価格変動の概要を簡潔に表示 Vue.jsの主なソリューションの比較

Financial apps can be significantly enriched by integrating open-high-low-close charts. These versatile visualizations condense price movement data into clear, concise bars, empowering users to rapidly grasp market trends and identify potential trading opportunities. With a quick glance, users can assess open, high, low, and closing prices within a chosen timeframe, gaining valuable insights into market sentiment and volatility. This immediate understanding fosters informed decision-making, transforming your Vue.js app into a dynamic platform for financial analysis and informed action.

Several Vue.js chart controls offer OHLC charts including:

  • DevExtreme Chart (part of DevExtreme by DevExpress) lets users decode market movements with interactive OHLC bars, dynamic indicators, and crosshair navigation.
  • Highcharts Stock by Highsoft helps you master price action with advanced OHLC candlesticks, volume analysis, and powerful technical indicators.
  • FusionCharts Suite XT lets users make informed decisions with feature-rich OHLC charts, including price gaps, volume indicators, and trendlines.
  • amCharts5 : Charts provides granular insights from comprehensive OHLC charts, featuring range bars, price bands, and brush selection for deep analysis.
  • AnyChart JS elevates your app's visual appeal with sleek OHLC charts, customizable tooltips, and dynamic animations for a captivating trading experience.

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

Compare Vue.js Chart Controls

JavaScriptでのガントスケジュールアプリの作成

12月 27, 2023
SpreadJS 17では、オプションのGanttSheetアドオンが導入され、ガントチャートの動作とスプレッドシートUIを備えたデータバインドされたDataTableビューが提供されます。

SpreadJS by MESCIUS is a powerful JavaScript library that lets you build Excel-like spreadsheets within your web applications. It offers tables, charts, formulas, pivot tables, and more, all running within the browser. It works with major frameworks like Angular, React, and Vue, and offers Excel file import and export. SpreadJS empowers developers to create interactive dashboards, analyze data, and streamline workflows, all within the familiar spreadsheet interface.

The SpreadJS 17 release introduces the optional GanttSheet Add-On, a full Gantt implementation that works inside of SpreadJS. It seamlessly integrates with your existing spreadsheets, transforming them into clear and concise Gantt charts. This allows you to visualize tasks, dependencies, and progress at a glance, identifying potential bottlenecks and adjust schedules proactively. GanttSheet offers a flexible and intuitive may to manage tasks, sort data, customize calendar settings, and even import/export plans for smooth collaboration.

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

SpreadJS is licensed per developer and includes 1 Year Maintenance (major and minor version releases and unlimited support phone calls). SpreadJS requires an Annual or Perpetual Deployment License. The GanttSheet Add-On is available at an additional cost, and requires a SpreadJS license. See our SpreadJS licensing page for full details.

For more information, visit our SpreadJS product page.

Node.jsプロジェクトでPDFを作成/編集

12月 20, 2023
IronPDF for Node.jsは、開発者にとって使いやすいAPIと豊富な機能セットにより、Node.jsアプリでのPDFの作成、編集、操作を効率化

IronPDF for Node.js lets you generate, edit, and extract PDF content in Node.js projects. It is designed for Node.js 12+ and is compatible with various operating systems including Windows, macOS and Linux, and IDEs such as JetBrains WebStorm and Microsoft Visual Studio Code. Its key features include generating PDFs programmatically using Node.js, creating PDFs from HTML, CSS, and JavaScript, adding headers/footers, watermarks or attachments to PDF documents, and securing PDFs using passwords, metadata and digital signatures.

IronPDF for Node.js is licensed per developer and is available as a perpetual license with 1 year of product updates and support services. Lite, Plus and Professional Licenses are available for different development and distribution requirements. See our IronPDF for Node.js licensing page for full details.

IronPDF for Node.js is available to buy in the following products: