機能一覧
ReoGrid Web は Canvas ベースの高性能スプレッドシートライブラリです。このページでは、全機能、エディションの違い、対応フレームワークをまとめています。
コア機能
| 機能 | 説明 |
|---|
| Canvas 描画 | HTML5 Canvas によるハイパフォーマンスなセル描画 |
| セルデータ | 値の読み書き、一括読み込み、表示テキスト取得 |
| セルスタイル | フォント（ファミリー・サイズ・太字・斜体・下線）、テキスト色、背景色、水平/垂直配置、テキスト折り返し |
| 数値フォーマット | Excel 互換のフォーマットコード（#,##0、¥#,##0、0.00% など） |
| 罫線 | セル・範囲の罫線（上下左右、スタイル・色・幅） |
| セル結合 | 複数セルの結合・解除 |
| 行・列操作 | サイズ変更、挿入・削除、表示・非表示、自動フィット |
数式エンジン
| 機能 | 説明 |
|---|
| AST パーサー | Excel 互換の数式構文を解析 |
| 依存関係グラフ | セル参照の自動追跡と再計算 |
| 組み込み関数 | 数学・統計・三角関数・論理・文字列・日付/時刻・検索・情報・条件付き集計・乱数の 10 カテゴリで 109 関数 |
| 検索・参照関数 | VLOOKUP、HLOOKUP、XLOOKUP、INDEX、MATCH、XMATCH、ADDRESS、ROW、COLUMN、ROWS、COLUMNS |
| 条件付き集計 | SUMIF、COUNTIF、AVERAGEIF と複数条件版の *IFS |
| セル参照 | A1 形式（相対・絶対）、範囲参照 |
| スマート数式エディター | 数式編集中にセルをクリックして参照を挿入。参照ごとに色分けされ、グリッド上にも同色の枠線が表示されます |
高度な機能
| 機能 | 説明 |
|---|
| オートフィル（フィルハンドル） | 選択範囲右下の四角をドラッグして、値を下・上・左・右に拡張。コピー・等差延長・日付加算・数式の相対参照シフトを自動判定 |
| フリーズペイン | 行・列の固定表示（ヘッダー行のスクロール固定など） |
| ソート | 列の昇順・降順ソート |
| オートフィルター | ヘッダードロップダウンによるデータ絞り込み |
| グループ化 | 行・列のアウトライン（折りたたみ・展開） |
| セルタイプ | チェックボックス、ドロップダウン、ボタン、プログレスバー、レーティング、スパークライン、ハイパーリンク |
| 条件付き書式 | 値・数式・テキストマッチによるルールと、サイドごとの罫線オーバーライド |
| セル保護 | シート保護とセル単位のロック |
データ入出力
| 機能 | 説明 |
|---|
| XLSX インポート | URL、File オブジェクト、ArrayBuffer から xlsx を読み込み（大容量ファイル向けのチャンク非同期ロードにも対応） |
| XLSX エクスポート | ワークシートを xlsx ファイルとしてダウンロード |
| ReoGrid JSON | 無損失のネイティブシリアライゼーション（writeReoGridJson / readReoGridJson / parseReoGridJson）— セル・スタイル・数値書式・リッチテキスト・結合・罫線・サイズ／表示状態・固定・条件付き書式・アウトライン・フィルター・セルタイプ・保護・交互行を保持 |
| クリップボード | コピー・カット・ペースト（TSV / HTML 形式対応） |
| 印刷 | HTML テーブルに変換してブラウザ印刷 |
UI 機能
| 機能 | 説明 |
|---|
| セルエディタ | ダブルクリック・F2・Enter キーによるインラインテキスト編集（Mac でも Enter で編集開始） |
| スマート数式エディター | Excel 風の色分け参照編集 — クリックで参照挿入、ドラッグで範囲拡張 |
| Undo / Redo | 操作の取り消し・やり直し（最大 30 ステップ） |
| キーボードショートカット | Ctrl+Z/Y, Ctrl+C/V/X, Tab, Enter など |
| コンテキストメニュー | 右クリックメニューイベント |
| グリッドライン | 表示・非表示切替 |
| 交互行カラー | 偶数・奇数行の背景色設定 |
| アニメーション | セル値変更時のスムーズなアニメーション |
エディション比較
| Lite (無料) | Pro (有料) |
|---|
| 行数 | 最大 100 行 | 無制限 |
| 列数 | 最大 26 列 (A〜Z) | 無制限 |
| 数式 | 算術演算のみ | 全 109 関数 |
| セルスタイル | ✓ | ✓ |
| 数値フォーマット | ✓ | ✓ |
| 罫線 | ✓ | ✓ |
| セル結合 | ✓ | ✓ |
| オートフィル | ✓ | ✓ |
| スマート数式エディター | ✓ | ✓ |
| フリーズペイン | — | ✓ |
| XLSX インポート | ✓ | ✓ |
| XLSX エクスポート | — | ✓ |
| ReoGrid JSON 入出力 | ✓ | ✓ |
| セルタイプ | — | ✓ |
| 行・列の挿入/削除 | — | ✓ |
| 行・列の表示/非表示 | — | ✓ |
| ソート・フィルター | — | ✓ |
| グループ化 | — | ✓ |
| 条件付き書式 | — | ✓ |
| セルツールチップ | — | ✓ |
| 画像 | — | ✓ |
| 印刷 | — | ✓ |
フレームワーク対応
| フレームワーク | パッケージ | コンポーネント |
|---|
| React ≥17 | @reogrid/lite/react or @reogrid/pro/react | <Reogrid> (forwardRef) |
| Vue ≥3 | @reogrid/lite/vue or @reogrid/pro/vue | <Reogrid> (Composition API) |
| Vanilla JS/TS | @reogrid/lite or @reogrid/pro | createReogrid() |
