ReoGrid Web 正式リリースのお知らせ — 高機能ExcelライクWebスプレッドシートライブラリ

UNVELL株式会社は、本日2026年3月24日、ReoGrid Web を正式リリースしました。WebアプリにExcelライクなスプレッドシート機能を組み込めるJavaScript/TypeScriptライブラリです。

ReoGrid Webとは

ReoGrid Webは、ブラウザ上で動作するExcelライクな表計算スプレッドシートライブラリです。数式エンジン・Excel I/O・Canvas描画エンジンをすべて単一パッケージに内蔵し、React・Vue両フレームワークに対応しています。

ライブラリ１つでプロジェクトに追加でき、Excelと同等の表計算機能をWebアプリに提供します。

開発背景 — .NET版10年超のノウハウをWebへ

弊社はWinForms/WPF向けの ReoGrid .NET版 を2014年から開発・提供してきました。累計NuGetダウンロード数は180,000以上に達しています。

この10年超の開発で培ったセルモデルの設計、数式エンジン、Excel互換の知見を活かし、Web開発者向けの新製品としてReoGrid Webを開発しました。

主要機能ハイライト

請求書サンプル — 数式エンジンの実力

数式を使った実用的なサンプルとして、請求書デモをご用意しています。数量と単価を入力すると合計が自動計算されます。Excelと同じ感覚で数式を組めることを体感いただけます。

Excelとの高い互換性

ReoGrid Webの設計で特に重視したのが、Excelとの高い互換性です。

• 数式の互換性: SUM・AVERAGE・IF・VLOOKUP など主要関数を実装、セル参照もExcel互換
• xlsxインポート・エクスポート: セル値・数式・スタイル・罫線・セル結合を維持して読み書き
• Excel数値書式: #,##0.00・¥#,##0・yyyy/mm/dd などExcelの書式文字列をそのまま使用可能

セルスタイル・Excel互換レイアウト

• セルスタイルの完全再現: フォント・文字色・背景色・配置・インデントをExcelと同じ精度で表現
• 罫線・セル結合: 罫線の種類・太さ・色を辺ごとに設定、セル結合もExcel互換で動作

最適化された高速描画エンジン

表示領域のセルのみを描画する仮想スクロールにより、10,000行を超えるデータも滑らかに表示します。実測で 10万セル（1万行×10列）を約200ms（1セルあたり2μs） で初期化。他社製品に比べ約95倍の処理速度です（※弊社調べ）。

React・Vue対応

両フレームワーク向けのラッパーを内蔵。TypeScript型定義付きで、オートコンプリートをそのまま利用できます。

// React
import { Reogrid } from '@reogrid/lite/react';

<Reogrid style={{ width: '100%', height: '400px' }} />

<!-- Vue -->
<script setup>
import { Reogrid } from '@reogrid/lite/vue';
</script>

<template>
  <Reogrid style="width: 100%; height: 400px" />
</template>

日本語・日本書式にネイティブ対応

日本の数値書式（¥1,234）・日付書式（yyyy年M月d日）・元号対応など、ローカライズではなくネイティブ実装で対応しています。

世界水準のパッケージ効率

フル機能を備えながら、gzip 68KB（minified 248KB） という世界最小クラスのバンドルサイズを実現しています。

※弊社調べ（2026年3月）

世界唯一の「5条件完全単一パッケージ」

Canvas描画・ゼロ依存・数式エンジン・Excel I/O・React/Vueラッパーのすべてを、追加パッケージなしで提供する唯一のライブラリです（主要5製品弊社調べ、2026年3月）。

完全日本製のCanvas型Webスプレッドシート

これまで海外製品で対応が難しかった日本独特の書式・帳票フォーマットに対応しています。日本国内で運用するシステムにスムーズに導入が可能です。

エディション

ReoGrid Webは買い切りのライセンス制を採用しています。他社製品（サブスクリプション型）は年額約150,000円/開発者〜のプランが多い中、開発者3名・1ドメイン・3年間での総コストは最大約78分の1になります（※弊社調べ）。

※価格は2026年3月現在の価格プラン。金額はすべて税込。最新の価格プランは公式HPにてご確認ください。

ロードマップ

今後の機能追加は以下を予定しています。

まずはLite版をお試しください

npm install @reogrid/lite

• 製品サイト（日本語）
• 資料請求・お問い合わせ
• ライブデモギャラリー
• npmパッケージ (@reogrid/lite)