[{"data":1,"prerenderedAt":3929},["ShallowReactive",2],{"blog-list-ja":3},[4,712,1116,1677,2017,2288,2960,3060,3267,3773],{"id":5,"title":6,"author":7,"body":8,"date":696,"description":697,"extension":698,"meta":699,"navigation":429,"path":700,"seo":701,"stem":703,"tags":704,"thumbnail":710,"__hash__":711},"blog/blog/reogrid-web-1-2-1-release.md","ReoGrid Web 1.2.1 リリース — 数式・編集機能を大幅に強化",null,{"type":9,"value":10,"toc":684},"minimark",[11,24,29,36,74,77,80,84,87,91,102,285,296,300,323,327,330,367,370,374,392,584,587,598,602,619,621,624,627,645,648,680],[12,13,14,15,19,20,23],"p",{},"UNVELL株式会社は、Webアプリ向けExcelライクスプレッドシートライブラリ ",[16,17,18],"strong",{},"ReoGrid Web"," の最新版 ",[16,21,22],{},"1.2.1"," をリリースしました。3月の正式リリース以降に積み重ねてきた 1.2.x シリーズの機能強化により、数式まわりと編集UXが「本当にExcelのように感じられる」水準へと進化しています。公開APIに破壊的変更はありません。",[25,26,28],"h2",{"id":27},"_121-のハイライト","1.2.1 のハイライト",[12,30,31,32,35],{},"1.2.1 では、数式編集時にグリッド上へ表示される ",[16,33,34],{},"参照範囲ハイライトのドラッグ操作"," を強化しました。",[37,38,39,46,52,60],"ul",{},[40,41,42,45],"li",{},[16,43,44],{},"破線のドラッグで範囲を移動",": 参照矩形の破線部分をドラッグすると、範囲全体を平行移動できます。",[40,47,48,51],{},[16,49,50],{},"コーナーグリップのドラッグでサイズ変更",": 矩形の四隅のグリップをドラッグすると範囲をリサイズできます。セルの中心が境界となり、ポインタがセルの中点を超えた瞬間に範囲への出入りが切り替わります（Excelおよび弊社.NET版と同じ挙動）。",[40,53,54,55,59],{},"数式テキスト中に同じ参照が複数回現れる場合も、すべての出現箇所が連動して書き換えられ、各トークンの絶対参照（",[56,57,58],"code",{},"$","）フラグも保持されます。",[40,61,62,63,66,67,66,70,73],{},"ハイライトの四隅にはリサイズ用の小さな色付き四角を描画し、ホバー時には ",[56,64,65],{},"move"," / ",[56,68,69],{},"nwse-resize",[56,71,72],{},"nesw-resize"," カーソルを表示するため、操作箇所がひと目で分かります。",[12,75,76],{},"これにより、マウス操作だけで数式の参照範囲を直感的に調整できるようになりました。",[78,79],"hr",{},[25,81,83],{"id":82},"_12x-シリーズで強化した主な機能","1.2.x シリーズで強化した主な機能",[12,85,86],{},"1.2.1 に至る 1.2.x シリーズでは、以下の大型機能を追加しています。",[88,89,90],"h3",{"id":90},"数式ライブラリを109関数へ拡張",[12,92,93,94,97,98,101],{},"検索・参照、複数条件集計、日付、数学・三角、統計、文字列、セル参照など幅広いカテゴリにわたり、",[16,95,96],{},"Excel互換の組み込み関数を109種類"," サポートします。インポートした ",[56,99,100],{},".xlsx"," ファイル内の数式もそのまま動作します。",[103,104,105,118],"table",{},[106,107,108],"thead",{},[109,110,111,115],"tr",{},[112,113,114],"th",{},"カテゴリ",[112,116,117],{},"関数の例",[119,120,121,148,167,201,235,263],"tbody",{},[109,122,123,127],{},[124,125,126],"td",{},"検索／参照",[124,128,129,132,133,132,136,132,139,132,142,132,145],{},[56,130,131],{},"VLOOKUP",", ",[56,134,135],{},"HLOOKUP",[56,137,138],{},"INDEX",[56,140,141],{},"MATCH",[56,143,144],{},"XLOOKUP",[56,146,147],{},"XMATCH",[109,149,150,153],{},[124,151,152],{},"複数条件集計",[124,154,155,132,158,132,161,132,164],{},[56,156,157],{},"SUMIFS",[56,159,160],{},"COUNTIFS",[56,162,163],{},"AVERAGEIFS",[56,165,166],{},"SUMPRODUCT",[109,168,169,172],{},[124,170,171],{},"日付",[124,173,174,132,177,132,180,132,183,132,186,132,189,132,192,132,195,132,198],{},[56,175,176],{},"TODAY",[56,178,179],{},"NOW",[56,181,182],{},"YEAR",[56,184,185],{},"MONTH",[56,187,188],{},"DAY",[56,190,191],{},"WEEKDAY",[56,193,194],{},"EDATE",[56,196,197],{},"EOMONTH",[56,199,200],{},"DATEDIF",[109,202,203,206],{},[124,204,205],{},"数学／三角",[124,207,208,132,211,132,214,132,217,132,220,132,223,132,226,132,229,132,232],{},[56,209,210],{},"EXP",[56,212,213],{},"LN",[56,215,216],{},"LOG",[56,218,219],{},"SIN",[56,221,222],{},"COS",[56,224,225],{},"TAN",[56,227,228],{},"ATAN2",[56,230,231],{},"RAND",[56,233,234],{},"RANDBETWEEN",[109,236,237,240],{},[124,238,239],{},"統計",[124,241,242,132,245,132,248,132,251,132,254,132,257,132,260],{},[56,243,244],{},"MEDIAN",[56,246,247],{},"LARGE",[56,249,250],{},"SMALL",[56,252,253],{},"RANK",[56,255,256],{},"CEILING",[56,258,259],{},"FLOOR",[56,261,262],{},"MROUND",[109,264,265,268],{},[124,266,267],{},"文字列",[124,269,270,132,273,132,276,132,279,132,282],{},[56,271,272],{},"SEARCH",[56,274,275],{},"EXACT",[56,277,278],{},"PROPER",[56,280,281],{},"CHAR",[56,283,284],{},"CODE",[12,286,287,288,291,292,295],{},"引数の順序やハマりやすい挙動もExcelに準拠しています。たとえばExcelの ",[56,289,290],{},"ATAN2(x, y)"," はJavaScriptの ",[56,293,294],{},"Math.atan2(y, x)"," と引数順が逆ですが、本ライブラリはExcelに従います。",[88,297,299],{"id":298},"excelライクな数式参照編集","Excelライクな数式参照編集",[12,301,302,303,306,307,310,311,314,315,318,319,322],{},"セルに ",[56,304,305],{},"="," を入力して数式を編集すると、入力したすべての参照（",[56,308,309],{},"A1","、",[56,312,313],{},"B2:D10"," など）が共有の8色パレットで ",[16,316,317],{},"インライン色分け"," され、グリッド側にも同色の ",[16,320,321],{},"破線の矩形"," が描かれます。別のセルをクリックするとそのアドレスがキャレット位置に挿入され、ドラッグで範囲に拡張できます。参照が結合セルにかかる場合、ハイライトは結合範囲全体を囲むように拡張されます。",[88,324,326],{"id":325},"オートフィルフィルハンドル","オートフィル（フィルハンドル）",[12,328,329],{},"選択範囲の右下に表示される小さな四角をドラッグして、値を上下左右に拡張できます。",[37,331,332,338,352,358],{},[40,333,334,337],{},[16,335,336],{},"単一セル",": 値をそのまま敷き詰めます。",[40,339,340,343,344,347,348,351],{},[16,341,342],{},"2つ以上の数値セル",": 等差数列として外挿します（",[56,345,346],{},"1, 2"," → ",[56,349,350],{},"3, 4, 5","）。",[40,353,354,357],{},[16,355,356],{},"日付形式のセル",": 1ステップごとに1日加算します。",[40,359,360,363,364,366],{},[16,361,362],{},"数式セル",": Excelと同じく相対参照をシフトし、絶対参照 ",[56,365,58],{}," は保持します。",[12,368,369],{},"スタイル・表示形式・セル種別も新しい範囲に伝播し、undo/redoにも完全対応しています。",[88,371,373],{"id":372},"reactvue向けの慣用的なイベントprops","React／Vue向けの慣用的なイベントProps",[12,375,376,377,380,381,380,384,387,388,391],{},"ワークシートのイベントを、Reactでは Props、Vueでは emit として直接受け取れるようになりました。",[56,378,379],{},"onSelectionChange","・",[56,382,383],{},"onCellValueChange",[56,385,386],{},"onScrollChange"," などを宣言的に記述でき、",[56,389,390],{},"worksheet.on*()"," を命令的に呼ぶ必要がありません。",[393,394,399],"pre",{"className":395,"code":396,"language":397,"meta":398,"style":398},"language-tsx shiki shiki-themes github-light github-dark","import { Reogrid } from '@reogrid/pro/react';\n\n\u003CReogrid\n  onReady={({ worksheet }) => worksheet.cell('A1').setValue('Hello')}\n  onSelectionChange={(range) => console.log('selected', range)}\n  onCellValueChange={({ row, column, newValue }) => save(row, column, newValue)}\n  style={{ width: '100%', height: 500 }}\n/>\n","tsx","",[56,400,401,424,431,441,489,522,555,578],{"__ignoreMap":398},[402,403,406,410,414,417,421],"span",{"class":404,"line":405},"line",1,[402,407,409],{"class":408},"szBVR","import",[402,411,413],{"class":412},"sVt8B"," { Reogrid } ",[402,415,416],{"class":408},"from",[402,418,420],{"class":419},"sZZnC"," '@reogrid/pro/react'",[402,422,423],{"class":412},";\n",[402,425,427],{"class":404,"line":426},2,[402,428,430],{"emptyLinePlaceholder":429},true,"\n",[402,432,434,437],{"class":404,"line":433},3,[402,435,436],{"class":412},"\u003C",[402,438,440],{"class":439},"sj4cs","Reogrid\n",[402,442,444,448,450,453,457,460,463,466,469,472,475,478,481,483,486],{"class":404,"line":443},4,[402,445,447],{"class":446},"sScJk","  onReady",[402,449,305],{"class":408},[402,451,452],{"class":412},"{({ ",[402,454,456],{"class":455},"s4XuR","worksheet",[402,458,459],{"class":412}," }) ",[402,461,462],{"class":408},"=>",[402,464,465],{"class":412}," worksheet.",[402,467,468],{"class":446},"cell",[402,470,471],{"class":412},"(",[402,473,474],{"class":419},"'A1'",[402,476,477],{"class":412},").",[402,479,480],{"class":446},"setValue",[402,482,471],{"class":412},[402,484,485],{"class":419},"'Hello'",[402,487,488],{"class":412},")}\n",[402,490,492,495,497,500,503,506,508,511,514,516,519],{"class":404,"line":491},5,[402,493,494],{"class":446},"  onSelectionChange",[402,496,305],{"class":408},[402,498,499],{"class":412},"{(",[402,501,502],{"class":455},"range",[402,504,505],{"class":412},") ",[402,507,462],{"class":408},[402,509,510],{"class":412}," console.",[402,512,513],{"class":446},"log",[402,515,471],{"class":412},[402,517,518],{"class":419},"'selected'",[402,520,521],{"class":412},", range)}\n",[402,523,525,528,530,532,535,537,540,542,545,547,549,552],{"class":404,"line":524},6,[402,526,527],{"class":446},"  onCellValueChange",[402,529,305],{"class":408},[402,531,452],{"class":412},[402,533,534],{"class":455},"row",[402,536,132],{"class":412},[402,538,539],{"class":455},"column",[402,541,132],{"class":412},[402,543,544],{"class":455},"newValue",[402,546,459],{"class":412},[402,548,462],{"class":408},[402,550,551],{"class":446}," save",[402,553,554],{"class":412},"(row, column, newValue)}\n",[402,556,558,561,563,566,569,572,575],{"class":404,"line":557},7,[402,559,560],{"class":446},"  style",[402,562,305],{"class":408},[402,564,565],{"class":412},"{{ width: ",[402,567,568],{"class":419},"'100%'",[402,570,571],{"class":412},", height: ",[402,573,574],{"class":439},"500",[402,576,577],{"class":412}," }}\n",[402,579,581],{"class":404,"line":580},8,[402,582,583],{"class":412},"/>\n",[88,585,586],{"id":586},"条件付き書式の辺ごとの罫線オーバーライド",[12,588,589,590,593,594,597],{},"条件付き書式のルールに ",[56,591,592],{},"border"," ペイロードを持たせ、ルールに合致したセルの罫線を辺単位（右／上／下／左）で上書きできるようになりました。xlsx の ",[56,595,596],{},"\u003Cdxf>\u003Cborder>"," 経由でラウンドトリップするため、Excelでロード→保存しても書式が維持されます。",[88,599,601],{"id":600},"描画エンジンの高速化canvas呼び出しを約70削減","描画エンジンの高速化（Canvas呼び出しを約70%削減）",[12,603,604,605,380,608,380,611,614,615,618],{},"Canvas描画パスに ",[56,606,607],{},"ctx.font",[56,609,610],{},"ctx.fillStyle",[56,612,613],{},"measureText","、および折り返し／複数行テキストレイアウトのフレーム単位キャッシュを追加し、テキストの多いシートでスクロール時のCanvas API呼び出しを ",[16,616,617],{},"1フレームあたり約70%以上削減"," しました。密なシートでもスクロール時のフレームレートが安定します。",[78,620],{},[25,622,623],{"id":623},"使い始める",[12,625,626],{},"Lite版はライセンスキー不要で、npmからすぐにお試しいただけます。",[393,628,632],{"className":629,"code":630,"language":631,"meta":398,"style":398},"language-bash shiki shiki-themes github-light github-dark","npm install @reogrid/lite\n","bash",[56,633,634],{"__ignoreMap":398},[402,635,636,639,642],{"class":404,"line":405},[402,637,638],{"class":446},"npm",[402,640,641],{"class":419}," install",[402,643,644],{"class":419}," @reogrid/lite\n",[12,646,647],{},"Pro版では109関数の数式ライブラリ、xlsxエクスポート、フルセットのセル種別などが利用可能になります。",[37,649,650,659,666,673],{},[40,651,652],{},[653,654,658],"a",{"href":655,"rel":656},"https://web.reogrid.net/jp",[657],"nofollow","製品サイト（日本語）",[40,660,661],{},[653,662,665],{"href":663,"rel":664},"https://web.reogrid.net/jp/demos",[657],"ライブデモギャラリー",[40,667,668],{},[653,669,672],{"href":670,"rel":671},"https://reogrid.net/jp/info-require",[657],"資料請求・お問い合わせ",[40,674,675],{},[653,676,679],{"href":677,"rel":678},"https://www.npmjs.com/package/@reogrid/lite",[657],"npmパッケージ (@reogrid/lite)",[681,682,683],"style",{},"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 pre.shiki code .s4XuR, html code.shiki .s4XuR{--shiki-default:#E36209;--shiki-dark:#FFAB70}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);}",{"title":398,"searchDepth":426,"depth":426,"links":685},[686,687,695],{"id":27,"depth":426,"text":28},{"id":82,"depth":426,"text":83,"children":688},[689,690,691,692,693,694],{"id":90,"depth":433,"text":90},{"id":298,"depth":433,"text":299},{"id":325,"depth":433,"text":326},{"id":372,"depth":433,"text":373},{"id":586,"depth":433,"text":586},{"id":600,"depth":433,"text":601},{"id":623,"depth":426,"text":623},"2026-05-15","ReoGrid Web 1.2.1 をリリースしました。109種類の組み込み数式、Excelライクな色分け数式参照編集、オートフィル、ドラッグによる参照範囲の移動・サイズ変更、React/Vue向けイベントProps、描画エンジンの高速化など、編集体験を大幅に強化しています。","md",{},"/blog/reogrid-web-1-2-1-release",{"title":6,"description":702},"ReoGrid Web 1.2.x で編集体験を大幅強化。109種類の組み込み数式、色分け数式参照編集、ドラッグでの参照移動・サイズ変更、オートフィル、React/Vueイベントprops、Canvas描画の約70%高速化。API互換性は維持。","blog/reogrid-web-1-2-1-release",[705,706,707,708,709],"reogrid","reogrid-web","spreadsheet","release","javascript","/images/articles/reogrid-web-release.png","STLpRaBap2lNOoiyKh8sF_vbdyPAVTX7laQIZEVEqEQ",{"id":713,"title":714,"author":7,"body":715,"date":1104,"description":1105,"extension":698,"meta":1106,"navigation":429,"path":1107,"seo":1108,"stem":1110,"tags":1111,"thumbnail":739,"__hash__":1115},"blog/blog/reogrid-studio-release.md","ReoGrid Studio リリース — 自然言語でオンライン表計算シートを作成、AIエージェント向けMCPにも対応",{"type":9,"value":716,"toc":1092},[717,734,740,744,751,758,760,764,768,774,780,787,791,794,805,824,832,835,837,840,854,923,930,932,936,939,950,953,955,959,967,1001,1004,1009,1012,1014,1017,1044,1047,1065,1067,1070,1073,1089],[12,718,719,720,723,724,729,730,733],{},"UNVELL株式会社は、ブラウザ上で動作するオンライン表計算サービス ",[16,721,722],{},"ReoGrid Studio","（",[653,725,728],{"href":726,"rel":727},"https://studio.reogrid.net",[657],"studio.reogrid.net","）をリリースしました。自然言語で表計算シートを作成・編集できるほか、公開MCPエンドポイントを通じて ",[16,731,732],{},"AIエージェントが分析結果を実際のスプレッドシートとして公開・共有"," できる点が最大の特徴です。",[12,735,736],{},[737,738],"img",{"alt":722,"src":739},"/images/articles/reogrid-studio-release.jpg",[25,741,743],{"id":742},"なぜ-reogrid-studio-なのか","なぜ ReoGrid Studio なのか",[12,745,746,747,750],{},"今日のAIツールの多くは、スプレッドシートを分析して合計を計算したり予測を立てたりしても、その結果をチャット上の ",[16,748,749],{},"Markdownの表"," として返すだけです。実際に活用するには、その表を手作業で本物の表計算ソフトに貼り付け直す必要がありました。",[12,752,753,754,757],{},"ReoGrid Studio は、このギャップを埋めます。AIが表を組み立てて短縮URLを返し、受け取った人がそのURLを開くと、選択・フィルター・コピー・共有ができる ",[16,755,756],{},"実際に操作可能なスプレッドシート"," がそのまま表示されます。",[78,759],{},[25,761,763],{"id":762},"_2つの役割","2つの役割",[88,765,767],{"id":766},"_1-自然言語によるシート作成","1. 自然言語によるシート作成",[12,769,770,773],{},[653,771,728],{"href":726,"rel":772},[657]," を開き、作りたい表を言葉で入力するだけで、その場でスプレッドシートが描画されます。",[775,776,777],"blockquote",{},[12,778,779],{},"「3つの地域、月別合計、SUM列を含む第1四半期の売上サマリーを作って」",[12,781,782,783,786],{},"グリッドはリアルタイムに更新され、チャットで対話しながら何度でも修正できます。",[16,784,785],{},"「公開」"," ボタンを押すと共有用の短縮URLが発行されます。これが製品への入り口です。",[88,788,790],{"id":789},"_2-aiの可視化エンドポイント","2. AIの可視化エンドポイント",[12,792,793],{},"ReoGrid Studio の本質はこちらにあります。データを分析したあらゆるAIが、その結果を本物のスプレッドシートとして公開し、ユーザーにURLを手渡せます。",[12,795,796,797,800,801,804],{},"これは ",[16,798,799],{},"MCP（Model Context Protocol）"," を通じて実現されています。Claude Code・Claude Desktop・Cursor、あるいは Anthropic API 上に構築されたアプリケーションなどのAIクライアントが ",[56,802,803],{},"https://api-studio.reogrid.net/studio/mcp"," に接続し、次の流れで動作します。",[806,807,808,811,818,821],"ol",{},[40,809,810],{},"スプレッドシートのスキーマ（セル・スタイル・数式・フィルター・ウィンドウ枠固定など）を読み取る",[40,812,813,814,817],{},"分析済みデータから ",[56,815,816],{},"ReoGridJsonDocument"," を組み立てる",[40,819,820],{},"それを公開し、公開URLを受け取る",[40,822,823],{},"ユーザーにURLを手渡す",[393,825,830],{"className":826,"code":828,"language":829},[827],"language-text","あなたのアプリ ──► AI分析 ──► publish_sheet(doc) ──► { url }\n                                                       │\n                                                       ▼\n                       ユーザーが https://studio.reogrid.net/{shortId} を開く\n","text",[56,831,828],{"__ignoreMap":398},[12,833,834],{},"AIが分析を行い、MCPを呼び出してURLを受け取り、そのURLが返信の一部になる。ユーザーはクリックするだけ。これがやり取りのすべてです。連携用のSDKも、ホスティングするインフラも、データのエクスポート処理も必要ありません。",[78,836],{},[25,838,839],{"id":839},"今すぐ使える機能",[12,841,842,843,850,851,853],{},"ワイヤーフォーマットは ",[653,844,847],{"href":845,"rel":846},"https://www.npmjs.com/package/@reogrid/pro",[657],[56,848,849],{},"@reogrid/pro"," の正規の ",[56,852,816],{},"、つまりブラウザ版 ReoGrid Web を動かしているものと同じJSONです。Studio が初日から対応する機能は次のとおりです。",[103,855,856,865],{},[106,857,858],{},[109,859,860,862],{},[112,861,114],{},[112,863,864],{},"例",[119,866,867,875,883,891,899,907,915],{},[109,868,869,872],{},[124,870,871],{},"コア",[124,873,874],{},"セル値、Excel式の数式、共有スタイル、セル結合、罫線",[109,876,877,880],{},[124,878,879],{},"レイアウト",[124,881,882],{},"行／列の固定、行高・列幅のカスタマイズ、交互行",[109,884,885,888],{},[124,886,887],{},"数値書式",[124,889,890],{},"通貨・日付・パーセント・指数などのカスタム書式",[109,892,893,896],{},[124,894,895],{},"操作",[124,897,898],{},"ヘッダー範囲のオートフィルター、ソート、オートフィル、範囲コピー＆ペースト",[109,900,901,904],{},[124,902,903],{},"セル型",[124,905,906],{},"チェックボックス、ドロップダウン、評価（★）、進捗バー、スパークライン、ハイパーリンク、ボタン",[109,908,909,912],{},[124,910,911],{},"条件付き書式",[124,913,914],{},"カラースケール、データバー、値ベースのハイライト、上位N件",[109,916,917,920],{},[124,918,919],{},"リッチ",[124,921,922],{},"リッチテキスト（1セル内での太字・斜体・色の混在）、アウトライングループ",[12,924,925,926,929],{},"公開ビューは ",[16,927,928],{},"インタラクティブな閲覧専用"," です。閲覧者は選択・スクロール・コピー・ソート・フィルター・ウィジェット操作ができますが、公開されたデータを変更することはできません。「共有リンク」ビューとして理想的な形であり、受け取った人は自由に探索し、必要なものを取り出し、表示内容が公開時のスナップショットであると信頼できます。",[78,931],{},[25,933,935],{"id":934},"無料登録不要レート制限あり","無料・登録不要・レート制限あり",[12,937,938],{},"ReoGrid Studio は現在、完全に無料でご利用いただけます。ログインもAPIキーも不要です。",[12,940,941,942,945,946,949],{},"唯一の制限は、匿名サーフェスを健全に保つための ",[16,943,944],{},"1時間あたり30回（IPごと）"," という公開回数の上限のみです。公開されたシートは無期限で保持され、短縮URLは14文字のflickr-base58形式（例: ",[56,947,948],{},"9mkzWpAibo4K34","）です。",[12,951,952],{},"より高い上限やチーム向け機能を備えた商用プランはロードマップにありますが、具体的な価格やパッケージは意図的にフェーズ2の作業としています。AIツール連携を拡大していく間、参入のハードルはゼロのままにしておきます。",[78,954],{},[25,956,958],{"id":957},"claude-code-から使う","Claude Code から使う",[12,960,961,966],{},[653,962,965],{"href":963,"rel":964},"https://claude.com/claude-code",[657],"Claude Code"," はリモートMCPサーバーに標準対応しています。次の1コマンドでStudioのMCPを追加できます。",[393,968,970],{"className":629,"code":969,"language":631,"meta":398,"style":398},"claude mcp add --transport http --scope user reogrid-studio https://api-studio.reogrid.net/studio/mcp\n",[56,971,972],{"__ignoreMap":398},[402,973,974,977,980,983,986,989,992,995,998],{"class":404,"line":405},[402,975,976],{"class":446},"claude",[402,978,979],{"class":419}," mcp",[402,981,982],{"class":419}," add",[402,984,985],{"class":439}," --transport",[402,987,988],{"class":419}," http",[402,990,991],{"class":439}," --scope",[402,993,994],{"class":419}," user",[402,996,997],{"class":419}," reogrid-studio",[402,999,1000],{"class":419}," https://api-studio.reogrid.net/studio/mcp\n",[12,1002,1003],{},"あとは任意のプロジェクトでClaude Codeを開き、次のように依頼するだけです。",[775,1005,1006],{},[12,1007,1008],{},"「第1四半期の売上：東京 1200/1450/1600、大阪 900/1100/1250、名古屋 700/850/950（1月/2月/3月）。月別合計と四半期合計列を入れたスプレッドシートを作って、reogrid-studio で公開して。」",[12,1010,1011],{},"Claude Code は Studio のツールを自律的に使い、最後に公開URLを返します。クリックすれば、あなたのスプレッドシートが表示されます。Claude Desktop・Cursor・Anthropic API からの利用方法は、英語版の設定ガイドをご参照ください。",[78,1013],{},[25,1015,1016],{"id":1016},"まずは試してみてください",[37,1018,1019,1029,1035],{},[40,1020,1021,1024,1025,1028],{},[16,1022,1023],{},"ブラウザで",": ",[653,1026,728],{"href":726,"rel":1027},[657]," を開き、作りたい表を言葉で入力する",[40,1030,1031,1034],{},[16,1032,1033],{},"AIクライアントから",": 上記のMCP設定を追加し、「このデータからスプレッドシートを作って」と依頼する",[40,1036,1037,1024,1040,1043],{},[16,1038,1039],{},"アプリケーションから",[56,1041,1042],{},"POST https://api-studio.reogrid.net/studio/mcp","（JSON-RPC 2.0）",[12,1045,1046],{},"AIが分析できるものは、すべて実際に操作できるスプレッドシートとして表示できるようになりました。",[12,1048,1049,1050,1058,1059,1061,1062,1064],{},"ReoGrid Studio は、ブラウザネイティブのスプレッドシートライブラリ ",[653,1051,1053,723,1055,1057],{"href":845,"rel":1052},[657],[16,1054,18],{},[56,1056,849],{},"）"," の上に構築されています。共有された ",[56,1060,816],{}," 形式により、Studio で公開したシートはあらゆる ",[56,1063,849],{}," 環境で読み込め、その逆も可能です。",[78,1066],{},[25,1068,1069],{"id":1069},"さらに詳しく",[12,1071,1072],{},"ReoGrid公式サイトでは、より詳しい解説記事を公開しています。",[37,1074,1075,1082],{},[40,1076,1077],{},[653,1078,1081],{"href":1079,"rel":1080},"https://reogrid.net/jp/blog/introducing-reogrid-studio",[657],"ReoGrid Studio のご紹介 — AIエージェントのためのスプレッドシートエンドポイント",[40,1083,1084],{},[653,1085,1088],{"href":1086,"rel":1087},"https://reogrid.net/jp/blog/use-reogrid-studio-from-claude-code",[657],"Claude Code（およびその他のMCPクライアント）から ReoGrid Studio を使う",[681,1090,1091],{},"html pre.shiki code .sScJk, html code.shiki .sScJk{--shiki-default:#6F42C1;--shiki-dark:#B392F0}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 .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);}",{"title":398,"searchDepth":426,"depth":426,"links":1093},[1094,1095,1099,1100,1101,1102,1103],{"id":742,"depth":426,"text":743},{"id":762,"depth":426,"text":763,"children":1096},[1097,1098],{"id":766,"depth":433,"text":767},{"id":789,"depth":433,"text":790},{"id":839,"depth":426,"text":839},{"id":934,"depth":426,"text":935},{"id":957,"depth":426,"text":958},{"id":1016,"depth":426,"text":1016},{"id":1069,"depth":426,"text":1069},"2026-05-12","UNVELL株式会社は、ブラウザ上で動作するオンライン表計算サービス「ReoGrid Studio」をリリースしました。自然言語で表を作成・編集でき、公開MCPエンドポイントを通じてAIエージェントが分析結果を実際のスプレッドシートとして公開・共有できます。",{},"/blog/reogrid-studio-release",{"title":714,"description":1109},"ReoGrid Studio はブラウザ上のオンライン表計算サービス。自然言語で表を作成し、短縮URLで共有できます。公開MCPエンドポイントによりClaude CodeなどのAIエージェントが分析結果を実際のスプレッドシートとして公開できます。無料・登録不要。","blog/reogrid-studio-release",[705,1112,707,1113,1114,976],"reogrid-studio","ai","mcp","btGbHEct-qArzkxazCCwYOrxcRu7lyaLQEIJNkbf3QA",{"id":1117,"title":1118,"author":7,"body":1119,"date":1665,"description":1666,"extension":698,"meta":1667,"navigation":429,"path":1668,"seo":1669,"stem":1671,"tags":1672,"thumbnail":1675,"__hash__":1676},"blog/blog/reogrid-v4-4-release.md","ReoGrid 4.4 リリースのご案内 — 大規模データ処理の性能改善",{"type":9,"value":1120,"toc":1647},[1121,1124,1132,1143,1150,1152,1155,1178,1181,1183,1186,1246,1248,1251,1255,1261,1294,1351,1357,1361,1366,1396,1405,1410,1414,1423,1453,1473,1478,1480,1483,1486,1522,1524,1528,1531,1534,1548,1551,1554,1574,1576,1579,1582,1591,1594,1605,1607,1610,1617,1620,1623,1625,1628,1644],[25,1122,1123],{"id":1123},"はじめに",[12,1125,1126,1131],{},[653,1127,1130],{"href":1128,"rel":1129},"https://github.com/unvell/ReoGrid",[657],"ReoGrid"," は、WinForms および WPF アプリケーションに Excel ライクなスプレッドシート機能を組み込める .NET コンポーネントです。",[12,1133,1134,1135,1138,1139,1142],{},"このたびリリースいたしました ",[16,1136,1137],{},"ReoGrid 4.4"," は、API の互換性を維持したまま、",[16,1140,1141],{},"処理性能を大幅に改善","したバージョンです。お客様より多くお寄せいただいておりました「大量データ処理時の応答性」「ソート処理の所要時間」に関するご要望に対応し、4.3 系で時間を要していた処理を大きく高速化いたしました。",[12,1144,1145,1146,1149],{},"本記事では、4.4 における主な改善点を、",[16,1147,1148],{},"v4.3.13 と v4.4.0 を同一環境で計測した実測値","とともにご紹介いたします。",[78,1151],{},[25,1153,1154],{"id":1154},"主な改善点",[37,1156,1157,1163,1169],{},[40,1158,1159,1162],{},[16,1160,1161],{},"条件付き書式を伴う大量データ投入",": 約 11,700 倍（70 秒 → 6 ミリ秒）",[40,1164,1165,1168],{},[16,1166,1167],{},"1 万行のソート処理",": 約 10 倍高速化",[40,1170,1171,1177],{},[16,1172,1173,1176],{},[56,1174,1175],{},"SetRangeData"," による 20 万セルの一括ロード",": 約 3 倍高速化",[12,1179,1180],{},"バージョンを 4.3.13 から 4.4.0 へアップグレードしていただくのみで、既存コードの変更は不要です。",[78,1182],{},[25,1184,1185],{"id":1185},"計測環境",[103,1187,1188,1198],{},[106,1189,1190],{},[109,1191,1192,1195],{},[112,1193,1194],{},"項目",[112,1196,1197],{},"内容",[119,1199,1200,1208,1216,1224,1238],{},[109,1201,1202,1205],{},[124,1203,1204],{},"CPU",[124,1206,1207],{},"AMD Ryzen 9 9900X (12 コア / 24 スレッド)",[109,1209,1210,1213],{},[124,1211,1212],{},"OS",[124,1214,1215],{},"Windows 11 Pro",[109,1217,1218,1221],{},[124,1219,1220],{},"Runtime",[124,1222,1223],{},".NET 8.0 (x64, Release ビルド)",[109,1225,1226,1229],{},[124,1227,1228],{},"比較対象",[124,1230,1231,1234,1235],{},[56,1232,1233],{},"v4.3.13"," ↔ ",[56,1236,1237],{},"v4.4.0",[109,1239,1240,1243],{},[124,1241,1242],{},"測定方法",[124,1244,1245],{},"各シナリオ warmup 1 回 + 計測 3 回、min / median を採用",[78,1247],{},[25,1249,1250],{"id":1250},"性能改善の詳細",[88,1252,1254],{"id":1253},"_1-条件付き書式と大量データ投入約-11700-倍の高速化","1. 条件付き書式と大量データ投入：約 11,700 倍の高速化",[12,1256,1257,1260],{},[16,1258,1259],{},"シナリオ",": A1:A5000 に「値が 100 を超えた場合に文字色を赤にする」条件付き書式を 1 件設定し、5000 セルに値を順次書き込む処理。",[103,1262,1263,1274],{},[106,1264,1265],{},[109,1266,1267,1270],{},[112,1268,1269],{},"バージョン",[112,1271,1273],{"align":1272},"right","所要時間",[119,1275,1276,1283],{},[109,1277,1278,1280],{},[124,1279,1233],{},[124,1281,1282],{"align":1272},"70,175 ms（約 70 秒）",[109,1284,1285,1289],{},[124,1286,1287],{},[16,1288,1237],{},[124,1290,1291],{"align":1272},[16,1292,1293],{},"6 ms",[393,1295,1299],{"className":1296,"code":1297,"language":1298,"meta":398,"style":398},"language-csharp shiki shiki-themes github-light github-dark","sheet.ConditionalStyles.Add(new Rule(\"THIS > 100\", \"A1:A5000\", new WorksheetRangeStyle\n{\n    Flag = PlainStyleFlag.TextColor,\n    TextColor = SolidColor.Red,\n}));\n\nfor (int r = 0; r \u003C 5000; r++)\n{\n    sheet[r, 0] = r;\n}\n","csharp",[56,1300,1301,1306,1311,1316,1321,1326,1330,1335,1339,1345],{"__ignoreMap":398},[402,1302,1303],{"class":404,"line":405},[402,1304,1305],{},"sheet.ConditionalStyles.Add(new Rule(\"THIS > 100\", \"A1:A5000\", new WorksheetRangeStyle\n",[402,1307,1308],{"class":404,"line":426},[402,1309,1310],{},"{\n",[402,1312,1313],{"class":404,"line":433},[402,1314,1315],{},"    Flag = PlainStyleFlag.TextColor,\n",[402,1317,1318],{"class":404,"line":443},[402,1319,1320],{},"    TextColor = SolidColor.Red,\n",[402,1322,1323],{"class":404,"line":491},[402,1324,1325],{},"}));\n",[402,1327,1328],{"class":404,"line":524},[402,1329,430],{"emptyLinePlaceholder":429},[402,1331,1332],{"class":404,"line":557},[402,1333,1334],{},"for (int r = 0; r \u003C 5000; r++)\n",[402,1336,1337],{"class":404,"line":580},[402,1338,1310],{},[402,1340,1342],{"class":404,"line":1341},9,[402,1343,1344],{},"    sheet[r, 0] = r;\n",[402,1346,1348],{"class":404,"line":1347},10,[402,1349,1350],{},"}\n",[12,1352,1353,1356],{},[16,1354,1355],{},"業務上の効果",": 条件付き書式を設定済みの帳票テンプレートに対し、外部システムから取得したデータを流し込むような処理が、滞りなく実行できるようになります。",[88,1358,1360],{"id":1359},"_2-1-万行のソート約-10-倍の高速化","2. 1 万行のソート：約 10 倍の高速化",[12,1362,1363,1365],{},[16,1364,1259],{},": 1 万行 × 5 列のランダム整数を A 列で昇順ソート。",[103,1367,1368,1376],{},[106,1369,1370],{},[109,1371,1372,1374],{},[112,1373,1269],{},[112,1375,1273],{"align":1272},[119,1377,1378,1385],{},[109,1379,1380,1382],{},[124,1381,1233],{},[124,1383,1384],{"align":1272},"397 ms",[109,1386,1387,1391],{},[124,1388,1389],{},[16,1390,1237],{},[124,1392,1393],{"align":1272},[16,1394,1395],{},"39 ms",[393,1397,1399],{"className":1296,"code":1398,"language":1298,"meta":398,"style":398},"sheet.SortColumn(0, new RangePosition(0, 0, 10000, 5), SortOrder.Ascending);\n",[56,1400,1401],{"__ignoreMap":398},[402,1402,1403],{"class":404,"line":405},[402,1404,1398],{},[12,1406,1407,1409],{},[16,1408,1355],{},": Excel と同等の操作感で、画面上のグリッドに対する大規模データの並べ替えを行うことができます。",[88,1411,1413],{"id":1412},"_3-setrangedata-による一括ロード約-3-倍の高速化","3. SetRangeData による一括ロード：約 3 倍の高速化",[12,1415,1416,1418,1419,1422],{},[16,1417,1259],{},": 10,000 行 × 20 列（合計 20 万セル）の 2 次元配列を ",[56,1420,1421],{},"SetRangeData()"," にて一括投入。",[103,1424,1425,1433],{},[106,1426,1427],{},[109,1428,1429,1431],{},[112,1430,1269],{},[112,1432,1273],{"align":1272},[119,1434,1435,1442],{},[109,1436,1437,1439],{},[124,1438,1233],{},[124,1440,1441],{"align":1272},"326 ms",[109,1443,1444,1448],{},[124,1445,1446],{},[16,1447,1237],{},[124,1449,1450],{"align":1272},[16,1451,1452],{},"104 ms",[393,1454,1456],{"className":1296,"code":1455,"language":1298,"meta":398,"style":398},"var data = new object[10000, 20];\n// ... データを設定 ...\nsheet.SetRangeData(new RangePosition(0, 0, 10000, 20), data);\n",[56,1457,1458,1463,1468],{"__ignoreMap":398},[402,1459,1460],{"class":404,"line":405},[402,1461,1462],{},"var data = new object[10000, 20];\n",[402,1464,1465],{"class":404,"line":426},[402,1466,1467],{},"// ... データを設定 ...\n",[402,1469,1470],{"class":404,"line":433},[402,1471,1472],{},"sheet.SetRangeData(new RangePosition(0, 0, 10000, 20), data);\n",[12,1474,1475,1477],{},[16,1476,1355],{},": データベースや CSV から取得したレコードをグリッドへ反映する初期ロード処理の所要時間が短縮されます。",[78,1479],{},[25,1481,1482],{"id":1482},"バグ修正",[12,1484,1485],{},"主なバグ修正は以下のとおりです。",[37,1487,1488,1497,1508,1514],{},[40,1489,1490,1493,1494,1057],{},[16,1491,1492],{},"数式パーサ",": 単項プラス演算子に対応（例: ",[56,1495,1496],{},"=+D25-F8-F14",[40,1498,1499,1501,1502,310,1505,1057],{},[16,1500,1492],{},": クォート付きシート名参照に対応（例: ",[56,1503,1504],{},"'BS（円）'!B3",[56,1506,1507],{},"'My Sheet'!A1",[40,1509,1510,1513],{},[16,1511,1512],{},"ソート",": 数式セルがソート時に元の位置に残る問題を修正。Excel と同様に、数式は行とともに移動するようになりました",[40,1515,1516,1024,1518,1521],{},[16,1517,911],{},[56,1519,1520],{},"ClearConditionalStyles"," におけるルール解除順序の不具合を修正",[78,1523],{},[25,1525,1527],{"id":1526},"api-の変更点","API の変更点",[12,1529,1530],{},"互換性への影響は最小限ですが、以下の API が変更されております。",[88,1532,1533],{"id":1533},"削除",[37,1535,1536,1542],{},[40,1537,1538,1541],{},[56,1539,1540],{},"Worksheet.ConditionalStyleApplyCells"," プロパティ",[40,1543,1544,1547],{},[56,1545,1546],{},"ConditionalStyleApplyCellCollection"," クラス",[12,1549,1550],{},"代替として、以下のメソッドをご利用ください。",[88,1552,1553],{"id":1553},"追加",[393,1555,1557],{"className":1296,"code":1556,"language":1298,"meta":398,"style":398},"bool hasStyle = worksheet.HasConditionalStyle(row, col);\nbool hasStyle = worksheet.HasConditionalStyle(new CellPosition(\"A1\"));\nbool hasStyle = cell.HasConditionalStyles;\n",[56,1558,1559,1564,1569],{"__ignoreMap":398},[402,1560,1561],{"class":404,"line":405},[402,1562,1563],{},"bool hasStyle = worksheet.HasConditionalStyle(row, col);\n",[402,1565,1566],{"class":404,"line":426},[402,1567,1568],{},"bool hasStyle = worksheet.HasConditionalStyle(new CellPosition(\"A1\"));\n",[402,1570,1571],{"class":404,"line":433},[402,1572,1573],{},"bool hasStyle = cell.HasConditionalStyles;\n",[78,1575],{},[25,1577,1578],{"id":1578},"アップグレード方法",[12,1580,1581],{},"ReoGrid V4 以降は有償版でのご提供となっております。最新版のアセンブリは、弊社ポータルサイトにログインのうえダウンロードいただけます。",[37,1583,1584],{},[40,1585,1586,1587],{},"ポータルサイト: ",[653,1588,1589],{"href":1589,"rel":1590},"https://portal.unvell.com/",[657],[12,1592,1593],{},"既存プロジェクトにおきましては、ダウンロードしたアセンブリへの参照を差し替えていただくのみでアップグレードが完了し、コードの変更は不要です。",[12,1595,1596,1597,1600,1601,1604],{},"なお、",[56,1598,1599],{},"ConditionalStyleApplyCells"," を直接ご参照されていた場合のみ、上記 ",[56,1602,1603],{},"HasConditionalStyle()"," への置き換えをお願いいたします。",[78,1606],{},[25,1608,1609],{"id":1609},"おわりに",[12,1611,1612,1613,1616],{},"ReoGrid 4.4 は、新機能の追加よりも、",[16,1614,1615],{},"既存ユーザーの皆様にとって影響の大きい性能課題の解消"," に注力したリリースでございます。",[12,1618,1619],{},"ご紹介いたしました数値は、すべて同一環境・同一コードで v4.3.13 と v4.4.0 を比較した実測値です。",[12,1621,1622],{},"これまで処理時間の長さからご利用を見送られていたケースがございましたら、ぜひ 4.4 にてお試しいただけますと幸いです。",[78,1624],{},[25,1626,1627],{"id":1627},"関連リンク",[37,1629,1630,1637],{},[40,1631,1632],{},[653,1633,1636],{"href":1634,"rel":1635},"https://reogrid.net/jp",[657],"ReoGrid 公式サイト",[40,1638,1639],{},[653,1640,1643],{"href":1641,"rel":1642},"https://reogrid.net/jp/release-notes",[657],"ReoGrid リリースノート",[681,1645,1646],{},"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);}",{"title":398,"searchDepth":426,"depth":426,"links":1648},[1649,1650,1651,1652,1657,1658,1662,1663,1664],{"id":1123,"depth":426,"text":1123},{"id":1154,"depth":426,"text":1154},{"id":1185,"depth":426,"text":1185},{"id":1250,"depth":426,"text":1250,"children":1653},[1654,1655,1656],{"id":1253,"depth":433,"text":1254},{"id":1359,"depth":433,"text":1360},{"id":1412,"depth":433,"text":1413},{"id":1482,"depth":426,"text":1482},{"id":1526,"depth":426,"text":1527,"children":1659},[1660,1661],{"id":1533,"depth":433,"text":1533},{"id":1553,"depth":433,"text":1553},{"id":1578,"depth":426,"text":1578},{"id":1609,"depth":426,"text":1609},{"id":1627,"depth":426,"text":1627},"2026-04-30","ReoGrid 4.4 では API の互換性を維持したまま、条件付き書式を伴う大量データ投入を約 11,700 倍、1 万行のソートを約 10 倍、SetRangeData による 20 万セルの一括ロードを約 3 倍に高速化しました。",{},"/blog/reogrid-v4-4-release",{"title":1118,"description":1670},"ReoGrid 4.4 は API 互換性を保ちつつ性能を大幅改善。条件付き書式を伴う大量データ投入で約 11,700 倍、ソートで約 10 倍、SetRangeData で約 3 倍の高速化を v4.3.13 との実測比較で確認しています。","blog/reogrid-v4-4-release",[705,707,1673,1674,708],".net","performance","/images/articles/reogrid-net-snapshot.png","xOQcdipo5Z9u0g6mouHKUN6Gdox75aq0YKS_zbuUwHI",{"id":1678,"title":1679,"author":7,"body":1680,"date":2003,"description":2004,"extension":698,"meta":2005,"navigation":429,"path":2006,"seo":2007,"stem":2009,"tags":2010,"thumbnail":2015,"__hash__":2016},"blog/blog/kyorimemo-release.md","距離メモ リリースのお知らせ — 車の走行距離をかんたん記録するiOSアプリ",{"type":9,"value":1681,"toc":1984},[1682,1687,1692,1694,1699,1706,1709,1711,1714,1717,1720,1723,1726,1730,1733,1737,1740,1744,1747,1751,1754,1758,1761,1765,1768,1772,1775,1778,1781,1820,1823,1825,1828,1845,1847,1850,1916,1918,1922,1925,1944,1946,1950,1953,1962,1964,1967],[1683,1684,1686],"h1",{"id":1685},"unvell株式会社車の走行距離をかんたん記録するiosアプリ距離メモをリリース","UNVELL株式会社、車の走行距離をかんたん記録するiOSアプリ「距離メモ」をリリース",[12,1688,1689],{},[16,1690,1691],{},"〜 オドメーターの数値を入力するだけ。業務日報・経費精算・確定申告にそのまま使える 〜",[78,1693],{},[12,1695,1696],{},[16,1697,1698],{},"2026年4月10日 — UNVELL株式会社",[12,1700,1701,1702,1705],{},"UNVELL株式会社は、iOS向け走行距離記録アプリ ",[16,1703,1704],{},"「距離メモ（Kyorimemo）」"," をApp Storeにて公開したことをお知らせいたします。",[12,1707,1708],{},"「距離メモ」は、車のオドメーター（走行距離計）の数値をサッと入力するだけで走行距離を自動計算・記録できるシンプルなiOSアプリです。業務日報、社用車・自家用車の管理、経費精算、確定申告など、日々の実務シーンを想定して設計されています。",[78,1710],{},[25,1712,1713],{"id":1713},"開発の背景",[12,1715,1716],{},"業務での移動や営業活動に伴う走行距離の記録は、ノートやExcelで手書き管理されているケースが今も少なくありません。記録が散逸して経費精算時に困ったり、複数台の車両をまとめて管理できなかったりと、現場の負担は意外と大きいものです。",[12,1718,1719],{},"「距離メモ」は、こうした日々の小さな手間を解消するために開発されました。スマートフォン1台でいつでもどこでもサッと記録できる、シンプルかつ実用的な走行距離管理ツールを目指しています。",[737,1721],{"src":1722},"/images/articles/kyorimemo/iphone-screen-shots-3-cols.png",[25,1724,1725],{"id":1725},"主な特徴",[88,1727,1729],{"id":1728},"_1-かんたん入力","1. かんたん入力",[12,1731,1732],{},"オドメーターの開始値・終了値を入力するだけ。走行距離は自動計算されます。メモや位置情報もあわせて記録でき、後から「いつ・どこで・何km走ったか」をすぐに振り返ることができます。",[88,1734,1736],{"id":1735},"_2-複数車両の管理pro","2. 複数車両の管理（Pro）",[12,1738,1739],{},"自家用車、社用車、バイクなど、複数の車両を色分けして登録可能。スワイプ操作で車両を切り替えながら記録できます。",[88,1741,1743],{"id":1742},"_3-カレンダー表示pro","3. カレンダー表示（Pro）",[12,1745,1746],{},"日付ごとに記録を確認できるカレンダービュー。過去の日付への記録追加にも対応しており、月ごとの走行パターンを把握するのに役立ちます。",[88,1748,1750],{"id":1749},"_4-csvエクスポートpro","4. CSVエクスポート（Pro）",[12,1752,1753],{},"記録したデータをCSV形式で出力可能。経費精算、業務日報、確定申告、車両管理レポートなど、各種書類作成にそのまま活用できます。UTF-8 BOM付きで、Excelでも文字化けせず開けます。",[88,1755,1757],{"id":1756},"_5-icloudデータ同期","5. iCloudデータ同期",[12,1759,1760],{},"iCloudを有効にすればデータが自動的にバックアップ・同期されます。機種変更時もデータの引き継ぎがスムーズです。",[88,1762,1764],{"id":1763},"_6-位置情報の自動記録","6. 位置情報の自動記録",[12,1766,1767],{},"現在地の住所を自動取得して記録に追加。どこで給油・運行記録を取ったかを後から確認できます。",[88,1769,1771],{"id":1770},"_7-広告なし","7. 広告なし",[12,1773,1774],{},"無料版でもアプリ内に広告は一切表示されません。すっきりした画面で記録に集中できます。",[737,1776],{"src":1777},"/images/articles/kyorimemo/ipad-screen-shots-3-cols.png",[25,1779,1780],{"id":1780},"料金プラン",[103,1782,1783,1796],{},[106,1784,1785],{},[109,1786,1787,1790,1793],{},[112,1788,1789],{},"プラン",[112,1791,1792],{},"価格",[112,1794,1795],{},"主な機能",[119,1797,1798,1809],{},[109,1799,1800,1803,1806],{},[124,1801,1802],{},"無料プラン",[124,1804,1805],{},"¥0",[124,1807,1808],{},"車両1台、走行距離の入力・記録、一覧表示、広告なし",[109,1810,1811,1814,1817],{},[124,1812,1813],{},"Proプラン",[124,1815,1816],{},"月額 ¥550",[124,1818,1819],{},"車両無制限、カレンダー表示、CSVエクスポート、その他全機能",[12,1821,1822],{},"Proプランはいつでもキャンセル可能です。",[78,1824],{},[25,1826,1827],{"id":1827},"想定対象ユーザー",[37,1829,1830,1833,1836,1839,1842],{},[40,1831,1832],{},"営業職・サービス業など業務で車を運転する方",[40,1834,1835],{},"社用車・複数車両を管理する企業の総務担当者",[40,1837,1838],{},"個人事業主・フリーランス（経費精算・確定申告）",[40,1840,1841],{},"自家用車の燃費・走行距離を把握したい方",[40,1843,1844],{},"車検・メンテナンスの履歴を残したい方",[78,1846],{},[25,1848,1849],{"id":1849},"製品概要",[103,1851,1852,1860],{},[106,1853,1854],{},[109,1855,1856,1858],{},[112,1857,1194],{},[112,1859,1197],{},[119,1861,1862,1870,1878,1885,1896,1908],{},[109,1863,1864,1867],{},[124,1865,1866],{},"製品名",[124,1868,1869],{},"距離メモ（Kyorimemo）",[109,1871,1872,1875],{},[124,1873,1874],{},"対応OS",[124,1876,1877],{},"iOS（iPhone / iPad）",[109,1879,1880,1882],{},[124,1881,1792],{},[124,1883,1884],{},"無料（Proプラン 月額¥550）",[109,1886,1887,1890],{},[124,1888,1889],{},"公式サイト",[124,1891,1892],{},[653,1893,1894],{"href":1894,"rel":1895},"https://kyorimemo.unvell.com",[657],[109,1897,1898,1901],{},[124,1899,1900],{},"App Store",[124,1902,1903],{},[653,1904,1907],{"href":1905,"rel":1906},"https://apps.apple.com/jp/app/%E8%B7%9D%E9%9B%A2%E3%83%A1%E3%83%A2/id6761127233",[657],"https://apps.apple.com/jp/app/距離メモ/id6761127233",[109,1909,1910,1913],{},[124,1911,1912],{},"開発・販売",[124,1914,1915],{},"UNVELL株式会社",[78,1917],{},[25,1919,1921],{"id":1920},"ダウンロード詳細情報","ダウンロード・詳細情報",[12,1923,1924],{},"App Storeより無料でダウンロードいただけます。",[37,1926,1927,1936],{},[40,1928,1929,1932,1933],{},[16,1930,1931],{},"App Store:"," ",[653,1934,1907],{"href":1905,"rel":1935},[657],[40,1937,1938,1932,1941],{},[16,1939,1940],{},"公式サイト:",[653,1942,1894],{"href":1894,"rel":1943},[657],[78,1945],{},[25,1947,1949],{"id":1948},"unvell株式会社について","UNVELL株式会社について",[12,1951,1952],{},"UNVELL株式会社は、「Keep Simple, Keep Smart」をコンセプトに掲げるソフトウェア開発企業です。スプレッドシートコンポーネント「ReoGrid」をはじめ、開発者・クリエイター・ビジネスユーザー向けのソフトウェア製品を開発・提供しています。",[12,1954,1955,1932,1958],{},[16,1956,1957],{},"会社サイト:",[653,1959,1960],{"href":1960,"rel":1961},"https://unvell.com",[657],[78,1963],{},[88,1965,1966],{"id":1966},"本件に関するお問い合わせ",[37,1968,1969,1971,1978],{},[40,1970,1915],{},[40,1972,1973,1974],{},"E-mail: ",[653,1975,1977],{"href":1976},"mailto:info@unvell.com","info@unvell.com",[40,1979,1980,1981],{},"Web: ",[653,1982,1894],{"href":1894,"rel":1983},[657],{"title":398,"searchDepth":426,"depth":426,"links":1985},[1986,1987,1996,1997,1998,1999,2000],{"id":1713,"depth":426,"text":1713},{"id":1725,"depth":426,"text":1725,"children":1988},[1989,1990,1991,1992,1993,1994,1995],{"id":1728,"depth":433,"text":1729},{"id":1735,"depth":433,"text":1736},{"id":1742,"depth":433,"text":1743},{"id":1749,"depth":433,"text":1750},{"id":1756,"depth":433,"text":1757},{"id":1763,"depth":433,"text":1764},{"id":1770,"depth":433,"text":1771},{"id":1780,"depth":426,"text":1780},{"id":1827,"depth":426,"text":1827},{"id":1849,"depth":426,"text":1849},{"id":1920,"depth":426,"text":1921},{"id":1948,"depth":426,"text":1949,"children":2001},[2002],{"id":1966,"depth":433,"text":1966},"2026-04-10","UNVELL株式会社は、車の走行距離（オドメーター）をサッと記録できるiOSアプリ「距離メモ（Kyorimemo）」をリリースしました。業務日報・車両管理・経費精算・確定申告に活用でき、CSVエクスポート・カレンダー表示・複数車両管理などのProプランも提供します。",{},"/blog/kyorimemo-release",{"title":1679,"description":2008},"距離メモは、車のオドメーターをサッと入力するだけで走行距離を自動計算・記録できるiOSアプリです。複数車両管理、カレンダー表示、CSVエクスポート、iCloud同期、広告なし。業務日報・経費精算・確定申告に。","blog/kyorimemo-release",[2011,2012,2013,2014,708],"kyorimemo","ios-app","vehicle-management","mileage-tracker","/images/articles/kyorimemo/hero.png","8QAPsFbWqsMfxsCbCE-_P4r26NsmE47uLvIrMgNWAWw",{"id":2018,"title":2019,"author":7,"body":2020,"date":2274,"description":2275,"extension":698,"meta":2276,"navigation":429,"path":2277,"seo":2278,"stem":2280,"tags":2281,"thumbnail":2286,"__hash__":2287},"blog/blog/video-tagger-press-release.md","VideoTagger 正式リリースのお知らせ — AI搭載のタグベース動画ファイル管理ツール",{"type":9,"value":2021,"toc":2257},[2022,2026,2031,2033,2038,2045,2052,2054,2056,2059,2062,2064,2066,2070,2073,2077,2080,2084,2098,2102,2105,2109,2112,2116,2119,2121,2124,2141,2143,2145,2201,2203,2205,2208,2226,2228,2230,2233,2240,2242,2244],[1683,2023,2025],{"id":2024},"unvell株式会社ai搭載の動画ファイル管理ツールvideotaggerを正式リリース","UNVELL株式会社、AI搭載の動画ファイル管理ツール「VideoTagger」を正式リリース",[12,2027,2028],{},[16,2029,2030],{},"〜 タグベースの大量動画ファイル管理に特化。オンデバイスAIがタグ検出をアシスト 〜",[78,2032],{},[12,2034,2035],{},[16,2036,2037],{},"2026年4月1日 — UNVELL株式会社",[12,2039,2040,2041,2044],{},"UNVELL株式会社は、デスクトップ向け動画ファイル管理ツール ",[16,2042,2043],{},"「VideoTagger」"," の正式版（v1.0.0）をリリースしたことをお知らせいたします。",[12,2046,2047,2048,2051],{},"VideoTaggerは、増え続ける動画ファイルを ",[16,2049,2050],{},"タグベースで整理・検索"," するために設計された専用ツールです。オンデバイスAIによるタグの自動検出機能を搭載しており、大量の動画ファイルを効率的に管理できます。macOS / Windows に対応し、本日より公式サイトにてダウンロード提供を開始します。",[78,2053],{},[25,2055,1713],{"id":1713},[12,2057,2058],{},"映像制作やコンテンツ制作の現場では、撮影素材が日々蓄積され、数千〜数万ファイルに達することも珍しくありません。フォルダ分けだけでは管理しきれず、「あの映像はどこにあったか」と探す時間が大きなロスになっています。",[12,2060,2061],{},"VideoTaggerは、こうした課題を解決するために開発されました。ファイルにタグを付けて整理し、タグで瞬時に検索する — シンプルかつ強力な動画ファイル管理を実現します。",[78,2063],{},[25,2065,1725],{"id":1725},[88,2067,2069],{"id":2068},"_1-タグベースの動画管理に特化","1. タグベースの動画管理に特化",[12,2071,2072],{},"動画ファイルにカスタムタグを自由に作成・割り当て可能。複数ファイルへの一括タグ付け（バッチタグ付け）にも対応し、大量のファイルを効率的に整理できます。",[88,2074,2076],{"id":2075},"_2-aiによるタグ自動検出アシスト","2. AIによるタグ自動検出アシスト",[12,2078,2079],{},"オンデバイスAI（TensorFlow.js）が動画の内容を分析し、人物・車・風景などの被写体を自動検出してタグを提案します。すべてのAI処理はローカルで実行されるため、動画ファイルが外部サーバーに送信されることはありません。",[88,2081,2083],{"id":2082},"_3-2つのワークスペース設計","3. 2つのワークスペース設計",[37,2085,2086,2092],{},[40,2087,2088,2091],{},[16,2089,2090],{},"Organize（整理）モード"," — ライブラリにファイルを追加し、タグを付けて整理",[40,2093,2094,2097],{},[16,2095,2096],{},"Find（検索）モード"," — タグを選択して目的のファイルを瞬時に検索",[88,2099,2101],{"id":2100},"_4-高速サムネイルプレビュー","4. 高速サムネイルプレビュー",[12,2103,2104],{},"ライブラリ内のすべての動画に対してサムネイルを自動生成・キャッシュ。ファイルを開かずに内容を素早く確認できます。",[88,2106,2108],{"id":2107},"_5-詳細なメタデータ表示","5. 詳細なメタデータ表示",[12,2110,2111],{},"解像度、フレームレート、コーデック、ビットレート、撮影カメラ・レンズ情報など、動画ファイルの技術的なメタデータを自動的に取得・表示します。",[88,2113,2115],{"id":2114},"_6-プライバシーファースト設計","6. プライバシーファースト設計",[12,2117,2118],{},"AI処理・データベースともにすべてローカルで完結。動画ファイルやメタデータがクラウドにアップロードされることはありません。",[78,2120],{},[25,2122,2123],{"id":2123},"対象ユーザー",[37,2125,2126,2129,2132,2135,2138],{},[40,2127,2128],{},"映像クリエイター・シネマトグラファー",[40,2130,2131],{},"YouTuber・動画コンテンツクリエイター",[40,2133,2134],{},"映像制作会社",[40,2136,2137],{},"ストック映像の管理者",[40,2139,2140],{},"企業のマーケティング・広報部門",[78,2142],{},[25,2144,1849],{"id":1849},[103,2146,2147,2155],{},[106,2148,2149],{},[109,2150,2151,2153],{},[112,2152,1194],{},[112,2154,1197],{},[119,2156,2157,2164,2171,2178,2185,2195],{},[109,2158,2159,2161],{},[124,2160,1866],{},[124,2162,2163],{},"VideoTagger",[109,2165,2166,2168],{},[124,2167,1269],{},[124,2169,2170],{},"1.0.0",[109,2172,2173,2175],{},[124,2174,1874],{},[124,2176,2177],{},"macOS（Apple Silicon）/ Windows（x64）",[109,2179,2180,2182],{},[124,2181,1792],{},[124,2183,2184],{},"サブスクリプション制（30日間無料トライアルあり）",[109,2186,2187,2189],{},[124,2188,1889],{},[124,2190,2191],{},[653,2192,2193],{"href":2193,"rel":2194},"https://video-tagger.com",[657],[109,2196,2197,2199],{},[124,2198,1912],{},[124,2200,1915],{},[78,2202],{},[25,2204,1921],{"id":1920},[12,2206,2207],{},"公式サイトより無料トライアル版をダウンロードいただけます。",[12,2209,2210,2212,2213,2216,2219,2212,2222],{},[16,2211,1940],{}," 　",[653,2214,2193],{"href":2193,"rel":2215},[657],[2217,2218],"br",{},[16,2220,2221],{},"日本語ページ:",[653,2223,2224],{"href":2224,"rel":2225},"https://video-tagger.com/ja",[657],[78,2227],{},[25,2229,1949],{"id":1948},[12,2231,2232],{},"UNVELL株式会社は、「Keep Simple, Keep Smart」をコンセプトに掲げるソフトウェア開発企業です。AIや最先端技術を積極的に採用し、スプレッドシートコンポーネント「ReoGrid」をはじめ、開発者・クリエイター向けのソフトウェア製品を開発・提供しています。",[12,2234,2235,2212,2237],{},[16,2236,1957],{},[653,2238,1960],{"href":1960,"rel":2239},[657],[78,2241],{},[88,2243,1966],{"id":1966},[12,2245,1915,2246,2248,2249,2251,2253,2254],{},[2217,2247],{},"\nE-mail: ",[653,2250,1977],{"href":1976},[2217,2252],{},"\nWeb: ",[653,2255,2193],{"href":2193,"rel":2256},[657],{"title":398,"searchDepth":426,"depth":426,"links":2258},[2259,2260,2268,2269,2270,2271],{"id":1713,"depth":426,"text":1713},{"id":1725,"depth":426,"text":1725,"children":2261},[2262,2263,2264,2265,2266,2267],{"id":2068,"depth":433,"text":2069},{"id":2075,"depth":433,"text":2076},{"id":2082,"depth":433,"text":2083},{"id":2100,"depth":433,"text":2101},{"id":2107,"depth":433,"text":2108},{"id":2114,"depth":433,"text":2115},{"id":2123,"depth":426,"text":2123},{"id":1849,"depth":426,"text":1849},{"id":1920,"depth":426,"text":1921},{"id":1948,"depth":426,"text":1949,"children":2272},[2273],{"id":1966,"depth":433,"text":1966},"2026-04-01","大量の動画ファイルをタグで整理・検索できるデスクトップツール「VideoTagger」を正式リリース。オンデバイスAIによるタグ自動検出アシスト機能搭載。macOS / Windows対応、30日間無料トライアルあり。",{},"/blog/video-tagger-press-release",{"title":2019,"description":2279},"大量の動画ファイルをタグで整理・検索できるデスクトップツール「VideoTagger」を正式リリース。オンデバイスAIによるタグ自動検出、バッチタグ付け、高速サムネイルプレビュー搭載。プライバシーファースト設計で動画がクラウドに送信されることはありません。","blog/video-tagger-press-release",[2282,2283,2284,708,2285],"videotagger","video-management","ai-tagging","desktop-app","/images/articles/videotagger-overview.png","ZbFwduVgKZkdaKWfi3gOMFsa3OuFk2EfYDc7Y_C76Do",{"id":2289,"title":2290,"author":7,"body":2291,"date":2951,"description":2952,"extension":698,"meta":2953,"navigation":429,"path":2954,"seo":2955,"stem":2957,"tags":2958,"thumbnail":710,"__hash__":2959},"blog/blog/reogrid-web-release.md","ReoGrid Web 正式リリースのお知らせ — 高機能ExcelライクWebスプレッドシートライブラリ",{"type":9,"value":2292,"toc":2932},[2293,2299,2303,2306,2309,2311,2315,2322,2325,2327,2330,2334,2337,2343,2347,2353,2382,2386,2392,2406,2409,2416,2422,2426,2429,2481,2567,2571,2574,2576,2579,2586,2674,2677,2681,2684,2688,2691,2693,2696,2820,2827,2830,2832,2835,2838,2889,2891,2895,2907,2929],[12,2294,2295,2296,2298],{},"UNVELL株式会社は、本日2026年3月24日、",[16,2297,18],{}," を正式リリースしました。WebアプリにExcelライクなスプレッドシート機能を組み込めるJavaScript/TypeScriptライブラリです。",[25,2300,2302],{"id":2301},"reogrid-webとは","ReoGrid Webとは",[12,2304,2305],{},"ReoGrid Webは、ブラウザ上で動作するExcelライクな表計算スプレッドシートライブラリです。数式エンジン・Excel I/O・Canvas描画エンジンをすべて単一パッケージに内蔵し、React・Vue両フレームワークに対応しています。",[12,2307,2308],{},"ライブラリ１つでプロジェクトに追加でき、Excelと同等の表計算機能をWebアプリに提供します。",[78,2310],{},[25,2312,2314],{"id":2313},"開発背景-net版10年超のノウハウをwebへ","開発背景 — .NET版10年超のノウハウをWebへ",[12,2316,2317,2318,2321],{},"弊社はWinForms/WPF向けの ",[16,2319,2320],{},"ReoGrid .NET版"," を2014年から開発・提供してきました。累計NuGetダウンロード数は180,000以上に達しています。",[12,2323,2324],{},"この10年超の開発で培ったセルモデルの設計、数式エンジン、Excel互換の知見を活かし、Web開発者向けの新製品としてReoGrid Webを開発しました。",[78,2326],{},[25,2328,2329],{"id":2329},"主要機能ハイライト",[88,2331,2333],{"id":2332},"請求書サンプル-数式エンジンの実力","請求書サンプル — 数式エンジンの実力",[12,2335,2336],{},"数式を使った実用的なサンプルとして、請求書デモをご用意しています。数量と単価を入力すると合計が自動計算されます。Excelと同じ感覚で数式を組めることを体感いただけます。",[12,2338,2339],{},[737,2340],{"alt":2341,"src":2342},"請求書サンプル — 数式エンジンによる自動計算","/images/articles/reogrid-web-invoice.png",[88,2344,2346],{"id":2345},"excelとの高い互換性","Excelとの高い互換性",[12,2348,2349,2350,2352],{},"ReoGrid Webの設計で特に重視したのが、",[16,2351,2346],{},"です。",[37,2354,2355,2361,2367],{},[40,2356,2357,2360],{},[16,2358,2359],{},"数式の互換性",": SUM・AVERAGE・IF・VLOOKUP など主要関数を実装、セル参照もExcel互換",[40,2362,2363,2366],{},[16,2364,2365],{},"xlsxインポート・エクスポート",": セル値・数式・スタイル・罫線・セル結合を維持して読み書き",[40,2368,2369,1024,2372,380,2375,380,2378,2381],{},[16,2370,2371],{},"Excel数値書式",[56,2373,2374],{},"#,##0.00",[56,2376,2377],{},"¥#,##0",[56,2379,2380],{},"yyyy/mm/dd"," などExcelの書式文字列をそのまま使用可能",[88,2383,2385],{"id":2384},"セルスタイルexcel互換レイアウト","セルスタイル・Excel互換レイアウト",[12,2387,2388],{},[737,2389],{"alt":2390,"src":2391},"セルスタイルのサンプル","/images/articles/reogrid-web-cell-styles.png",[37,2393,2394,2400],{},[40,2395,2396,2399],{},[16,2397,2398],{},"セルスタイルの完全再現",": フォント・文字色・背景色・配置・インデントをExcelと同じ精度で表現",[40,2401,2402,2405],{},[16,2403,2404],{},"罫線・セル結合",": 罫線の種類・太さ・色を辺ごとに設定、セル結合もExcel互換で動作",[88,2407,2408],{"id":2408},"最適化された高速描画エンジン",[12,2410,2411,2412,2415],{},"表示領域のセルのみを描画する仮想スクロールにより、10,000行を超えるデータも滑らかに表示します。実測で ",[16,2413,2414],{},"10万セル（1万行×10列）を約200ms（1セルあたり2μs）"," で初期化。他社製品に比べ約95倍の処理速度です（※弊社調べ）。",[12,2417,2418],{},[737,2419],{"alt":2420,"src":2421},"データフィルター・ソート・大量データのデモ","/images/articles/reogrid-web-data-table.png",[88,2423,2425],{"id":2424},"reactvue対応","React・Vue対応",[12,2427,2428],{},"両フレームワーク向けのラッパーを内蔵。TypeScript型定義付きで、オートコンプリートをそのまま利用できます。",[393,2430,2432],{"className":395,"code":2431,"language":397,"meta":398,"style":398},"// React\nimport { Reogrid } from '@reogrid/lite/react';\n\n\u003CReogrid style={{ width: '100%', height: '400px' }} />\n",[56,2433,2434,2440,2453,2457],{"__ignoreMap":398},[402,2435,2436],{"class":404,"line":405},[402,2437,2439],{"class":2438},"sJ8bj","// React\n",[402,2441,2442,2444,2446,2448,2451],{"class":404,"line":426},[402,2443,409],{"class":408},[402,2445,413],{"class":412},[402,2447,416],{"class":408},[402,2449,2450],{"class":419}," '@reogrid/lite/react'",[402,2452,423],{"class":412},[402,2454,2455],{"class":404,"line":433},[402,2456,430],{"emptyLinePlaceholder":429},[402,2458,2459,2461,2464,2467,2469,2471,2473,2475,2478],{"class":404,"line":443},[402,2460,436],{"class":412},[402,2462,2463],{"class":439},"Reogrid",[402,2465,2466],{"class":446}," style",[402,2468,305],{"class":408},[402,2470,565],{"class":412},[402,2472,568],{"class":419},[402,2474,571],{"class":412},[402,2476,2477],{"class":419},"'400px'",[402,2479,2480],{"class":412}," }} />\n",[393,2482,2486],{"className":2483,"code":2484,"language":2485,"meta":398,"style":398},"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",[56,2487,2488,2493,2507,2520,2529,2533,2542,2559],{"__ignoreMap":398},[402,2489,2490],{"class":404,"line":405},[402,2491,2492],{"class":2438},"\u003C!-- Vue -->\n",[402,2494,2495,2497,2501,2504],{"class":404,"line":426},[402,2496,436],{"class":412},[402,2498,2500],{"class":2499},"s9eBZ","script",[402,2502,2503],{"class":446}," setup",[402,2505,2506],{"class":412},">\n",[402,2508,2509,2511,2513,2515,2518],{"class":404,"line":433},[402,2510,409],{"class":408},[402,2512,413],{"class":412},[402,2514,416],{"class":408},[402,2516,2517],{"class":419}," '@reogrid/lite/vue'",[402,2519,423],{"class":412},[402,2521,2522,2525,2527],{"class":404,"line":443},[402,2523,2524],{"class":412},"\u003C/",[402,2526,2500],{"class":2499},[402,2528,2506],{"class":412},[402,2530,2531],{"class":404,"line":491},[402,2532,430],{"emptyLinePlaceholder":429},[402,2534,2535,2537,2540],{"class":404,"line":524},[402,2536,436],{"class":412},[402,2538,2539],{"class":2499},"template",[402,2541,2506],{"class":412},[402,2543,2544,2547,2549,2551,2553,2556],{"class":404,"line":557},[402,2545,2546],{"class":412},"  \u003C",[402,2548,2463],{"class":2499},[402,2550,2466],{"class":446},[402,2552,305],{"class":412},[402,2554,2555],{"class":419},"\"width: 100%; height: 400px\"",[402,2557,2558],{"class":412}," />\n",[402,2560,2561,2563,2565],{"class":404,"line":580},[402,2562,2524],{"class":412},[402,2564,2539],{"class":2499},[402,2566,2506],{"class":412},[88,2568,2570],{"id":2569},"日本語日本書式にネイティブ対応","日本語・日本書式にネイティブ対応",[12,2572,2573],{},"日本の数値書式（¥1,234）・日付書式（yyyy年M月d日）・元号対応など、ローカライズではなくネイティブ実装で対応しています。",[78,2575],{},[25,2577,2578],{"id":2578},"世界水準のパッケージ効率",[12,2580,2581,2582,2585],{},"フル機能を備えながら、",[16,2583,2584],{},"gzip 68KB（minified 248KB）"," という世界最小クラスのバンドルサイズを実現しています。",[103,2587,2588,2604],{},[106,2589,2590],{},[109,2591,2592,2595,2598,2601],{},[112,2593,2594],{},"ライブラリ",[112,2596,2597],{},"gzip",[112,2599,2600],{},"数式内蔵",[112,2602,2603],{},"Excel I/O内蔵",[119,2605,2606,2623,2636,2649,2662],{},[109,2607,2608,2613,2618,2621],{},[124,2609,2610,2612],{},[16,2611,18],{}," （日本）",[124,2614,2615],{},[16,2616,2617],{},"68 KB",[124,2619,2620],{},"✅",[124,2622,2620],{},[109,2624,2625,2628,2631,2633],{},[124,2626,2627],{},"比較対象 A（海外）",[124,2629,2630],{},"122 KB",[124,2632,2620],{},[124,2634,2635],{},"❌",[109,2637,2638,2641,2644,2646],{},[124,2639,2640],{},"比較対象 B（海外）",[124,2642,2643],{},"621 KB",[124,2645,2620],{},[124,2647,2648],{},"△",[109,2650,2651,2654,2657,2660],{},[124,2652,2653],{},"比較対象 C（日本）",[124,2655,2656],{},"1,700+ KB",[124,2658,2659],{},"✅（別PKG）",[124,2661,2659],{},[109,2663,2664,2667,2670,2672],{},[124,2665,2666],{},"比較対象 D（海外）",[124,2668,2669],{},"830+ KB",[124,2671,2620],{},[124,2673,2659],{},[12,2675,2676],{},"※弊社調べ（2026年3月）",[88,2678,2680],{"id":2679},"世界唯一の5条件完全単一パッケージ","世界唯一の「5条件完全単一パッケージ」",[12,2682,2683],{},"Canvas描画・ゼロ依存・数式エンジン・Excel I/O・React/Vueラッパーのすべてを、追加パッケージなしで提供する唯一のライブラリです（主要5製品弊社調べ、2026年3月）。",[88,2685,2687],{"id":2686},"完全日本製のcanvas型webスプレッドシート","完全日本製のCanvas型Webスプレッドシート",[12,2689,2690],{},"これまで海外製品で対応が難しかった日本独特の書式・帳票フォーマットに対応しています。日本国内で運用するシステムにスムーズに導入が可能です。",[78,2692],{},[25,2694,2695],{"id":2695},"エディション",[103,2697,2698,2713],{},[106,2699,2700],{},[109,2701,2702,2704,2707,2710],{},[112,2703],{},[112,2705,2706],{},"Lite",[112,2708,2709],{},"Pro",[112,2711,2712],{},"Enterprise",[119,2714,2715,2730,2744,2758,2771,2783,2795,2807],{},[109,2716,2717,2719,2724,2727],{},[124,2718,1792],{},[124,2720,2721],{},[16,2722,2723],{},"無料",[124,2725,2726],{},"¥88,000-",[124,2728,2729],{},"¥165,000-",[109,2731,2732,2735,2738,2741],{},[124,2733,2734],{},"対象",[124,2736,2737],{},"個人／一般アプリ",[124,2739,2740],{},"企業／商用アプリ",[124,2742,2743],{},"企業／大規模商用展開",[109,2745,2746,2749,2752,2755],{},[124,2747,2748],{},"ドメイン数",[124,2750,2751],{},"無制限",[124,2753,2754],{},"3ドメイン",[124,2756,2757],{},"30ドメイン（無制限オプションあり）",[109,2759,2760,2763,2766,2769],{},[124,2761,2762],{},"スプレッドシート機能",[124,2764,2765],{},"基本機能",[124,2767,2768],{},"フル機能",[124,2770,2768],{},[109,2772,2773,2776,2779,2781],{},[124,2774,2775],{},"数式エンジン",[124,2777,2778],{},"基本演算",[124,2780,2768],{},[124,2782,2768],{},[109,2784,2785,2788,2791,2793],{},[124,2786,2787],{},"Excel入出力",[124,2789,2790],{},"Excel読み込みのみ",[124,2792,2768],{},[124,2794,2768],{},[109,2796,2797,2800,2803,2805],{},[124,2798,2799],{},"セルタイプ",[124,2801,2802],{},"一部のみ",[124,2804,2768],{},[124,2806,2768],{},[109,2808,2809,2812,2815,2818],{},[124,2810,2811],{},"技術サポート",[124,2813,2814],{},"なし",[124,2816,2817],{},"購入日より３ヶ月間",[124,2819,2817],{},[12,2821,2822,2823,2826],{},"ReoGrid Webは買い切りのライセンス制を採用しています。他社製品（サブスクリプション型）は年額約150,000円/開発者〜のプランが多い中、",[16,2824,2825],{},"開発者3名・1ドメイン・3年間での総コストは最大約78分の1になります","（※弊社調べ）。",[12,2828,2829],{},"※価格は2026年3月現在の価格プラン。金額はすべて税込。最新の価格プランは公式HPにてご確認ください。",[78,2831],{},[25,2833,2834],{"id":2834},"ロードマップ",[12,2836,2837],{},"今後の機能追加は以下を予定しています。",[103,2839,2840,2849],{},[106,2841,2842],{},[109,2843,2844,2847],{},[112,2845,2846],{},"予定時期",[112,2848,1197],{},[119,2850,2851,2858,2866,2874,2882],{},[109,2852,2853,2856],{},[124,2854,2855],{},"まもなく",[124,2857,911],{},[109,2859,2860,2863],{},[124,2861,2862],{},"2026年夏",[124,2864,2865],{},"オンラインPDF生成対応",[109,2867,2868,2871],{},[124,2869,2870],{},"2026年秋",[124,2872,2873],{},"100以上のExcel関数対応",[109,2875,2876,2879],{},[124,2877,2878],{},"開発予定",[124,2880,2881],{},"AI機能（自然言語での操作・数式開発支援）",[109,2883,2884,2886],{},[124,2885,2878],{},[124,2887,2888],{},"データ・数式の自動補完",[78,2890],{},[25,2892,2894],{"id":2893},"まずはlite版をお試しください","まずはLite版をお試しください",[393,2896,2897],{"className":629,"code":630,"language":631,"meta":398,"style":398},[56,2898,2899],{"__ignoreMap":398},[402,2900,2901,2903,2905],{"class":404,"line":405},[402,2902,638],{"class":446},[402,2904,641],{"class":419},[402,2906,644],{"class":419},[37,2908,2909,2914,2919,2924],{},[40,2910,2911],{},[653,2912,658],{"href":655,"rel":2913},[657],[40,2915,2916],{},[653,2917,672],{"href":670,"rel":2918},[657],[40,2920,2921],{},[653,2922,665],{"href":663,"rel":2923},[657],[40,2925,2926],{},[653,2927,679],{"href":677,"rel":2928},[657],[681,2930,2931],{},"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":398,"searchDepth":426,"depth":426,"links":2933},[2934,2935,2936,2944,2948,2949,2950],{"id":2301,"depth":426,"text":2302},{"id":2313,"depth":426,"text":2314},{"id":2329,"depth":426,"text":2329,"children":2937},[2938,2939,2940,2941,2942,2943],{"id":2332,"depth":433,"text":2333},{"id":2345,"depth":433,"text":2346},{"id":2384,"depth":433,"text":2385},{"id":2408,"depth":433,"text":2408},{"id":2424,"depth":433,"text":2425},{"id":2569,"depth":433,"text":2570},{"id":2578,"depth":426,"text":2578,"children":2945},[2946,2947],{"id":2679,"depth":433,"text":2680},{"id":2686,"depth":433,"text":2687},{"id":2695,"depth":426,"text":2695},{"id":2834,"depth":426,"text":2834},{"id":2893,"depth":426,"text":2894},"2026-03-24","WebアプリにExcelライクなスプレッドシートを組み込める新製品「ReoGrid Web」を正式リリースしました。数式エンジン・Excel I/O内蔵・React/Vue対応。Lite版は無料でお試しいただけます。",{},"/blog/reogrid-web-release",{"title":2290,"description":2956},"WebアプリにExcelライクなスプレッドシートを組み込める「ReoGrid Web」を正式リリース。数式エンジン・Excel I/O内蔵・React/Vue対応の高機能JavaScriptライブラリ。Lite版（無料）、Pro版、Enterprise版を提供。","blog/reogrid-web-release",[705,706,707,708,709],"TIG9LcncnvVHV7VTRShP3y0wO5IpWyzpNS_uuYD8XDs",{"id":2961,"title":2962,"author":7,"body":2963,"date":3049,"description":3050,"extension":698,"meta":3051,"navigation":429,"path":3052,"seo":3053,"stem":3055,"tags":3056,"thumbnail":3058,"__hash__":3059},"blog/blog/reogrid-document-renewal.md","ReoGrid ドキュメントを全面リニューアルしました",{"type":9,"value":2964,"toc":3045},[2965,2968,2975,2979,2982,3019,3022,3025,3028,3031,3033,3038],[12,2966,2967],{},"2026年3月19日、ReoGridのドキュメントを全面的にリニューアルしました。",[12,2969,2970,2971,2974],{},"これまでのドキュメントは情報量が少なく、「知りたいことが載っていない」「どこを見ればいいかわからない」といったご不満をいただくことがありました。今回の再構築はその課題に正面から向き合い、",[16,2972,2973],{},"全17セクション・96ページ","へと大幅に拡充するとともに、情報の構成そのものを見直しました。",[25,2976,2978],{"id":2977},"_6つのカテゴリで整理された構成","6つのカテゴリで整理された構成",[12,2980,2981],{},"新しいドキュメントは、用途に応じた6つのカテゴリで構成されています。",[37,2983,2984,2989,2995,3001,3007,3013],{},[40,2985,2986,2988],{},[16,2987,1123],{}," — アーキテクチャ概要、インストール、ハウツーガイド",[40,2990,2991,2994],{},[16,2992,2993],{},"コアコンポーネント"," — ワークブック、ワークシート、セルの詳細リファレンス",[40,2996,2997,3000],{},[16,2998,2999],{},"データとロジック"," — 数式、データ管理、フィルタリング、入力検証",[40,3002,3003,3006],{},[16,3004,3005],{},"UIコンポーネント"," — セルタイプ、チャート、フローティングオブジェクト",[40,3008,3009,3012],{},[16,3010,3011],{},"カスタマイズと拡張"," — イベント、外観カスタマイズ、アクション（Undo/Redo）",[40,3014,3015,3018],{},[16,3016,3017],{},"リファレンス"," — Excel/CSV/RGFインポートエクスポート、高度な機能、トラブルシューティング",[25,3020,3021],{"id":3021},"目指したこと",[12,3023,3024],{},"ドキュメントは「ある」だけでは不十分で、「必要なときに、必要な情報にたどり着けること」が重要だと考えています。",[12,3026,3027],{},"セットアップ直後にインストール手順を探しているのか、実装中に特定のAPIの挙動を確認したいのか、あるいはエラーに直面して解決策を探しているのか。その場その場のニーズに合わせて素早くナビゲートできる構成を意識しました。",[12,3029,3030],{},"まだ改善の余地はありますが、今回のリニューアルが開発をスムーズに進めるための一助になれば幸いです。引き続き内容の拡充を進めていきます。",[78,3032],{},[12,3034,3035],{},[16,3036,3037],{},"ReoGrid ドキュメント",[12,3039,3040,3041],{},"👉 ",[653,3042,3043],{"href":3043,"rel":3044},"https://reogrid.net/jp/document",[657],{"title":398,"searchDepth":426,"depth":426,"links":3046},[3047,3048],{"id":2977,"depth":426,"text":2978},{"id":3021,"depth":426,"text":3021},"2026-03-22","ReoGridのドキュメントを大幅に再構築しました。全17セクション・96ページに拡充し、6つのカテゴリに整理することで、目的の情報をより素早く見つけられる構成になっています。",{},"/blog/reogrid-document-renewal",{"title":2962,"description":3054},"ReoGrid .NETドキュメントを全17セクション・96ページに拡充。はじめに・コアコンポーネント・データとロジック・UIコンポーネント・カスタマイズ・リファレンスの6カテゴリに再構成し、必要な情報をすぐに見つけられるようになりました。","blog/reogrid-document-renewal",[705,707,1673,3057],"documentation","/images/articles/reogrid-document-renewal.png","usNl1n8VclHeKYldR-0D5T7AtEit8OjAoNGYjrlqid8",{"id":3061,"title":3062,"author":7,"body":3063,"date":3254,"description":3067,"extension":698,"meta":3255,"navigation":429,"path":3256,"seo":3257,"stem":3260,"tags":3261,"thumbnail":3265,"__hash__":3266},"blog/blog/reogrid-support.md","製品を買うだけでは終わらない。ReoGridが提供する「3ヶ月の技術サポート」という安心",{"type":9,"value":3064,"toc":3247},[3065,3068,3075,3078,3083,3086,3089,3115,3118,3121,3126,3133,3136,3142,3145,3148,3155,3158,3164,3167,3170,3173,3179,3186,3189,3196,3199,3201,3206,3209,3214,3217,3231,3234,3236,3241],[12,3066,3067],{},".NETプロジェクトにスプレッドシート機能を組み込む際、多くの開発チームが直面する課題があります。それは、「高機能なコンポーネントを導入しても、うまく使いこなせるかどうか」という不安です。",[12,3069,3070,3071,3074],{},"ReoGridは、そうした不安を払拭するために、製品購入に",[16,3072,3073],{},"3ヶ月間の技術サポート","を標準で付帯しています。",[12,3076,3077],{},"※プロフェッショナル版には、1ヶ月間の技術サポートが付帯します。",[25,3079,3081],{"id":3080},"なぜ技術サポートが必要なのか",[16,3082,3080],{},[12,3084,3085],{},"ReoGridは、.NET向けの表計算コンポーネントとして、豊富かつ強力な機能を備えています。しかしその分、プロジェクトのニーズに応じた最適な使い方を見つけるには、一定の学習コストが伴います。",[12,3087,3088],{},"実際の開発現場では、次のような場面が少なくありません。",[37,3090,3091,3097,3103,3109],{},[40,3092,3093,3096],{},[16,3094,3095],{},"使い方がわからない"," ── ドキュメントを読んでも、自分のケースに当てはめられない",[40,3098,3099,3102],{},[16,3100,3101],{},"バグや予期しない動作に遭遇した"," ── 調査しても原因が特定できない",[40,3104,3105,3108],{},[16,3106,3107],{},"要件の実現方法が見えない"," ── やりたいことはわかるが、ReoGridでどう実現するかわからない",[40,3110,3111,3114],{},[16,3112,3113],{},"チームのスキルが追いつかない"," ── スプレッドシートコンポーネント特有の知識が不足している",[12,3116,3117],{},"こうした問題を抱えたまま開発を進めると、スケジュールが遅れ、品質が下がり、最終的にはプロジェクト自体が失敗するリスクがあります。せっかくライセンスを購入しても、それでは本末転倒です。",[12,3119,3120],{},"ReoGridの技術サポートは、こうしたリスクを正面から引き受けるものです。",[25,3122,3124],{"id":3123},"技術サポートで変わること",[16,3125,3123],{},[12,3127,3128,3129,3132],{},"ReoGridの技術サポートでは、ReoGridの利用に関するあらゆる技術的な課題に対応します。問い合わせ内容に応じて調査・検証を行い、具体的な解決策をご提案します。また状況によっては、",[16,3130,3131],{},"ReoGrid本体への改修・機能追加","を実施することもあります。",[12,3134,3135],{},"「使えるかどうかわからないから導入に踏み切れない」という状況を、「使いこなせるまでサポートしてもらえる」という確信に変える。それがこのサポートの本質です。",[25,3137,3139],{"id":3138},"事例a金融システム開発プロジェクトへの導入支援神奈川県a社",[16,3140,3141],{},"事例A：金融システム開発プロジェクトへの導入支援（神奈川県・A社）",[12,3143,3144],{},"神奈川県に開発拠点を置くA社は、金融システムのソフトウェア開発にReoGridの採用を検討していました。",[12,3146,3147],{},"金融領域特有の複雑な表示要件があり、「ReoGridで実現できるのか」「どう実装すれば最適か」という点が導入前の懸念でした。",[12,3149,3150,3151,3154],{},"私たちはA社のプロジェクト要件を詳しくヒアリングした後、技術サポートを通じて要件に沿ったReoGridの使い方を丁寧に案内するとともに、標準機能では対応が難しい部分については",[16,3152,3153],{},"ReoGrid本体への改修","も実施しました（有償開発での対応となるケースもあります）。",[12,3156,3157],{},"結果として、A社は高い満足度のもとでソフトウェア開発を完遂しています。金融システムという精度が求められる領域で、ReoGridを最大限に活用することができました。",[25,3159,3161],{"id":3160},"事例b開発中の技術的障壁を突破愛知県b社",[16,3162,3163],{},"事例B：開発中の技術的障壁を突破（愛知県・B社）",[12,3165,3166],{},"愛知県に開発拠点を置くB社は、ReoGridを購入し、社内システムの開発を進めていました。しかし開発が進む中で、いくつかの技術的な問題が発生。自社で調査を行っても解決策が見つからず、開発がストップする状態になりました。",[12,3168,3169],{},"問い合わせを受けたReoGridのサポートチームは、問題の詳細をヒアリングし、迅速に調査・検証を実施したのち、適切な改善策をB社に提示しました。",[12,3171,3172],{},"問題は短期間で解決し、B社は開発を再開。プロジェクトが行き詰まることなく、無事に開発を完遂することができました。",[25,3174,3176],{"id":3175},"製品の価値は性能だけではない",[16,3177,3178],{},"製品の価値は、性能だけではない",[12,3180,3181,3182,3185],{},"両社の事例に共通しているのは、ReoGrid本体の購入と技術サポートを組み合わせることで、",[16,3183,3184],{},"プロジェクトをスムーズに完遂できた","という点です。",[12,3187,3188],{},"開発における本当のリスクは、「良い製品を選べなかったこと」よりも、「良い製品を選んだのに使いこなせなかったこと」にあります。",[12,3190,3191,3192,3195],{},"ReoGridの価値は、コンポーネントそのものの高い性能に加えて、",[16,3193,3194],{},"信頼できる技術サポート","によって構成されています。プロジェクトの成功とは、優れた技術を選ぶことだけでなく、その技術を適切な方法で実装し、コストを抑えながら高い効率で目標を達成することです。",[12,3197,3198],{},"ReoGridは、その両方を提供しています。",[78,3200],{},[12,3202,3203],{},[16,3204,3205],{},"ReoGridについて",[12,3207,3208],{},"ReoGrid（レオグリッド）は、.NETアプリケーションに高度なスプレッドシート機能を統合するための、強力なExcel互換スプレッドシートコンポーネントです。",[12,3210,3211],{},[16,3212,3213],{},"技術サポートについて",[12,3215,3216],{},"ReoGridでは、導入から開発までをスムーズに進めていただけるよう、技術サポートを提供しております。各エディションをご購入いただくと、以下の期間のサポートが標準で含まれています。",[37,3218,3219,3225],{},[40,3220,3221,3224],{},[16,3222,3223],{},"エンタープライズ版："," ご購入時から3ヶ月間",[40,3226,3227,3230],{},[16,3228,3229],{},"プロフェッショナル版："," ご購入時から1ヶ月間",[12,3232,3233],{},"なお、上記の標準サポート期間が終了した後も、必要に応じて別途「月単位」で技術サポートをご購入いただくことが可能です。継続的な開発や保守にぜひご活用ください。",[78,3235],{},[12,3237,3238],{},[16,3239,3240],{},"ReoGrid 製品詳細",[12,3242,3243,3244],{},"👉 ",[653,3245,1634],{"href":1634,"rel":3246},[657],{"title":398,"searchDepth":426,"depth":426,"links":3248},[3249,3250,3251,3252,3253],{"id":3080,"depth":426,"text":3080},{"id":3123,"depth":426,"text":3123},{"id":3138,"depth":426,"text":3141},{"id":3160,"depth":426,"text":3163},{"id":3175,"depth":426,"text":3178},"2026-03-05",{},"/blog/reogrid-support",{"title":3258,"description":3259},"Reogrid-support file","ReoGridの技術サポートは、.NETスプレッドシートコンポーネント導入時の不安を解消します。エンタープライズ版なら3ヶ月間、プロフェッショナル版なら1ヶ月間の標準サポート付きで、実装から運用まで安心。","blog/reogrid-support",[705,707,1673,3262,3263,3264],"visualstudio","excel","c#","/images/articles/2f6524b5fd1fe3569480aac63ab4714e.webp","c_0rPQMivJVOiiV71Uq096qCpM2vdVhYWPhluDyQLAI",{"id":3268,"title":3269,"author":7,"body":3270,"date":3762,"description":3763,"extension":698,"meta":3764,"navigation":429,"path":3765,"seo":3766,"stem":3768,"tags":3769,"thumbnail":3771,"__hash__":3772},"blog/blog/reogrid-large-data-lazy-loading.md","ReoGridを使って大規模データを超高速に表示する方法",{"type":9,"value":3271,"toc":3755},[3272,3275,3278,3285,3290,3293,3298,3301,3307,3313,3319,3324,3327,3330,3442,3454,3460,3466,3704,3712,3717,3726,3732,3738,3744,3747,3752],[12,3273,3274],{},"ReoGridは、.NETアプリ用のスプレッドシートコンポーネントです。Excelを依存せず、DLLひとつでアプリにExcel同様の機能をもたせることができます。",[12,3276,3277],{},"今回は、ReoGridを使って、数十万行規模の大規模データを超高速に画面に読み込み、表示する方法を紹介します。",[12,3279,3280,3281],{},"動画デモ 👉 ",[653,3282,3283],{"href":3283,"rel":3284},"https://youtu.be/PospG1jddFw",[657],[25,3286,3288],{"id":3287},"なぜ超高速表示が可能なのか",[16,3289,3287],{},[12,3291,3292],{},"ReoGridの新バージョン4には、「遅延ロード（Lazy Loading）」という新しい技術を採用しています。",[12,3294,3295],{},[16,3296,3297],{},"遅延ロードは、最初から全てのデータを一気に読み込むのではなく、必要に応じて最小限の一部分ずつを読み込んでいきます。",[12,3299,3300],{},"従来の方法では、すべてのデータを最初に一括で読み込むため、メモリ負荷が高く、表示までに時間がかかっていました。これに対し遅延ロードでは、必要になった部分のみを都度読み込むため、初期表示が圧倒的に高速になります。",[12,3302,3303,3304,3306],{},"他のグリッドコンポーネントにも、仮想モードなど類似の手法がありますが、開発者自身がその制御を実装し、管理しなければなりません。",[2217,3305],{},"しかしReoGridでは、セルがいつ読み込まれるかを内部でスマートに管理しています。スクロールやズームをしたり、ワークシートの表示領域が変化した場合に、ReoGridは自動的に必要なセルを読み込みます。",[12,3308,3309,3310,3312],{},"さらに、数式で参照されたセル、アプリで引用するセルも含めて、あらゆるパターンでセルを管理し、必要に応じて読み込み処理を行います。",[2217,3311],{},"この高度な技術によって、ReoGrid のバージョン4では大規模なデータでもストレスなく、超高速に読み込み、表示することができます。",[12,3314,3315],{},[737,3316],{"alt":3317,"src":3318},"1760961789-kbTGt4CYq8vwIiSW63AumlDQ.png","/images/articles/1760961789-kbTGt4CYq8vwIiSW63AumlDQ.png.webp",[25,3320,3322],{"id":3321},"実現方法も実はシンプル",[16,3323,3321],{},[12,3325,3326],{},"上述のように、セルの状態管理はReoGrid バージョン4が自動的に行うため、アプリ側はデータの準備を行うだけです。",[12,3328,3329],{},"まずReoGridのデータ読み込みインターフェイス、DataSourceを作成し、ご自身のデータをそのインターフェイスを通してReoGridに渡すように実装します。",[393,3331,3335],{"className":3332,"code":3333,"language":3334,"meta":398,"style":398},"language-js shiki shiki-themes github-light github-dark","private void button1_Click(object sender, EventArgs e)\n{\n    // ワークシートの行数を変更\n    worksheet.SetRows(logs.Count);\n\n    // データソースを遅延読み込みモードで設定\n    worksheet.AddDataSource(\n        new RangePosition(0, 0, logs.Count, COLUMN_COUNT),\n        new FlightLogDataSource(logs),\n        // 遅延ロードを有効化\n        DataSourceLoadMode.LazyLoading);\n}\n","js",[56,3336,3337,3351,3355,3360,3371,3375,3380,3390,3416,3426,3431,3437],{"__ignoreMap":398},[402,3338,3339,3342,3345,3348],{"class":404,"line":405},[402,3340,3341],{"class":412},"private ",[402,3343,3344],{"class":408},"void",[402,3346,3347],{"class":446}," button1_Click",[402,3349,3350],{"class":412},"(object sender, EventArgs e)\n",[402,3352,3353],{"class":404,"line":426},[402,3354,1310],{"class":412},[402,3356,3357],{"class":404,"line":433},[402,3358,3359],{"class":2438},"    // ワークシートの行数を変更\n",[402,3361,3362,3365,3368],{"class":404,"line":443},[402,3363,3364],{"class":412},"    worksheet.",[402,3366,3367],{"class":446},"SetRows",[402,3369,3370],{"class":412},"(logs.Count);\n",[402,3372,3373],{"class":404,"line":491},[402,3374,430],{"emptyLinePlaceholder":429},[402,3376,3377],{"class":404,"line":524},[402,3378,3379],{"class":2438},"    // データソースを遅延読み込みモードで設定\n",[402,3381,3382,3384,3387],{"class":404,"line":557},[402,3383,3364],{"class":412},[402,3385,3386],{"class":446},"AddDataSource",[402,3388,3389],{"class":412},"(\n",[402,3391,3392,3395,3398,3400,3403,3405,3407,3410,3413],{"class":404,"line":580},[402,3393,3394],{"class":408},"        new",[402,3396,3397],{"class":446}," RangePosition",[402,3399,471],{"class":412},[402,3401,3402],{"class":439},"0",[402,3404,132],{"class":412},[402,3406,3402],{"class":439},[402,3408,3409],{"class":412},", logs.Count, ",[402,3411,3412],{"class":439},"COLUMN_COUNT",[402,3414,3415],{"class":412},"),\n",[402,3417,3418,3420,3423],{"class":404,"line":1341},[402,3419,3394],{"class":408},[402,3421,3422],{"class":446}," FlightLogDataSource",[402,3424,3425],{"class":412},"(logs),\n",[402,3427,3428],{"class":404,"line":1347},[402,3429,3430],{"class":2438},"        // 遅延ロードを有効化\n",[402,3432,3434],{"class":404,"line":3433},11,[402,3435,3436],{"class":412},"        DataSourceLoadMode.LazyLoading);\n",[402,3438,3440],{"class":404,"line":3439},12,[402,3441,1350],{"class":412},[12,3443,3444,3447,3453],{},[402,3445],{"style":3446},"background-repeat: no-repeat; box-sizing: inherit; padding: 0px; margin: 0px; border: 0px solid;",[402,3448,3452],{"style":3449,"className":3450},"background-repeat: no-repeat; box-sizing: inherit; padding: 0px; margin: 0px; border: 0px solid; position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px);",[3451],"visually-hidden","opy/"," このように、データソースの読み込み方式を遅延ロード（DataSourceLoadMode.LazyLoading）に指定するだけで完成です。",[25,3455,3457],{"id":3456},"罫線やセル書式セルスタイルにも対応可能",[16,3458,3459],{},"罫線やセル書式、セルスタイルにも対応可能",[12,3461,3462,3463,3465],{},"データだけではなく、DataSourceのインターフェイスの中では、罫線やセル書式などの適用も実装できます。これにより、ワークシートの初期化がさらに高速化でき、よりスムーズなアプリの体験を実装できます。",[2217,3464],{},"以下のサンプルコードでは、すべてのセルの罫線を設定する例です。",[393,3467,3469],{"className":3332,"code":3468,"language":3334,"meta":398,"style":398},"public class FlightLogDataSource : IDataSource\u003CFlightlogDataRecord>\n{    \n    ...\n\n    // GetRecord の部分を以下のように変更\n    public FlightlogDataRecord GetRecord(int row)\n    {\n        FlightlogDataRecord record = initedRecords[row];\n\n        if (record == null)\n        {\n          record = new FlightlogDataRecord(this, row, Logs[row]);\n          initedRecords[row] = record;\n\n          // 行が初めてアクセスされたときに、行の罫線を設定\n          Worksheet.SetRangeBorders(row, 0, 1, ColumnCount, BorderPositions.Outside, RangeBorderStyle.BlackSolid);\n          Worksheet.SetRangeBorders(row, 0, 1, ColumnCount, BorderPositions.InsideVertical, RangeBorderStyle.GrayDotted);\n        }\n\n        // 行データを返却\n        return record;\n    }\n\n    ...\n}\n",[56,3470,3471,3494,3499,3504,3508,3513,3535,3540,3550,3554,3570,3575,3596,3607,3612,3618,3640,3658,3664,3669,3675,3683,3689,3694,3699],{"__ignoreMap":398},[402,3472,3473,3476,3479,3481,3484,3487,3489,3492],{"class":404,"line":405},[402,3474,3475],{"class":412},"public ",[402,3477,3478],{"class":408},"class",[402,3480,3422],{"class":446},[402,3482,3483],{"class":412}," : ",[402,3485,3486],{"class":446},"IDataSource",[402,3488,436],{"class":412},[402,3490,3491],{"class":446},"FlightlogDataRecord",[402,3493,2506],{"class":412},[402,3495,3496],{"class":404,"line":426},[402,3497,3498],{"class":412},"{    \n",[402,3500,3501],{"class":404,"line":433},[402,3502,3503],{"class":408},"    ...\n",[402,3505,3506],{"class":404,"line":443},[402,3507,430],{"emptyLinePlaceholder":429},[402,3509,3510],{"class":404,"line":491},[402,3511,3512],{"class":2438},"    // GetRecord の部分を以下のように変更\n",[402,3514,3515,3518,3521,3524,3526,3529,3532],{"class":404,"line":524},[402,3516,3517],{"class":408},"    public",[402,3519,3520],{"class":412}," FlightlogDataRecord ",[402,3522,3523],{"class":446},"GetRecord",[402,3525,471],{"class":412},[402,3527,3528],{"class":455},"int",[402,3530,3531],{"class":455}," row",[402,3533,3534],{"class":412},")\n",[402,3536,3537],{"class":404,"line":557},[402,3538,3539],{"class":412},"    {\n",[402,3541,3542,3545,3547],{"class":404,"line":580},[402,3543,3544],{"class":412},"        FlightlogDataRecord record ",[402,3546,305],{"class":408},[402,3548,3549],{"class":412}," initedRecords[row];\n",[402,3551,3552],{"class":404,"line":1341},[402,3553,430],{"emptyLinePlaceholder":429},[402,3555,3556,3559,3562,3565,3568],{"class":404,"line":1347},[402,3557,3558],{"class":408},"        if",[402,3560,3561],{"class":412}," (record ",[402,3563,3564],{"class":408},"==",[402,3566,3567],{"class":439}," null",[402,3569,3534],{"class":412},[402,3571,3572],{"class":404,"line":3433},[402,3573,3574],{"class":412},"        {\n",[402,3576,3577,3580,3582,3585,3588,3590,3593],{"class":404,"line":3439},[402,3578,3579],{"class":412},"          record ",[402,3581,305],{"class":408},[402,3583,3584],{"class":408}," new",[402,3586,3587],{"class":446}," FlightlogDataRecord",[402,3589,471],{"class":412},[402,3591,3592],{"class":439},"this",[402,3594,3595],{"class":412},", row, Logs[row]);\n",[402,3597,3599,3602,3604],{"class":404,"line":3598},13,[402,3600,3601],{"class":412},"          initedRecords[row] ",[402,3603,305],{"class":408},[402,3605,3606],{"class":412}," record;\n",[402,3608,3610],{"class":404,"line":3609},14,[402,3611,430],{"emptyLinePlaceholder":429},[402,3613,3615],{"class":404,"line":3614},15,[402,3616,3617],{"class":2438},"          // 行が初めてアクセスされたときに、行の罫線を設定\n",[402,3619,3621,3624,3627,3630,3632,3634,3637],{"class":404,"line":3620},16,[402,3622,3623],{"class":412},"          Worksheet.",[402,3625,3626],{"class":446},"SetRangeBorders",[402,3628,3629],{"class":412},"(row, ",[402,3631,3402],{"class":439},[402,3633,132],{"class":412},[402,3635,3636],{"class":439},"1",[402,3638,3639],{"class":412},", ColumnCount, BorderPositions.Outside, RangeBorderStyle.BlackSolid);\n",[402,3641,3643,3645,3647,3649,3651,3653,3655],{"class":404,"line":3642},17,[402,3644,3623],{"class":412},[402,3646,3626],{"class":446},[402,3648,3629],{"class":412},[402,3650,3402],{"class":439},[402,3652,132],{"class":412},[402,3654,3636],{"class":439},[402,3656,3657],{"class":412},", ColumnCount, BorderPositions.InsideVertical, RangeBorderStyle.GrayDotted);\n",[402,3659,3661],{"class":404,"line":3660},18,[402,3662,3663],{"class":412},"        }\n",[402,3665,3667],{"class":404,"line":3666},19,[402,3668,430],{"emptyLinePlaceholder":429},[402,3670,3672],{"class":404,"line":3671},20,[402,3673,3674],{"class":2438},"        // 行データを返却\n",[402,3676,3678,3681],{"class":404,"line":3677},21,[402,3679,3680],{"class":408},"        return",[402,3682,3606],{"class":412},[402,3684,3686],{"class":404,"line":3685},22,[402,3687,3688],{"class":412},"    }\n",[402,3690,3692],{"class":404,"line":3691},23,[402,3693,430],{"emptyLinePlaceholder":429},[402,3695,3697],{"class":404,"line":3696},24,[402,3698,3503],{"class":408},[402,3700,3702],{"class":404,"line":3701},25,[402,3703,1350],{"class":412},[12,3705,3706,3708],{},[402,3707],{"style":3446},[402,3709,3711],{"style":3449,"className":3710},[3451],"copy",[25,3713,3715],{"id":3714},"より詳しく",[16,3716,3714],{},[12,3718,3719,3720,3725],{},"ReoGridの公式サイトでは、より詳しいドキュメントとサンプルコードを掲載しています。詳しくはド",[653,3721,3724],{"href":3722,"rel":3723},"https://reogrid.net/jp/document/how-to/fast-load-large-data-with-lazy-load-mode/",[657],"キュメントページ","をご参照ください。",[25,3727,3729],{"id":3728},"reogrid-バージョン4-について",[16,3730,3731],{},"ReoGrid バージョン4 について",[12,3733,3734,3735,3737],{},"ReoGridはこれまで、国内・海外の企業の様々なシステムで採用されています。特に金融システムや製造業、公共インフラシステムといった、日常的に大量のデータを取り扱うシステムへの導入実績が数多くあります。",[2217,3736],{},"ReoGrid バージョン4は、これら分野への導入・運用で得られた経験に加えてユーザー様からの声を反映した、性能・機能ともに大幅に進化した最新バージョンです。",[12,3739,3740,3741,3743],{},"ReoGrid バージョン4のリリース以降、すでに複数の企業に導入していただき、高速化、安定性、使いやすさの面で高い評価をいただいています。",[2217,3742],{},"今後もさらなる高性能化を目指し継続的な改善を続けるとともに、信頼性の高いサポートを提供してまいります。",[12,3745,3746],{},"▼ReoGridの詳細・ご購入",[12,3748,3749],{},[653,3750,1634],{"href":1634,"rel":3751},[657],[681,3753,3754],{},"html pre.shiki code .sVt8B, html code.shiki .sVt8B{--shiki-default:#24292E;--shiki-dark:#E1E4E8}html pre.shiki code .szBVR, html code.shiki .szBVR{--shiki-default:#D73A49;--shiki-dark:#F97583}html pre.shiki code .sScJk, html code.shiki .sScJk{--shiki-default:#6F42C1;--shiki-dark:#B392F0}html pre.shiki code .sJ8bj, html code.shiki .sJ8bj{--shiki-default:#6A737D;--shiki-dark:#6A737D}html pre.shiki code .sj4cs, html code.shiki .sj4cs{--shiki-default:#005CC5;--shiki-dark:#79B8FF}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 .s4XuR, html code.shiki .s4XuR{--shiki-default:#E36209;--shiki-dark:#FFAB70}",{"title":398,"searchDepth":426,"depth":426,"links":3756},[3757,3758,3759,3760,3761],{"id":3287,"depth":426,"text":3287},{"id":3321,"depth":426,"text":3321},{"id":3456,"depth":426,"text":3459},{"id":3714,"depth":426,"text":3714},{"id":3728,"depth":426,"text":3731},"2025-10-21","ReoGridの「遅延ロード（Lazy Loading）」機能を使えば、数十万行規模の大規模データも超高速に表示できます。その仕組みと実装方法を解説します。",{},"/blog/reogrid-large-data-lazy-loading",{"title":3269,"description":3767},".NET向けスプレッドシートコンポーネント ReoGrid の遅延ロード機能により、数十万行のデータをミリ秒単位で表示できます。大規模データの高速表示を実現する仕組みを解説。","blog/reogrid-large-data-lazy-loading",[705,707,1673,3263,1674,3770,3264],"lazy-loading","/images/articles/a5ed9da817f9b19571529b7e62d7248c.webp","gzB02dGpKRg26S5ST5idMkSNJa8He88V78aNllteXQU",{"id":3774,"title":3775,"author":7,"body":3776,"date":3917,"description":3918,"extension":698,"meta":3919,"navigation":429,"path":3920,"seo":3921,"stem":3923,"tags":3924,"thumbnail":3927,"__hash__":3928},"blog/blog/reogrid-excel-like-library.md","Excelをアプリに組み込む？.NET開発者向けの\"Excelライク\"ライブラリ ReoGrid",{"type":9,"value":3777,"toc":3911},[3778,3783,3788,3791,3797,3803,3806,3820,3823,3829,3832,3835,3838,3852,3855,3861,3864,3881,3884,3889,3892,3895],[775,3779,3780],{},[12,3781,3782],{},"「このデータ、Excelっぽい画面で見せられたら使いやすいのに」",[775,3784,3785],{},[12,3786,3787],{},"「Excelファイルを直接アプリで開いて、編集できたら便利なのに」",[12,3789,3790],{},"そんな開発者のニーズに応えるのが「Excelライクライブラリ」です。",[12,3792,3793],{},[737,3794],{"alt":3795,"src":3796},"reogrid-snapshots","/images/reogrid-net-snapshot.png",[25,3798,3800],{"id":3799},"excelライクライブラリとは",[16,3801,3802],{},"Excelライクライブラリとは？",[12,3804,3805],{},"Excelのような表計算画面をアプリの中に組み込めるコンポーネントです。Excelをインストールしていなくても、アプリ単体で表計算機能を実現できます。",[37,3807,3808,3811,3814,3817],{},[40,3809,3810],{},"セルに値を入力できる",[40,3812,3813],{},"関数で計算できる",[40,3815,3816],{},"罫線やセル結合、セル書式設定もできる",[40,3818,3819],{},"Excelファイルを読み書きできる",[12,3821,3822],{},"つまり、ユーザーから見れば「アプリの中にExcelが入っている」ように使えるわけです。",[25,3824,3826],{"id":3825},"reogridとは",[16,3827,3828],{},"ReoGridとは？",[12,3830,3831],{},"ReoGrid（レオグリッド）は、.NETアプリケーション向けのExcelライクライブラリです。2014年の登場以来、国内外のさまざまな企業や研究プロジェクトに導入されてきました。",[12,3833,3834],{},"特徴はシンプルでわかりやすい構成。DLLひとつを追加するだけで、すぐにフォーム上にスプレッドシートを置けます。",[12,3836,3837],{},"そして最大の強みは「軽快さ」です。",[37,3839,3840,3843,3846,3849],{},[40,3841,3842],{},"数百万行のデータでも高速にスクロール＆描画",[40,3844,3845],{},"不要な依存関係がないので軽量",[40,3847,3848],{},"Excelファイル（.xlsx）の読み込み・編集に対応",[40,3850,3851],{},"WinFormsとWPFに対応",[12,3853,3854],{},"「他のExcelライクのライブラリより動作が速い」ことが多くの現場で評価されています。",[25,3856,3858],{"id":3857},"どんな場面で使えるの",[16,3859,3860],{},"どんな場面で使えるの？",[12,3862,3863],{},"ReoGridが活躍するのは、こんなシーンです。",[37,3865,3866,3869,3872,3875,3878],{},[40,3867,3868],{},"社内システムで、データをExcelっぽく入力・表示させたいとき",[40,3870,3871],{},"複雑な帳票を表示、印刷したいとき",[40,3873,3874],{},"Excelのファイルを出力、読み込みたいとき",[40,3876,3877],{},"Excelで作っていたツールを、専用アプリとして配布したいとき",[40,3879,3880],{},"ExcelファイルがそのままアプリのUIにしたいとき",[12,3882,3883],{},"例えば製造業の工程管理や、金融システムのデータ閲覧、自治体システムでの業務帳票など、さまざまな分野で活用されています。",[25,3885,3887],{"id":3886},"まとめ",[16,3888,3886],{},[12,3890,3891],{},"ReoGridは、そんなニーズに応える国内有数のライブラリとして、軽快で扱いやすい実装を提供しています。",[12,3893,3894],{},"もし「アプリの中でExcelファイルを開きたい」「Excelっぽい操作感を持たせたい」と思ったら、一度ReoGridを試してみてください。",[12,3896,3897,3898,3903,3907],{},"👉 詳しくはこちらから: ",[402,3899,3902],{"className":3900},[3901],"Apple-converted-space","  ",[653,3904,3906],{"href":1634,"rel":3905},[657],"https://reogrid.net/",[653,3908,3910],{"href":1634,"rel":3909},[657],"jp",{"title":398,"searchDepth":426,"depth":426,"links":3912},[3913,3914,3915,3916],{"id":3799,"depth":426,"text":3802},{"id":3825,"depth":426,"text":3828},{"id":3857,"depth":426,"text":3860},{"id":3886,"depth":426,"text":3886},"2025-08-25","「このデータ、Excelっぽい画面で見せられたら使いやすいのに」というニーズに応えるExcelライクライブラリ ReoGrid を紹介します。",{},"/blog/reogrid-excel-like-library",{"title":3775,"description":3922},".NETアプリにスプレッドシート機能を組み込むためのコンポーネント ReoGrid を紹介。Excelのインストール不要で、セル入力・数式・書式設定・Excelファイルの読み書きを実現します。","blog/reogrid-excel-like-library",[705,707,1673,3263,3264,3925,3926],"winforms","wpf","/images/articles/b85a74e058888008a2fa5c40a1eab4fe.webp","JDpymSBeHR8jxxiZ586dhRy5McnhjR7O2Nvu-u0LTIU",1780378954651]