[{"data":1,"prerenderedAt":752},["ShallowReactive",2],{"blog-reogrid-web-release":3},{"id":4,"title":5,"author":6,"body":7,"date":736,"description":737,"extension":738,"meta":739,"navigation":202,"path":740,"seo":741,"stem":743,"tags":744,"thumbnail":750,"__hash__":751},"blog/blog/reogrid-web-release.md","ReoGrid Web 正式リリースのお知らせ — 高機能ExcelライクWebスプレッドシートライブラリ",null,{"type":8,"value":9,"toc":717},"minimark",[10,19,24,27,30,33,37,44,47,49,52,57,60,67,71,77,111,115,121,135,138,145,151,155,158,236,326,330,333,335,338,345,439,442,446,449,453,456,458,461,586,593,596,598,601,604,657,659,663,681,713],[11,12,13,14,18],"p",{},"UNVELL株式会社は、本日2026年3月24日、",[15,16,17],"strong",{},"ReoGrid Web"," を正式リリースしました。WebアプリにExcelライクなスプレッドシート機能を組み込めるJavaScript/TypeScriptライブラリです。",[20,21,23],"h2",{"id":22},"reogrid-webとは","ReoGrid Webとは",[11,25,26],{},"ReoGrid Webは、ブラウザ上で動作するExcelライクな表計算スプレッドシートライブラリです。数式エンジン・Excel I/O・Canvas描画エンジンをすべて単一パッケージに内蔵し、React・Vue両フレームワークに対応しています。",[11,28,29],{},"ライブラリ１つでプロジェクトに追加でき、Excelと同等の表計算機能をWebアプリに提供します。",[31,32],"hr",{},[20,34,36],{"id":35},"開発背景-net版10年超のノウハウをwebへ","開発背景 — .NET版10年超のノウハウをWebへ",[11,38,39,40,43],{},"弊社はWinForms/WPF向けの ",[15,41,42],{},"ReoGrid .NET版"," を2014年から開発・提供してきました。累計NuGetダウンロード数は180,000以上に達しています。",[11,45,46],{},"この10年超の開発で培ったセルモデルの設計、数式エンジン、Excel互換の知見を活かし、Web開発者向けの新製品としてReoGrid Webを開発しました。",[31,48],{},[20,50,51],{"id":51},"主要機能ハイライト",[53,54,56],"h3",{"id":55},"請求書サンプル-数式エンジンの実力","請求書サンプル — 数式エンジンの実力",[11,58,59],{},"数式を使った実用的なサンプルとして、請求書デモをご用意しています。数量と単価を入力すると合計が自動計算されます。Excelと同じ感覚で数式を組めることを体感いただけます。",[11,61,62],{},[63,64],"img",{"alt":65,"src":66},"請求書サンプル — 数式エンジンによる自動計算","/images/articles/reogrid-web-invoice.png",[53,68,70],{"id":69},"excelとの高い互換性","Excelとの高い互換性",[11,72,73,74,76],{},"ReoGrid Webの設計で特に重視したのが、",[15,75,70],{},"です。",[78,79,80,87,93],"ul",{},[81,82,83,86],"li",{},[15,84,85],{},"数式の互換性",": SUM・AVERAGE・IF・VLOOKUP など主要関数を実装、セル参照もExcel互換",[81,88,89,92],{},[15,90,91],{},"xlsxインポート・エクスポート",": セル値・数式・スタイル・罫線・セル結合を維持して読み書き",[81,94,95,98,99,103,104,103,107,110],{},[15,96,97],{},"Excel数値書式",": ",[100,101,102],"code",{},"#,##0.00","・",[100,105,106],{},"¥#,##0",[100,108,109],{},"yyyy/mm/dd"," などExcelの書式文字列をそのまま使用可能",[53,112,114],{"id":113},"セルスタイルexcel互換レイアウト","セルスタイル・Excel互換レイアウト",[11,116,117],{},[63,118],{"alt":119,"src":120},"セルスタイルのサンプル","/images/articles/reogrid-web-cell-styles.png",[78,122,123,129],{},[81,124,125,128],{},[15,126,127],{},"セルスタイルの完全再現",": フォント・文字色・背景色・配置・インデントをExcelと同じ精度で表現",[81,130,131,134],{},[15,132,133],{},"罫線・セル結合",": 罫線の種類・太さ・色を辺ごとに設定、セル結合もExcel互換で動作",[53,136,137],{"id":137},"最適化された高速描画エンジン",[11,139,140,141,144],{},"表示領域のセルのみを描画する仮想スクロールにより、10,000行を超えるデータも滑らかに表示します。実測で ",[15,142,143],{},"10万セル（1万行×10列）を約200ms（1セルあたり2μs）"," で初期化。他社製品に比べ約95倍の処理速度です（※弊社調べ）。",[11,146,147],{},[63,148],{"alt":149,"src":150},"データフィルター・ソート・大量データのデモ","/images/articles/reogrid-web-data-table.png",[53,152,154],{"id":153},"reactvue対応","React・Vue対応",[11,156,157],{},"両フレームワーク向けのラッパーを内蔵。TypeScript型定義付きで、オートコンプリートをそのまま利用できます。",[159,160,165],"pre",{"className":161,"code":162,"language":163,"meta":164,"style":164},"language-tsx shiki shiki-themes github-light github-dark","// React\nimport { Reogrid } from '@reogrid/lite/react';\n\n\u003CReogrid style={{ width: '100%', height: '400px' }} />\n","tsx","",[100,166,167,176,197,204],{"__ignoreMap":164},[168,169,172],"span",{"class":170,"line":171},"line",1,[168,173,175],{"class":174},"sJ8bj","// React\n",[168,177,179,183,187,190,194],{"class":170,"line":178},2,[168,180,182],{"class":181},"szBVR","import",[168,184,186],{"class":185},"sVt8B"," { Reogrid } ",[168,188,189],{"class":181},"from",[168,191,193],{"class":192},"sZZnC"," '@reogrid/lite/react'",[168,195,196],{"class":185},";\n",[168,198,200],{"class":170,"line":199},3,[168,201,203],{"emptyLinePlaceholder":202},true,"\n",[168,205,207,210,214,218,221,224,227,230,233],{"class":170,"line":206},4,[168,208,209],{"class":185},"\u003C",[168,211,213],{"class":212},"sj4cs","Reogrid",[168,215,217],{"class":216},"sScJk"," style",[168,219,220],{"class":181},"=",[168,222,223],{"class":185},"{{ width: ",[168,225,226],{"class":192},"'100%'",[168,228,229],{"class":185},", height: ",[168,231,232],{"class":192},"'400px'",[168,234,235],{"class":185}," }} />\n",[159,237,241],{"className":238,"code":239,"language":240,"meta":164,"style":164},"language-vue shiki shiki-themes github-light github-dark","\u003C!-- Vue -->\n\u003Cscript setup>\nimport { Reogrid } from '@reogrid/lite/vue';\n\u003C/script>\n\n\u003Ctemplate>\n  \u003CReogrid style=\"width: 100%; height: 400px\" />\n\u003C/template>\n","vue",[100,242,243,248,262,275,284,289,299,317],{"__ignoreMap":164},[168,244,245],{"class":170,"line":171},[168,246,247],{"class":174},"\u003C!-- Vue -->\n",[168,249,250,252,256,259],{"class":170,"line":178},[168,251,209],{"class":185},[168,253,255],{"class":254},"s9eBZ","script",[168,257,258],{"class":216}," setup",[168,260,261],{"class":185},">\n",[168,263,264,266,268,270,273],{"class":170,"line":199},[168,265,182],{"class":181},[168,267,186],{"class":185},[168,269,189],{"class":181},[168,271,272],{"class":192}," '@reogrid/lite/vue'",[168,274,196],{"class":185},[168,276,277,280,282],{"class":170,"line":206},[168,278,279],{"class":185},"\u003C/",[168,281,255],{"class":254},[168,283,261],{"class":185},[168,285,287],{"class":170,"line":286},5,[168,288,203],{"emptyLinePlaceholder":202},[168,290,292,294,297],{"class":170,"line":291},6,[168,293,209],{"class":185},[168,295,296],{"class":254},"template",[168,298,261],{"class":185},[168,300,302,305,307,309,311,314],{"class":170,"line":301},7,[168,303,304],{"class":185},"  \u003C",[168,306,213],{"class":254},[168,308,217],{"class":216},[168,310,220],{"class":185},[168,312,313],{"class":192},"\"width: 100%; height: 400px\"",[168,315,316],{"class":185}," />\n",[168,318,320,322,324],{"class":170,"line":319},8,[168,321,279],{"class":185},[168,323,296],{"class":254},[168,325,261],{"class":185},[53,327,329],{"id":328},"日本語日本書式にネイティブ対応","日本語・日本書式にネイティブ対応",[11,331,332],{},"日本の数値書式（¥1,234）・日付書式（yyyy年M月d日）・元号対応など、ローカライズではなくネイティブ実装で対応しています。",[31,334],{},[20,336,337],{"id":337},"世界水準のパッケージ効率",[11,339,340,341,344],{},"フル機能を備えながら、",[15,342,343],{},"gzip 68KB（minified 248KB）"," という世界最小クラスのバンドルサイズを実現しています。",[346,347,348,367],"table",{},[349,350,351],"thead",{},[352,353,354,358,361,364],"tr",{},[355,356,357],"th",{},"ライブラリ",[355,359,360],{},"gzip",[355,362,363],{},"数式内蔵",[355,365,366],{},"Excel I/O内蔵",[368,369,370,388,401,414,427],"tbody",{},[352,371,372,378,383,386],{},[373,374,375,377],"td",{},[15,376,17],{}," （日本）",[373,379,380],{},[15,381,382],{},"68 KB",[373,384,385],{},"✅",[373,387,385],{},[352,389,390,393,396,398],{},[373,391,392],{},"比較対象 A（海外）",[373,394,395],{},"122 KB",[373,397,385],{},[373,399,400],{},"❌",[352,402,403,406,409,411],{},[373,404,405],{},"比較対象 B（海外）",[373,407,408],{},"621 KB",[373,410,385],{},[373,412,413],{},"△",[352,415,416,419,422,425],{},[373,417,418],{},"比較対象 C（日本）",[373,420,421],{},"1,700+ KB",[373,423,424],{},"✅（別PKG）",[373,426,424],{},[352,428,429,432,435,437],{},[373,430,431],{},"比較対象 D（海外）",[373,433,434],{},"830+ KB",[373,436,385],{},[373,438,424],{},[11,440,441],{},"※弊社調べ（2026年3月）",[53,443,445],{"id":444},"世界唯一の5条件完全単一パッケージ","世界唯一の「5条件完全単一パッケージ」",[11,447,448],{},"Canvas描画・ゼロ依存・数式エンジン・Excel I/O・React/Vueラッパーのすべてを、追加パッケージなしで提供する唯一のライブラリです（主要5製品弊社調べ、2026年3月）。",[53,450,452],{"id":451},"完全日本製のcanvas型webスプレッドシート","完全日本製のCanvas型Webスプレッドシート",[11,454,455],{},"これまで海外製品で対応が難しかった日本独特の書式・帳票フォーマットに対応しています。日本国内で運用するシステムにスムーズに導入が可能です。",[31,457],{},[20,459,460],{"id":460},"エディション",[346,462,463,478],{},[349,464,465],{},[352,466,467,469,472,475],{},[355,468],{},[355,470,471],{},"Lite",[355,473,474],{},"Pro",[355,476,477],{},"Enterprise",[368,479,480,496,510,524,537,549,561,573],{},[352,481,482,485,490,493],{},[373,483,484],{},"価格",[373,486,487],{},[15,488,489],{},"無料",[373,491,492],{},"¥88,000-",[373,494,495],{},"¥165,000-",[352,497,498,501,504,507],{},[373,499,500],{},"対象",[373,502,503],{},"個人／一般アプリ",[373,505,506],{},"企業／商用アプリ",[373,508,509],{},"企業／大規模商用展開",[352,511,512,515,518,521],{},[373,513,514],{},"ドメイン数",[373,516,517],{},"無制限",[373,519,520],{},"3ドメイン",[373,522,523],{},"30ドメイン（無制限オプションあり）",[352,525,526,529,532,535],{},[373,527,528],{},"スプレッドシート機能",[373,530,531],{},"基本機能",[373,533,534],{},"フル機能",[373,536,534],{},[352,538,539,542,545,547],{},[373,540,541],{},"数式エンジン",[373,543,544],{},"基本演算",[373,546,534],{},[373,548,534],{},[352,550,551,554,557,559],{},[373,552,553],{},"Excel入出力",[373,555,556],{},"Excel読み込みのみ",[373,558,534],{},[373,560,534],{},[352,562,563,566,569,571],{},[373,564,565],{},"セルタイプ",[373,567,568],{},"一部のみ",[373,570,534],{},[373,572,534],{},[352,574,575,578,581,584],{},[373,576,577],{},"技術サポート",[373,579,580],{},"なし",[373,582,583],{},"購入日より３ヶ月間",[373,585,583],{},[11,587,588,589,592],{},"ReoGrid Webは買い切りのライセンス制を採用しています。他社製品（サブスクリプション型）は年額約150,000円/開発者〜のプランが多い中、",[15,590,591],{},"開発者3名・1ドメイン・3年間での総コストは最大約78分の1になります","（※弊社調べ）。",[11,594,595],{},"※価格は2026年3月現在の価格プラン。金額はすべて税込。最新の価格プランは公式HPにてご確認ください。",[31,597],{},[20,599,600],{"id":600},"ロードマップ",[11,602,603],{},"今後の機能追加は以下を予定しています。",[346,605,606,616],{},[349,607,608],{},[352,609,610,613],{},[355,611,612],{},"予定時期",[355,614,615],{},"内容",[368,617,618,626,634,642,650],{},[352,619,620,623],{},[373,621,622],{},"まもなく",[373,624,625],{},"条件付き書式",[352,627,628,631],{},[373,629,630],{},"2026年夏",[373,632,633],{},"オンラインPDF生成対応",[352,635,636,639],{},[373,637,638],{},"2026年秋",[373,640,641],{},"100以上のExcel関数対応",[352,643,644,647],{},[373,645,646],{},"開発予定",[373,648,649],{},"AI機能（自然言語での操作・数式開発支援）",[352,651,652,654],{},[373,653,646],{},[373,655,656],{},"データ・数式の自動補完",[31,658],{},[20,660,662],{"id":661},"まずはlite版をお試しください","まずはLite版をお試しください",[159,664,668],{"className":665,"code":666,"language":667,"meta":164,"style":164},"language-bash shiki shiki-themes github-light github-dark","npm install @reogrid/lite\n","bash",[100,669,670],{"__ignoreMap":164},[168,671,672,675,678],{"class":170,"line":171},[168,673,674],{"class":216},"npm",[168,676,677],{"class":192}," install",[168,679,680],{"class":192}," @reogrid/lite\n",[78,682,683,692,699,706],{},[81,684,685],{},[686,687,691],"a",{"href":688,"rel":689},"https://web.reogrid.net/jp",[690],"nofollow","製品サイト（日本語）",[81,693,694],{},[686,695,698],{"href":696,"rel":697},"https://reogrid.net/jp/info-require",[690],"資料請求・お問い合わせ",[81,700,701],{},[686,702,705],{"href":703,"rel":704},"https://web.reogrid.net/jp/demos",[690],"ライブデモギャラリー",[81,707,708],{},[686,709,712],{"href":710,"rel":711},"https://www.npmjs.com/package/@reogrid/lite",[690],"npmパッケージ (@reogrid/lite)",[714,715,716],"style",{},"html pre.shiki code .sJ8bj, html code.shiki .sJ8bj{--shiki-default:#6A737D;--shiki-dark:#6A737D}html pre.shiki code .szBVR, html code.shiki .szBVR{--shiki-default:#D73A49;--shiki-dark:#F97583}html pre.shiki code .sVt8B, html code.shiki .sVt8B{--shiki-default:#24292E;--shiki-dark:#E1E4E8}html pre.shiki code .sZZnC, html code.shiki .sZZnC{--shiki-default:#032F62;--shiki-dark:#9ECBFF}html pre.shiki code .sj4cs, html code.shiki .sj4cs{--shiki-default:#005CC5;--shiki-dark:#79B8FF}html pre.shiki code .sScJk, html code.shiki .sScJk{--shiki-default:#6F42C1;--shiki-dark:#B392F0}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html pre.shiki code .s9eBZ, html code.shiki .s9eBZ{--shiki-default:#22863A;--shiki-dark:#85E89D}",{"title":164,"searchDepth":178,"depth":178,"links":718},[719,720,721,729,733,734,735],{"id":22,"depth":178,"text":23},{"id":35,"depth":178,"text":36},{"id":51,"depth":178,"text":51,"children":722},[723,724,725,726,727,728],{"id":55,"depth":199,"text":56},{"id":69,"depth":199,"text":70},{"id":113,"depth":199,"text":114},{"id":137,"depth":199,"text":137},{"id":153,"depth":199,"text":154},{"id":328,"depth":199,"text":329},{"id":337,"depth":178,"text":337,"children":730},[731,732],{"id":444,"depth":199,"text":445},{"id":451,"depth":199,"text":452},{"id":460,"depth":178,"text":460},{"id":600,"depth":178,"text":600},{"id":661,"depth":178,"text":662},"2026-03-24","WebアプリにExcelライクなスプレッドシートを組み込める新製品「ReoGrid Web」を正式リリースしました。数式エンジン・Excel I/O内蔵・React/Vue対応。Lite版は無料でお試しいただけます。","md",{},"/blog/reogrid-web-release",{"title":5,"description":742},"WebアプリにExcelライクなスプレッドシートを組み込める「ReoGrid Web」を正式リリース。数式エンジン・Excel I/O内蔵・React/Vue対応の高機能JavaScriptライブラリ。Lite版（無料）、Pro版、Enterprise版を提供。","blog/reogrid-web-release",[745,746,747,748,749],"reogrid","reogrid-web","spreadsheet","release","javascript","/images/articles/reogrid-web-release.png","TIG9LcncnvVHV7VTRShP3y0wO5IpWyzpNS_uuYD8XDs",1775790822200]