https://web.reogrid.net/jp/articles React／Vue で Excel ライクなスプレッドシートを構築するための記事。 ja https://web.reogrid.net/jp/articles/vue-invoice-with-editable-formulas https://web.reogrid.net/jp/articles/vue-invoice-with-editable-formulas 実用的な Vue 3 製インボイスコンポーネント: 編集可能な数量と単価、数式による行小計の自動計算、SUM、税、合計 — すべてを 1 枚の Canvas バックエンドのスプレッドシートで実現。計算はリアルタイムに更新され、リアクティブな ref が合計値を Vue の UI へミラーします。xlsx エクスポートは 1 回の呼び出しで完結（Pro）。 Fri, 29 May 2026 00:00:00 GMT vue tutorial formula invoice spreadsheet https://web.reogrid.net/jp/articles/excel-like-forms-on-the-web https://web.reogrid.net/jp/articles/excel-like-forms-on-the-web 帳票はもう Excel だけではありません。ReoGrid Web を使えば、既存の Excel ファイルをそのままブラウザに読み込んだり、ゼロからコードで構築したり、テンプレートに動的データを流し込んだりと、Web 上で Excel ライクな帳票体験を実現できます。 Tue, 26 May 2026 00:00:00 GMT tutorial invoice spreadsheet excel japanese https://web.reogrid.net/jp/articles/reogrid-web-vs-ag-grid-handsontable https://web.reogrid.net/jp/articles/reogrid-web-vs-ag-grid-handsontable ReoGrid チームの視点から見た、JavaScript の主要 3 グリッドライブラリの率直な比較。それぞれがどこに向いているか、トレードオフは何か、そしてあなたのプロジェクトに本当に必要なのはどれかを判断するためのガイド。 Mon, 18 May 2026 00:00:00 GMT comparison ag-grid handsontable spreadsheet data-grid react vue https://web.reogrid.net/jp/articles/react-invoice-with-editable-formulas https://web.reogrid.net/jp/articles/react-invoice-with-editable-formulas 実用的な React 製インボイスコンポーネント: 編集可能な数量と単価、数式による行小計の自動計算、SUM、税、合計 — すべてを 1 枚の Canvas バックエンドのスプレッドシートで実現。計算はリアルタイムに更新され、ユーザーは xlsx へエクスポート（Pro）できます。 Sun, 17 May 2026 00:00:00 GMT react tutorial formula invoice spreadsheet https://web.reogrid.net/jp/articles/load-xlsx-in-browser-no-server https://web.reogrid.net/jp/articles/load-xlsx-in-browser-no-server .xlsx ファイルを Web ページにドラッグし、セルのスタイル・結合・罫線・ウィンドウ枠固定・数式を保ったままスプレッドシート UI で描画する。バックエンドも SheetJS も進捗モーダルも不要 — 44 万セルのファイルを 3.7 秒でロードします。 Sat, 16 May 2026 00:00:00 GMT xlsx excel react vue file-api performance https://web.reogrid.net/jp/articles/canvas-spreadsheet-10000-rows-60fps https://web.reogrid.net/jp/articles/canvas-spreadsheet-10000-rows-60fps Canvas ベースのスプレッドシートには DOM のボトルネックはありませんが、2D コンテキスト側で千の小さな出血が起きえます。本記事では、ReoGrid Web が行ごとの React 再調整も特殊な仮想化テクニックもなしに、10,000 行の密なシートをジャンクなく描画する方法を解説します。 Fri, 15 May 2026 00:00:00 GMT performance canvas react vue spreadsheet https://web.reogrid.net/jp/articles/introducing-reogrid-web-v1-2 https://web.reogrid.net/jp/articles/introducing-reogrid-web-v1-2 ReoGrid Web v1.2 には 109 個の組み込み数式、Excel スタイルの色分け参照編集、オートフィルハンドル、スクロール 1 フレームあたりの Canvas 呼び出し数を約 70% 削減した描画エンジンが含まれます。React／Vue 用ラッパー付きで合計 300KB 未満の単一パッケージです。 Thu, 14 May 2026 00:00:00 GMT release v1.2 react vue spreadsheet