Reactのニュース

リッチテキストでのビデオ埋め込みを簡素化

11月 28, 2025
Froala Editor 4.7.1は新しいVimeoリンク形式をサポートし、編集者内でのプレビューやコンテンツ作成者向けの信頼性の高いメディア埋め込みが可能

Froala Editor is a lightweight, modern WYSIWYG (What You See Is What You Get) rich text editor designed for web applications, offering a clean interface, fast performance, and extensive customization options. Built with a focus on usability and developer flexibility, it provides a wide range of formatting tools, media management capabilities, and advanced features such as inline editing, collaborative functionality, and mobile responsiveness. Its modular architecture, robust API, and broad framework integrations make it suitable for embedding into enterprise-level platforms as well as smaller applications requiring a polished content-editing experience.

The Froala Editor 4.7.1 update improves the video plugin by adding support for the latest Vimeo link formats, allowing the editor to automatically recognize and embed new Vimeo URLs without manual adjustments. This enhancement ensures that videos reliably render and play directly inside the WYSIWYG editor, giving authors an immediate, accurate preview while reducing issues with incompatible or broken links and improving overall embedding consistency.

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

Froala Editor is licensed per product and domain. It is available as an annual or perpetual license with version upgrades and support. See our Froala Editor licensing page for full details.

For more information, visit our Froala Editor product page.

AI文章作成を強化するGcTextAssistantコントロール

11月 28, 2025
リッチテキストと複数行テキストのAI文章作成支援を手軽に組み込めます。

InputManJS（日本語版）V6Jでは、AI文章作成アシスタントコンポーネントGcTextAssistantが新たに追加されました。GcRichTextEditorやGcMultiLineTextBoxと連携し、これまで手作業だった文章作成やブラッシュアップをAIに任せられます。

GcTextAssistantは、事前に設定したAIプラットフォームのAPIを利用して、文章の生成、校正、要約、翻訳といったアシスタント機能を提供します。開発者は既存の入力画面にこのコンポーネントを追加するだけで、高度な文章支援をユーザーに提供できます。また、組み込みの機能だけでなく、用途に応じた独自のアシスタントを定義できる点も特徴です。自社の文書テンプレートに沿った文章提案や、特定ドメインの専門用語を意識した校正など、業務シナリオに合わせたカスタマイズが行えます。

ご利用には各種AIプラットフォームのAPIキーを準備し、InputManJS側に設定しておく必要があります。既存のWebアプリケーションにAIを取り入れたい場合、GcTextAssistantは最小限の改修で高い付加価値を加えられる有力な選択肢なります。

V6Jの新機能については、リリースノートをご覧ください。

製品詳細及び販売情報に関しては、InputManJS（日本語版）のサイトご参考ください

MDBootstrapとのパートナーシップ2周年を祝賀

11月 25, 2025
ComponentSourceとMDBootstrapは、開発者が視覚的で完全にレスポンシブなWebアプリケーションを構築できるようにするため2年間協力

For the past two years, ComponentSource has proudly partnered with MDBootstrap to bring high quality UI tools to developers worldwide. Through this partnership, customers gain easy access to MDB’s rich collection of responsive, modern components and templates that help teams build polished and efficient web applications.

Material Design for Bootstrap, widely known as MDB, is a leading front end framework created for developers, by developers. It offers more than five thousand UI components and templates that help teams create visually appealing and fully responsive applications that follow Material Design principles. Trusted by a global community of more than three million developers and designers, and chosen by organizations such as NASA, Amazon, Nike and IKEA, MDB continues to be a reliable and influential tool within the ComponentSource catalog.

The collaboration between ComponentSource and MDBootstrap delivers real benefits to the developer community by combining MDB’s high-quality design tools with ComponentSource’s global reach, licensing expertise, and dedicated customer service. Together, they simplify the adoption of MDB solutions, supporting teams as they build faster and deliver modern, consistent digital experiences. ComponentSource looks forward to the future and to many more years of helping developers create exceptional web applications.

Learn more about MDBootstrap.

データを見やすくするためにグリッド列の幅を調整する

11月 19, 2025
カラムのサイズを調整してスペースを最適化して煩雑さを軽減し、よりクリーンで焦点の定まったグリッドを提供し、より迅速なデータ分析とスマートな意思決定を実現

Resizable grid columns let users adjust the width of each column in a data table, giving them direct control over how information is displayed. This improves readability by preventing text from being cut off, reduces clutter by narrowing less important fields, and creates a cleaner, more efficient workspace. It is especially useful with large datasets, long product names, detailed descriptions, or mixed data types, such as expanding a “Description” column to read full text or narrowing numeric columns to compare figures quickly. Whether used in dashboards, admin panels, reporting tools, or data entry systems, column resizing enhances usability, speeds up analysis, and supports a more personalized viewing experience.

Several React grid controls offer support for expanding and resizing columns including:

  • DevExtreme React Data Grid (part of DevExtreme Complete by DevExpress) lets you resize columns to improve readability, reduce clutter, and work efficiently with data.
  • Handsontable by Handsoncode lets you resize columns to reveal full content, customize layouts, minimize clutter, and analyze diverse datasets more effectively confidently.
  • BestReactGrid facilitates column resizing to optimize space, highlight key details, enhance readability, and create a cleaner, more efficient data workflow.
  • Ignite UI React Grid (part of Infragistics Ignite UI) allows you to resize columns for clearer views, faster comparisons, and improved data understanding.

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

Compare React Grid Controls

チャートデータの勾配を可視化するために輪郭線を追加

11月 19, 2025
LightningChart JS v8.1は柔軟な輪郭スタイリングオプションを追加し、開発者が重要なバリューレンジを正確に強調可能

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.1 update introduces built-in contour rendering for heatmap and surface charts, giving developers a straightforward way to highlight value transitions and gradients within complex datasets. The new contour capabilities automatically generate level lines and labels, while offering control over stroke and text styling for each contour level. This improves the clarity and interpretability of dense numerical data, reduces the need for custom rendering logic, and maintains high performance even when working with detailed datasets.

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