[{"data":1,"prerenderedAt":2344},["ShallowReactive",2],{"blog-list":3},[4,367,639,1363,1465,1673,2187],{"id":5,"title":6,"author":7,"body":8,"date":350,"description":351,"extension":352,"meta":353,"navigation":354,"path":355,"seo":356,"stem":358,"tags":359,"thumbnail":365,"__hash__":366},"blog/blog/kyorimemo-release.md","距離メモ リリースのお知らせ — 車の走行距離をかんたん記録するiOSアプリ",null,{"type":9,"value":10,"toc":328},"minimark",[11,16,23,26,31,38,41,43,47,50,53,55,58,63,66,70,73,77,80,84,87,91,94,98,101,105,108,110,113,158,161,163,166,185,187,190,260,262,266,269,288,290,294,297,306,308,311],[12,13,15],"h1",{"id":14},"unvell株式会社車の走行距離をかんたん記録するiosアプリ距離メモをリリース","UNVELL株式会社、車の走行距離をかんたん記録するiOSアプリ「距離メモ」をリリース",[17,18,19],"p",{},[20,21,22],"strong",{},"〜 オドメーターの数値を入力するだけ。業務日報・経費精算・確定申告にそのまま使える 〜",[24,25],"hr",{},[17,27,28],{},[20,29,30],{},"2026年4月10日 — UNVELL株式会社",[17,32,33,34,37],{},"UNVELL株式会社は、iOS向け走行距離記録アプリ ",[20,35,36],{},"「距離メモ（Kyorimemo）」"," をApp Storeにて公開したことをお知らせいたします。",[17,39,40],{},"「距離メモ」は、車のオドメーター（走行距離計）の数値をサッと入力するだけで走行距離を自動計算・記録できるシンプルなiOSアプリです。業務日報、社用車・自家用車の管理、経費精算、確定申告など、日々の実務シーンを想定して設計されています。",[24,42],{},[44,45,46],"h2",{"id":46},"開発の背景",[17,48,49],{},"業務での移動や営業活動に伴う走行距離の記録は、ノートやExcelで手書き管理されているケースが今も少なくありません。記録が散逸して経費精算時に困ったり、複数台の車両をまとめて管理できなかったりと、現場の負担は意外と大きいものです。",[17,51,52],{},"「距離メモ」は、こうした日々の小さな手間を解消するために開発されました。スマートフォン1台でいつでもどこでもサッと記録できる、シンプルかつ実用的な走行距離管理ツールを目指しています。",[24,54],{},[44,56,57],{"id":57},"主な特徴",[59,60,62],"h3",{"id":61},"_1-かんたん入力","1. かんたん入力",[17,64,65],{},"オドメーターの開始値・終了値を入力するだけ。走行距離は自動計算されます。メモや位置情報もあわせて記録でき、後から「いつ・どこで・何km走ったか」をすぐに振り返ることができます。",[59,67,69],{"id":68},"_2-複数車両の管理pro","2. 複数車両の管理（Pro）",[17,71,72],{},"自家用車、社用車、バイクなど、複数の車両を色分けして登録可能。スワイプ操作で車両を切り替えながら記録できます。",[59,74,76],{"id":75},"_3-カレンダー表示pro","3. カレンダー表示（Pro）",[17,78,79],{},"日付ごとに記録を確認できるカレンダービュー。過去の日付への記録追加にも対応しており、月ごとの走行パターンを把握するのに役立ちます。",[59,81,83],{"id":82},"_4-csvエクスポートpro","4. CSVエクスポート（Pro）",[17,85,86],{},"記録したデータをCSV形式で出力可能。経費精算、業務日報、確定申告、車両管理レポートなど、各種書類作成にそのまま活用できます。UTF-8 BOM付きで、Excelでも文字化けせず開けます。",[59,88,90],{"id":89},"_5-icloudデータ同期","5. iCloudデータ同期",[17,92,93],{},"iCloudを有効にすればデータが自動的にバックアップ・同期されます。機種変更時もデータの引き継ぎがスムーズです。",[59,95,97],{"id":96},"_6-位置情報の自動記録","6. 位置情報の自動記録",[17,99,100],{},"現在地の住所を自動取得して記録に追加。どこで給油・運行記録を取ったかを後から確認できます。",[59,102,104],{"id":103},"_7-広告なし","7. 広告なし",[17,106,107],{},"無料版でもアプリ内に広告は一切表示されません。すっきりした画面で記録に集中できます。",[24,109],{},[44,111,112],{"id":112},"料金プラン",[114,115,116,132],"table",{},[117,118,119],"thead",{},[120,121,122,126,129],"tr",{},[123,124,125],"th",{},"プラン",[123,127,128],{},"価格",[123,130,131],{},"主な機能",[133,134,135,147],"tbody",{},[120,136,137,141,144],{},[138,139,140],"td",{},"無料プラン",[138,142,143],{},"¥0",[138,145,146],{},"車両1台、走行距離の入力・記録、一覧表示、広告なし",[120,148,149,152,155],{},[138,150,151],{},"Proプラン",[138,153,154],{},"月額 ¥550",[138,156,157],{},"車両無制限、カレンダー表示、CSVエクスポート、その他全機能",[17,159,160],{},"Proプランはいつでもキャンセル可能です。",[24,162],{},[44,164,165],{"id":165},"想定対象ユーザー",[167,168,169,173,176,179,182],"ul",{},[170,171,172],"li",{},"営業職・サービス業など業務で車を運転する方",[170,174,175],{},"社用車・複数車両を管理する企業の総務担当者",[170,177,178],{},"個人事業主・フリーランス（経費精算・確定申告）",[170,180,181],{},"自家用車の燃費・走行距離を把握したい方",[170,183,184],{},"車検・メンテナンスの履歴を残したい方",[24,186],{},[44,188,189],{"id":189},"製品概要",[114,191,192,202],{},[117,193,194],{},[120,195,196,199],{},[123,197,198],{},"項目",[123,200,201],{},"内容",[133,203,204,212,220,227,240,252],{},[120,205,206,209],{},[138,207,208],{},"製品名",[138,210,211],{},"距離メモ（Kyorimemo）",[120,213,214,217],{},[138,215,216],{},"対応OS",[138,218,219],{},"iOS（iPhone / iPad）",[120,221,222,224],{},[138,223,128],{},[138,225,226],{},"無料（Proプラン 月額¥550）",[120,228,229,232],{},[138,230,231],{},"公式サイト",[138,233,234],{},[235,236,237],"a",{"href":237,"rel":238},"https://kyorimemo.unvell.com",[239],"nofollow",[120,241,242,245],{},[138,243,244],{},"App Store",[138,246,247],{},[235,248,251],{"href":249,"rel":250},"https://apps.apple.com/jp/app/%E8%B7%9D%E9%9B%A2%E3%83%A1%E3%83%A2/id6761127233",[239],"https://apps.apple.com/jp/app/距離メモ/id6761127233",[120,253,254,257],{},[138,255,256],{},"開発・販売",[138,258,259],{},"UNVELL株式会社",[24,261],{},[44,263,265],{"id":264},"ダウンロード詳細情報","ダウンロード・詳細情報",[17,267,268],{},"App Storeより無料でダウンロードいただけます。",[167,270,271,280],{},[170,272,273,276,277],{},[20,274,275],{},"App Store:"," ",[235,278,251],{"href":249,"rel":279},[239],[170,281,282,276,285],{},[20,283,284],{},"公式サイト:",[235,286,237],{"href":237,"rel":287},[239],[24,289],{},[44,291,293],{"id":292},"unvell株式会社について","UNVELL株式会社について",[17,295,296],{},"UNVELL株式会社は、「Keep Simple, Keep Smart」をコンセプトに掲げるソフトウェア開発企業です。スプレッドシートコンポーネント「ReoGrid」をはじめ、開発者・クリエイター・ビジネスユーザー向けのソフトウェア製品を開発・提供しています。",[17,298,299,276,302],{},[20,300,301],{},"会社サイト:",[235,303,304],{"href":304,"rel":305},"https://unvell.com",[239],[24,307],{},[59,309,310],{"id":310},"本件に関するお問い合わせ",[167,312,313,315,322],{},[170,314,259],{},[170,316,317,318],{},"E-mail: ",[235,319,321],{"href":320},"mailto:info@unvell.com","info@unvell.com",[170,323,324,325],{},"Web: ",[235,326,237],{"href":237,"rel":327},[239],{"title":329,"searchDepth":330,"depth":330,"links":331},"",2,[332,333,343,344,345,346,347],{"id":46,"depth":330,"text":46},{"id":57,"depth":330,"text":57,"children":334},[335,337,338,339,340,341,342],{"id":61,"depth":336,"text":62},3,{"id":68,"depth":336,"text":69},{"id":75,"depth":336,"text":76},{"id":82,"depth":336,"text":83},{"id":89,"depth":336,"text":90},{"id":96,"depth":336,"text":97},{"id":103,"depth":336,"text":104},{"id":112,"depth":330,"text":112},{"id":165,"depth":330,"text":165},{"id":189,"depth":330,"text":189},{"id":264,"depth":330,"text":265},{"id":292,"depth":330,"text":293,"children":348},[349],{"id":310,"depth":336,"text":310},"2026-04-10","UNVELL株式会社は、車の走行距離（オドメーター）をサッと記録できるiOSアプリ「距離メモ（Kyorimemo）」をリリースしました。業務日報・車両管理・経費精算・確定申告に活用でき、CSVエクスポート・カレンダー表示・複数車両管理などのProプランも提供します。","md",{},true,"/blog/kyorimemo-release",{"title":6,"description":357},"距離メモは、車のオドメーターをサッと入力するだけで走行距離を自動計算・記録できるiOSアプリです。複数車両管理、カレンダー表示、CSVエクスポート、iCloud同期、広告なし。業務日報・経費精算・確定申告に。","blog/kyorimemo-release",[360,361,362,363,364],"kyorimemo","ios-app","vehicle-management","mileage-tracker","release","/images/articles/kyorimemo-overview.png","KTPofxwMArAXAAf9UBd7xDg5cEQ-pCS3uHqGAhlrbZc",{"id":368,"title":369,"author":7,"body":370,"date":625,"description":626,"extension":352,"meta":627,"navigation":354,"path":628,"seo":629,"stem":631,"tags":632,"thumbnail":637,"__hash__":638},"blog/blog/video-tagger-press-release.md","VideoTagger 正式リリースのお知らせ — AI搭載のタグベース動画ファイル管理ツール",{"type":9,"value":371,"toc":608},[372,376,381,383,388,395,402,404,406,409,412,414,416,420,423,427,430,434,448,452,455,459,462,466,469,471,474,491,493,495,552,554,556,559,577,579,581,584,591,593,595],[12,373,375],{"id":374},"unvell株式会社ai搭載の動画ファイル管理ツールvideotaggerを正式リリース","UNVELL株式会社、AI搭載の動画ファイル管理ツール「VideoTagger」を正式リリース",[17,377,378],{},[20,379,380],{},"〜 タグベースの大量動画ファイル管理に特化。オンデバイスAIがタグ検出をアシスト 〜",[24,382],{},[17,384,385],{},[20,386,387],{},"2026年4月1日 — UNVELL株式会社",[17,389,390,391,394],{},"UNVELL株式会社は、デスクトップ向け動画ファイル管理ツール ",[20,392,393],{},"「VideoTagger」"," の正式版（v1.0.0）をリリースしたことをお知らせいたします。",[17,396,397,398,401],{},"VideoTaggerは、増え続ける動画ファイルを ",[20,399,400],{},"タグベースで整理・検索"," するために設計された専用ツールです。オンデバイスAIによるタグの自動検出機能を搭載しており、大量の動画ファイルを効率的に管理できます。macOS / Windows に対応し、本日より公式サイトにてダウンロード提供を開始します。",[24,403],{},[44,405,46],{"id":46},[17,407,408],{},"映像制作やコンテンツ制作の現場では、撮影素材が日々蓄積され、数千〜数万ファイルに達することも珍しくありません。フォルダ分けだけでは管理しきれず、「あの映像はどこにあったか」と探す時間が大きなロスになっています。",[17,410,411],{},"VideoTaggerは、こうした課題を解決するために開発されました。ファイルにタグを付けて整理し、タグで瞬時に検索する — シンプルかつ強力な動画ファイル管理を実現します。",[24,413],{},[44,415,57],{"id":57},[59,417,419],{"id":418},"_1-タグベースの動画管理に特化","1. タグベースの動画管理に特化",[17,421,422],{},"動画ファイルにカスタムタグを自由に作成・割り当て可能。複数ファイルへの一括タグ付け（バッチタグ付け）にも対応し、大量のファイルを効率的に整理できます。",[59,424,426],{"id":425},"_2-aiによるタグ自動検出アシスト","2. AIによるタグ自動検出アシスト",[17,428,429],{},"オンデバイスAI（TensorFlow.js）が動画の内容を分析し、人物・車・風景などの被写体を自動検出してタグを提案します。すべてのAI処理はローカルで実行されるため、動画ファイルが外部サーバーに送信されることはありません。",[59,431,433],{"id":432},"_3-2つのワークスペース設計","3. 2つのワークスペース設計",[167,435,436,442],{},[170,437,438,441],{},[20,439,440],{},"Organize（整理）モード"," — ライブラリにファイルを追加し、タグを付けて整理",[170,443,444,447],{},[20,445,446],{},"Find（検索）モード"," — タグを選択して目的のファイルを瞬時に検索",[59,449,451],{"id":450},"_4-高速サムネイルプレビュー","4. 高速サムネイルプレビュー",[17,453,454],{},"ライブラリ内のすべての動画に対してサムネイルを自動生成・キャッシュ。ファイルを開かずに内容を素早く確認できます。",[59,456,458],{"id":457},"_5-詳細なメタデータ表示","5. 詳細なメタデータ表示",[17,460,461],{},"解像度、フレームレート、コーデック、ビットレート、撮影カメラ・レンズ情報など、動画ファイルの技術的なメタデータを自動的に取得・表示します。",[59,463,465],{"id":464},"_6-プライバシーファースト設計","6. プライバシーファースト設計",[17,467,468],{},"AI処理・データベースともにすべてローカルで完結。動画ファイルやメタデータがクラウドにアップロードされることはありません。",[24,470],{},[44,472,473],{"id":473},"対象ユーザー",[167,475,476,479,482,485,488],{},[170,477,478],{},"映像クリエイター・シネマトグラファー",[170,480,481],{},"YouTuber・動画コンテンツクリエイター",[170,483,484],{},"映像制作会社",[170,486,487],{},"ストック映像の管理者",[170,489,490],{},"企業のマーケティング・広報部門",[24,492],{},[44,494,189],{"id":189},[114,496,497,505],{},[117,498,499],{},[120,500,501,503],{},[123,502,198],{},[123,504,201],{},[133,506,507,514,522,529,536,546],{},[120,508,509,511],{},[138,510,208],{},[138,512,513],{},"VideoTagger",[120,515,516,519],{},[138,517,518],{},"バージョン",[138,520,521],{},"1.0.0",[120,523,524,526],{},[138,525,216],{},[138,527,528],{},"macOS（Apple Silicon）/ Windows（x64）",[120,530,531,533],{},[138,532,128],{},[138,534,535],{},"サブスクリプション制（30日間無料トライアルあり）",[120,537,538,540],{},[138,539,231],{},[138,541,542],{},[235,543,544],{"href":544,"rel":545},"https://video-tagger.com",[239],[120,547,548,550],{},[138,549,256],{},[138,551,259],{},[24,553],{},[44,555,265],{"id":264},[17,557,558],{},"公式サイトより無料トライアル版をダウンロードいただけます。",[17,560,561,563,564,567,570,563,573],{},[20,562,284],{}," 　",[235,565,544],{"href":544,"rel":566},[239],[568,569],"br",{},[20,571,572],{},"日本語ページ:",[235,574,575],{"href":575,"rel":576},"https://video-tagger.com/ja",[239],[24,578],{},[44,580,293],{"id":292},[17,582,583],{},"UNVELL株式会社は、「Keep Simple, Keep Smart」をコンセプトに掲げるソフトウェア開発企業です。AIや最先端技術を積極的に採用し、スプレッドシートコンポーネント「ReoGrid」をはじめ、開発者・クリエイター向けのソフトウェア製品を開発・提供しています。",[17,585,586,563,588],{},[20,587,301],{},[235,589,304],{"href":304,"rel":590},[239],[24,592],{},[59,594,310],{"id":310},[17,596,259,597,599,600,602,604,605],{},[568,598],{},"\nE-mail: ",[235,601,321],{"href":320},[568,603],{},"\nWeb: ",[235,606,544],{"href":544,"rel":607},[239],{"title":329,"searchDepth":330,"depth":330,"links":609},[610,611,619,620,621,622],{"id":46,"depth":330,"text":46},{"id":57,"depth":330,"text":57,"children":612},[613,614,615,616,617,618],{"id":418,"depth":336,"text":419},{"id":425,"depth":336,"text":426},{"id":432,"depth":336,"text":433},{"id":450,"depth":336,"text":451},{"id":457,"depth":336,"text":458},{"id":464,"depth":336,"text":465},{"id":473,"depth":330,"text":473},{"id":189,"depth":330,"text":189},{"id":264,"depth":330,"text":265},{"id":292,"depth":330,"text":293,"children":623},[624],{"id":310,"depth":336,"text":310},"2026-04-01","大量の動画ファイルをタグで整理・検索できるデスクトップツール「VideoTagger」を正式リリース。オンデバイスAIによるタグ自動検出アシスト機能搭載。macOS / Windows対応、30日間無料トライアルあり。",{},"/blog/video-tagger-press-release",{"title":369,"description":630},"大量の動画ファイルをタグで整理・検索できるデスクトップツール「VideoTagger」を正式リリース。オンデバイスAIによるタグ自動検出、バッチタグ付け、高速サムネイルプレビュー搭載。プライバシーファースト設計で動画がクラウドに送信されることはありません。","blog/video-tagger-press-release",[633,634,635,364,636],"videotagger","video-management","ai-tagging","desktop-app","/images/articles/videotagger-overview.png","ZbFwduVgKZkdaKWfi3gOMFsa3OuFk2EfYDc7Y_C76Do",{"id":640,"title":641,"author":7,"body":642,"date":1349,"description":1350,"extension":352,"meta":1351,"navigation":354,"path":1352,"seo":1353,"stem":1355,"tags":1356,"thumbnail":1361,"__hash__":1362},"blog/blog/reogrid-web-release.md","ReoGrid Web 正式リリースのお知らせ — 高機能ExcelライクWebスプレッドシートライブラリ",{"type":9,"value":643,"toc":1330},[644,651,655,658,661,663,667,674,677,679,682,686,689,696,700,706,738,742,748,762,765,772,778,782,785,859,949,953,956,958,961,968,1056,1059,1063,1066,1070,1073,1075,1078,1202,1209,1212,1214,1217,1220,1272,1274,1278,1296,1326],[17,645,646,647,650],{},"UNVELL株式会社は、本日2026年3月24日、",[20,648,649],{},"ReoGrid Web"," を正式リリースしました。WebアプリにExcelライクなスプレッドシート機能を組み込めるJavaScript/TypeScriptライブラリです。",[44,652,654],{"id":653},"reogrid-webとは","ReoGrid Webとは",[17,656,657],{},"ReoGrid Webは、ブラウザ上で動作するExcelライクな表計算スプレッドシートライブラリです。数式エンジン・Excel I/O・Canvas描画エンジンをすべて単一パッケージに内蔵し、React・Vue両フレームワークに対応しています。",[17,659,660],{},"ライブラリ１つでプロジェクトに追加でき、Excelと同等の表計算機能をWebアプリに提供します。",[24,662],{},[44,664,666],{"id":665},"開発背景-net版10年超のノウハウをwebへ","開発背景 — .NET版10年超のノウハウをWebへ",[17,668,669,670,673],{},"弊社はWinForms/WPF向けの ",[20,671,672],{},"ReoGrid .NET版"," を2014年から開発・提供してきました。累計NuGetダウンロード数は180,000以上に達しています。",[17,675,676],{},"この10年超の開発で培ったセルモデルの設計、数式エンジン、Excel互換の知見を活かし、Web開発者向けの新製品としてReoGrid Webを開発しました。",[24,678],{},[44,680,681],{"id":681},"主要機能ハイライト",[59,683,685],{"id":684},"請求書サンプル-数式エンジンの実力","請求書サンプル — 数式エンジンの実力",[17,687,688],{},"数式を使った実用的なサンプルとして、請求書デモをご用意しています。数量と単価を入力すると合計が自動計算されます。Excelと同じ感覚で数式を組めることを体感いただけます。",[17,690,691],{},[692,693],"img",{"alt":694,"src":695},"請求書サンプル — 数式エンジンによる自動計算","/images/articles/reogrid-web-invoice.png",[59,697,699],{"id":698},"excelとの高い互換性","Excelとの高い互換性",[17,701,702,703,705],{},"ReoGrid Webの設計で特に重視したのが、",[20,704,699],{},"です。",[167,707,708,714,720],{},[170,709,710,713],{},[20,711,712],{},"数式の互換性",": SUM・AVERAGE・IF・VLOOKUP など主要関数を実装、セル参照もExcel互換",[170,715,716,719],{},[20,717,718],{},"xlsxインポート・エクスポート",": セル値・数式・スタイル・罫線・セル結合を維持して読み書き",[170,721,722,725,726,730,731,730,734,737],{},[20,723,724],{},"Excel数値書式",": ",[727,728,729],"code",{},"#,##0.00","・",[727,732,733],{},"¥#,##0",[727,735,736],{},"yyyy/mm/dd"," などExcelの書式文字列をそのまま使用可能",[59,739,741],{"id":740},"セルスタイルexcel互換レイアウト","セルスタイル・Excel互換レイアウト",[17,743,744],{},[692,745],{"alt":746,"src":747},"セルスタイルのサンプル","/images/articles/reogrid-web-cell-styles.png",[167,749,750,756],{},[170,751,752,755],{},[20,753,754],{},"セルスタイルの完全再現",": フォント・文字色・背景色・配置・インデントをExcelと同じ精度で表現",[170,757,758,761],{},[20,759,760],{},"罫線・セル結合",": 罫線の種類・太さ・色を辺ごとに設定、セル結合もExcel互換で動作",[59,763,764],{"id":764},"最適化された高速描画エンジン",[17,766,767,768,771],{},"表示領域のセルのみを描画する仮想スクロールにより、10,000行を超えるデータも滑らかに表示します。実測で ",[20,769,770],{},"10万セル（1万行×10列）を約200ms（1セルあたり2μs）"," で初期化。他社製品に比べ約95倍の処理速度です（※弊社調べ）。",[17,773,774],{},[692,775],{"alt":776,"src":777},"データフィルター・ソート・大量データのデモ","/images/articles/reogrid-web-data-table.png",[59,779,781],{"id":780},"reactvue対応","React・Vue対応",[17,783,784],{},"両フレームワーク向けのラッパーを内蔵。TypeScript型定義付きで、オートコンプリートをそのまま利用できます。",[786,787,791],"pre",{"className":788,"code":789,"language":790,"meta":329,"style":329},"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",[727,792,793,802,822,827],{"__ignoreMap":329},[794,795,798],"span",{"class":796,"line":797},"line",1,[794,799,801],{"class":800},"sJ8bj","// React\n",[794,803,804,808,812,815,819],{"class":796,"line":330},[794,805,807],{"class":806},"szBVR","import",[794,809,811],{"class":810},"sVt8B"," { Reogrid } ",[794,813,814],{"class":806},"from",[794,816,818],{"class":817},"sZZnC"," '@reogrid/lite/react'",[794,820,821],{"class":810},";\n",[794,823,824],{"class":796,"line":336},[794,825,826],{"emptyLinePlaceholder":354},"\n",[794,828,830,833,837,841,844,847,850,853,856],{"class":796,"line":829},4,[794,831,832],{"class":810},"\u003C",[794,834,836],{"class":835},"sj4cs","Reogrid",[794,838,840],{"class":839},"sScJk"," style",[794,842,843],{"class":806},"=",[794,845,846],{"class":810},"{{ width: ",[794,848,849],{"class":817},"'100%'",[794,851,852],{"class":810},", height: ",[794,854,855],{"class":817},"'400px'",[794,857,858],{"class":810}," }} />\n",[786,860,864],{"className":861,"code":862,"language":863,"meta":329,"style":329},"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",[727,865,866,871,885,898,907,912,922,940],{"__ignoreMap":329},[794,867,868],{"class":796,"line":797},[794,869,870],{"class":800},"\u003C!-- Vue -->\n",[794,872,873,875,879,882],{"class":796,"line":330},[794,874,832],{"class":810},[794,876,878],{"class":877},"s9eBZ","script",[794,880,881],{"class":839}," setup",[794,883,884],{"class":810},">\n",[794,886,887,889,891,893,896],{"class":796,"line":336},[794,888,807],{"class":806},[794,890,811],{"class":810},[794,892,814],{"class":806},[794,894,895],{"class":817}," '@reogrid/lite/vue'",[794,897,821],{"class":810},[794,899,900,903,905],{"class":796,"line":829},[794,901,902],{"class":810},"\u003C/",[794,904,878],{"class":877},[794,906,884],{"class":810},[794,908,910],{"class":796,"line":909},5,[794,911,826],{"emptyLinePlaceholder":354},[794,913,915,917,920],{"class":796,"line":914},6,[794,916,832],{"class":810},[794,918,919],{"class":877},"template",[794,921,884],{"class":810},[794,923,925,928,930,932,934,937],{"class":796,"line":924},7,[794,926,927],{"class":810},"  \u003C",[794,929,836],{"class":877},[794,931,840],{"class":839},[794,933,843],{"class":810},[794,935,936],{"class":817},"\"width: 100%; height: 400px\"",[794,938,939],{"class":810}," />\n",[794,941,943,945,947],{"class":796,"line":942},8,[794,944,902],{"class":810},[794,946,919],{"class":877},[794,948,884],{"class":810},[59,950,952],{"id":951},"日本語日本書式にネイティブ対応","日本語・日本書式にネイティブ対応",[17,954,955],{},"日本の数値書式（¥1,234）・日付書式（yyyy年M月d日）・元号対応など、ローカライズではなくネイティブ実装で対応しています。",[24,957],{},[44,959,960],{"id":960},"世界水準のパッケージ効率",[17,962,963,964,967],{},"フル機能を備えながら、",[20,965,966],{},"gzip 68KB（minified 248KB）"," という世界最小クラスのバンドルサイズを実現しています。",[114,969,970,986],{},[117,971,972],{},[120,973,974,977,980,983],{},[123,975,976],{},"ライブラリ",[123,978,979],{},"gzip",[123,981,982],{},"数式内蔵",[123,984,985],{},"Excel I/O内蔵",[133,987,988,1005,1018,1031,1044],{},[120,989,990,995,1000,1003],{},[138,991,992,994],{},[20,993,649],{}," （日本）",[138,996,997],{},[20,998,999],{},"68 KB",[138,1001,1002],{},"✅",[138,1004,1002],{},[120,1006,1007,1010,1013,1015],{},[138,1008,1009],{},"比較対象 A（海外）",[138,1011,1012],{},"122 KB",[138,1014,1002],{},[138,1016,1017],{},"❌",[120,1019,1020,1023,1026,1028],{},[138,1021,1022],{},"比較対象 B（海外）",[138,1024,1025],{},"621 KB",[138,1027,1002],{},[138,1029,1030],{},"△",[120,1032,1033,1036,1039,1042],{},[138,1034,1035],{},"比較対象 C（日本）",[138,1037,1038],{},"1,700+ KB",[138,1040,1041],{},"✅（別PKG）",[138,1043,1041],{},[120,1045,1046,1049,1052,1054],{},[138,1047,1048],{},"比較対象 D（海外）",[138,1050,1051],{},"830+ KB",[138,1053,1002],{},[138,1055,1041],{},[17,1057,1058],{},"※弊社調べ（2026年3月）",[59,1060,1062],{"id":1061},"世界唯一の5条件完全単一パッケージ","世界唯一の「5条件完全単一パッケージ」",[17,1064,1065],{},"Canvas描画・ゼロ依存・数式エンジン・Excel I/O・React/Vueラッパーのすべてを、追加パッケージなしで提供する唯一のライブラリです（主要5製品弊社調べ、2026年3月）。",[59,1067,1069],{"id":1068},"完全日本製のcanvas型webスプレッドシート","完全日本製のCanvas型Webスプレッドシート",[17,1071,1072],{},"これまで海外製品で対応が難しかった日本独特の書式・帳票フォーマットに対応しています。日本国内で運用するシステムにスムーズに導入が可能です。",[24,1074],{},[44,1076,1077],{"id":1077},"エディション",[114,1079,1080,1095],{},[117,1081,1082],{},[120,1083,1084,1086,1089,1092],{},[123,1085],{},[123,1087,1088],{},"Lite",[123,1090,1091],{},"Pro",[123,1093,1094],{},"Enterprise",[133,1096,1097,1112,1126,1140,1153,1165,1177,1189],{},[120,1098,1099,1101,1106,1109],{},[138,1100,128],{},[138,1102,1103],{},[20,1104,1105],{},"無料",[138,1107,1108],{},"¥88,000-",[138,1110,1111],{},"¥165,000-",[120,1113,1114,1117,1120,1123],{},[138,1115,1116],{},"対象",[138,1118,1119],{},"個人／一般アプリ",[138,1121,1122],{},"企業／商用アプリ",[138,1124,1125],{},"企業／大規模商用展開",[120,1127,1128,1131,1134,1137],{},[138,1129,1130],{},"ドメイン数",[138,1132,1133],{},"無制限",[138,1135,1136],{},"3ドメイン",[138,1138,1139],{},"30ドメイン（無制限オプションあり）",[120,1141,1142,1145,1148,1151],{},[138,1143,1144],{},"スプレッドシート機能",[138,1146,1147],{},"基本機能",[138,1149,1150],{},"フル機能",[138,1152,1150],{},[120,1154,1155,1158,1161,1163],{},[138,1156,1157],{},"数式エンジン",[138,1159,1160],{},"基本演算",[138,1162,1150],{},[138,1164,1150],{},[120,1166,1167,1170,1173,1175],{},[138,1168,1169],{},"Excel入出力",[138,1171,1172],{},"Excel読み込みのみ",[138,1174,1150],{},[138,1176,1150],{},[120,1178,1179,1182,1185,1187],{},[138,1180,1181],{},"セルタイプ",[138,1183,1184],{},"一部のみ",[138,1186,1150],{},[138,1188,1150],{},[120,1190,1191,1194,1197,1200],{},[138,1192,1193],{},"技術サポート",[138,1195,1196],{},"なし",[138,1198,1199],{},"購入日より３ヶ月間",[138,1201,1199],{},[17,1203,1204,1205,1208],{},"ReoGrid Webは買い切りのライセンス制を採用しています。他社製品（サブスクリプション型）は年額約150,000円/開発者〜のプランが多い中、",[20,1206,1207],{},"開発者3名・1ドメイン・3年間での総コストは最大約78分の1になります","（※弊社調べ）。",[17,1210,1211],{},"※価格は2026年3月現在の価格プラン。金額はすべて税込。最新の価格プランは公式HPにてご確認ください。",[24,1213],{},[44,1215,1216],{"id":1216},"ロードマップ",[17,1218,1219],{},"今後の機能追加は以下を予定しています。",[114,1221,1222,1231],{},[117,1223,1224],{},[120,1225,1226,1229],{},[123,1227,1228],{},"予定時期",[123,1230,201],{},[133,1232,1233,1241,1249,1257,1265],{},[120,1234,1235,1238],{},[138,1236,1237],{},"まもなく",[138,1239,1240],{},"条件付き書式",[120,1242,1243,1246],{},[138,1244,1245],{},"2026年夏",[138,1247,1248],{},"オンラインPDF生成対応",[120,1250,1251,1254],{},[138,1252,1253],{},"2026年秋",[138,1255,1256],{},"100以上のExcel関数対応",[120,1258,1259,1262],{},[138,1260,1261],{},"開発予定",[138,1263,1264],{},"AI機能（自然言語での操作・数式開発支援）",[120,1266,1267,1269],{},[138,1268,1261],{},[138,1270,1271],{},"データ・数式の自動補完",[24,1273],{},[44,1275,1277],{"id":1276},"まずはlite版をお試しください","まずはLite版をお試しください",[786,1279,1283],{"className":1280,"code":1281,"language":1282,"meta":329,"style":329},"language-bash shiki shiki-themes github-light github-dark","npm install @reogrid/lite\n","bash",[727,1284,1285],{"__ignoreMap":329},[794,1286,1287,1290,1293],{"class":796,"line":797},[794,1288,1289],{"class":839},"npm",[794,1291,1292],{"class":817}," install",[794,1294,1295],{"class":817}," @reogrid/lite\n",[167,1297,1298,1305,1312,1319],{},[170,1299,1300],{},[235,1301,1304],{"href":1302,"rel":1303},"https://web.reogrid.net/jp",[239],"製品サイト（日本語）",[170,1306,1307],{},[235,1308,1311],{"href":1309,"rel":1310},"https://reogrid.net/jp/info-require",[239],"資料請求・お問い合わせ",[170,1313,1314],{},[235,1315,1318],{"href":1316,"rel":1317},"https://web.reogrid.net/jp/demos",[239],"ライブデモギャラリー",[170,1320,1321],{},[235,1322,1325],{"href":1323,"rel":1324},"https://www.npmjs.com/package/@reogrid/lite",[239],"npmパッケージ (@reogrid/lite)",[1327,1328,1329],"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":329,"searchDepth":330,"depth":330,"links":1331},[1332,1333,1334,1342,1346,1347,1348],{"id":653,"depth":330,"text":654},{"id":665,"depth":330,"text":666},{"id":681,"depth":330,"text":681,"children":1335},[1336,1337,1338,1339,1340,1341],{"id":684,"depth":336,"text":685},{"id":698,"depth":336,"text":699},{"id":740,"depth":336,"text":741},{"id":764,"depth":336,"text":764},{"id":780,"depth":336,"text":781},{"id":951,"depth":336,"text":952},{"id":960,"depth":330,"text":960,"children":1343},[1344,1345],{"id":1061,"depth":336,"text":1062},{"id":1068,"depth":336,"text":1069},{"id":1077,"depth":330,"text":1077},{"id":1216,"depth":330,"text":1216},{"id":1276,"depth":330,"text":1277},"2026-03-24","WebアプリにExcelライクなスプレッドシートを組み込める新製品「ReoGrid Web」を正式リリースしました。数式エンジン・Excel I/O内蔵・React/Vue対応。Lite版は無料でお試しいただけます。",{},"/blog/reogrid-web-release",{"title":641,"description":1354},"WebアプリにExcelライクなスプレッドシートを組み込める「ReoGrid Web」を正式リリース。数式エンジン・Excel I/O内蔵・React/Vue対応の高機能JavaScriptライブラリ。Lite版（無料）、Pro版、Enterprise版を提供。","blog/reogrid-web-release",[1357,1358,1359,364,1360],"reogrid","reogrid-web","spreadsheet","javascript","/images/articles/reogrid-web-release.png","TIG9LcncnvVHV7VTRShP3y0wO5IpWyzpNS_uuYD8XDs",{"id":1364,"title":1365,"author":7,"body":1366,"date":1453,"description":1454,"extension":352,"meta":1455,"navigation":354,"path":1456,"seo":1457,"stem":1459,"tags":1460,"thumbnail":1463,"__hash__":1464},"blog/blog/reogrid-document-renewal.md","ReoGrid ドキュメントを全面リニューアルしました",{"type":9,"value":1367,"toc":1449},[1368,1371,1378,1382,1385,1423,1426,1429,1432,1435,1437,1442],[17,1369,1370],{},"2026年3月19日、ReoGridのドキュメントを全面的にリニューアルしました。",[17,1372,1373,1374,1377],{},"これまでのドキュメントは情報量が少なく、「知りたいことが載っていない」「どこを見ればいいかわからない」といったご不満をいただくことがありました。今回の再構築はその課題に正面から向き合い、",[20,1375,1376],{},"全17セクション・96ページ","へと大幅に拡充するとともに、情報の構成そのものを見直しました。",[44,1379,1381],{"id":1380},"_6つのカテゴリで整理された構成","6つのカテゴリで整理された構成",[17,1383,1384],{},"新しいドキュメントは、用途に応じた6つのカテゴリで構成されています。",[167,1386,1387,1393,1399,1405,1411,1417],{},[170,1388,1389,1392],{},[20,1390,1391],{},"はじめに"," — アーキテクチャ概要、インストール、ハウツーガイド",[170,1394,1395,1398],{},[20,1396,1397],{},"コアコンポーネント"," — ワークブック、ワークシート、セルの詳細リファレンス",[170,1400,1401,1404],{},[20,1402,1403],{},"データとロジック"," — 数式、データ管理、フィルタリング、入力検証",[170,1406,1407,1410],{},[20,1408,1409],{},"UIコンポーネント"," — セルタイプ、チャート、フローティングオブジェクト",[170,1412,1413,1416],{},[20,1414,1415],{},"カスタマイズと拡張"," — イベント、外観カスタマイズ、アクション（Undo/Redo）",[170,1418,1419,1422],{},[20,1420,1421],{},"リファレンス"," — Excel/CSV/RGFインポートエクスポート、高度な機能、トラブルシューティング",[44,1424,1425],{"id":1425},"目指したこと",[17,1427,1428],{},"ドキュメントは「ある」だけでは不十分で、「必要なときに、必要な情報にたどり着けること」が重要だと考えています。",[17,1430,1431],{},"セットアップ直後にインストール手順を探しているのか、実装中に特定のAPIの挙動を確認したいのか、あるいはエラーに直面して解決策を探しているのか。その場その場のニーズに合わせて素早くナビゲートできる構成を意識しました。",[17,1433,1434],{},"まだ改善の余地はありますが、今回のリニューアルが開発をスムーズに進めるための一助になれば幸いです。引き続き内容の拡充を進めていきます。",[24,1436],{},[17,1438,1439],{},[20,1440,1441],{},"ReoGrid ドキュメント",[17,1443,1444,1445],{},"👉 ",[235,1446,1447],{"href":1447,"rel":1448},"https://reogrid.net/jp/document",[239],{"title":329,"searchDepth":330,"depth":330,"links":1450},[1451,1452],{"id":1380,"depth":330,"text":1381},{"id":1425,"depth":330,"text":1425},"2026-03-22","ReoGridのドキュメントを大幅に再構築しました。全17セクション・96ページに拡充し、6つのカテゴリに整理することで、目的の情報をより素早く見つけられる構成になっています。",{},"/blog/reogrid-document-renewal",{"title":1365,"description":1458},"ReoGrid .NETドキュメントを全17セクション・96ページに拡充。はじめに・コアコンポーネント・データとロジック・UIコンポーネント・カスタマイズ・リファレンスの6カテゴリに再構成し、必要な情報をすぐに見つけられるようになりました。","blog/reogrid-document-renewal",[1357,1359,1461,1462],".net","documentation","/images/articles/reogrid-document-renewal.png","usNl1n8VclHeKYldR-0D5T7AtEit8OjAoNGYjrlqid8",{"id":1466,"title":1467,"author":7,"body":1468,"date":1660,"description":1472,"extension":352,"meta":1661,"navigation":354,"path":1662,"seo":1663,"stem":1666,"tags":1667,"thumbnail":1671,"__hash__":1672},"blog/blog/reogrid-support.md","製品を買うだけでは終わらない。ReoGridが提供する「3ヶ月の技術サポート」という安心",{"type":9,"value":1469,"toc":1653},[1470,1473,1480,1483,1488,1491,1494,1520,1523,1526,1531,1538,1541,1547,1550,1553,1560,1563,1569,1572,1575,1578,1584,1591,1594,1601,1604,1606,1611,1614,1619,1622,1636,1639,1641,1646],[17,1471,1472],{},".NETプロジェクトにスプレッドシート機能を組み込む際、多くの開発チームが直面する課題があります。それは、「高機能なコンポーネントを導入しても、うまく使いこなせるかどうか」という不安です。",[17,1474,1475,1476,1479],{},"ReoGridは、そうした不安を払拭するために、製品購入に",[20,1477,1478],{},"3ヶ月間の技術サポート","を標準で付帯しています。",[17,1481,1482],{},"※プロフェッショナル版には、1ヶ月間の技術サポートが付帯します。",[44,1484,1486],{"id":1485},"なぜ技術サポートが必要なのか",[20,1487,1485],{},[17,1489,1490],{},"ReoGridは、.NET向けの表計算コンポーネントとして、豊富かつ強力な機能を備えています。しかしその分、プロジェクトのニーズに応じた最適な使い方を見つけるには、一定の学習コストが伴います。",[17,1492,1493],{},"実際の開発現場では、次のような場面が少なくありません。",[167,1495,1496,1502,1508,1514],{},[170,1497,1498,1501],{},[20,1499,1500],{},"使い方がわからない"," ── ドキュメントを読んでも、自分のケースに当てはめられない",[170,1503,1504,1507],{},[20,1505,1506],{},"バグや予期しない動作に遭遇した"," ── 調査しても原因が特定できない",[170,1509,1510,1513],{},[20,1511,1512],{},"要件の実現方法が見えない"," ── やりたいことはわかるが、ReoGridでどう実現するかわからない",[170,1515,1516,1519],{},[20,1517,1518],{},"チームのスキルが追いつかない"," ── スプレッドシートコンポーネント特有の知識が不足している",[17,1521,1522],{},"こうした問題を抱えたまま開発を進めると、スケジュールが遅れ、品質が下がり、最終的にはプロジェクト自体が失敗するリスクがあります。せっかくライセンスを購入しても、それでは本末転倒です。",[17,1524,1525],{},"ReoGridの技術サポートは、こうしたリスクを正面から引き受けるものです。",[44,1527,1529],{"id":1528},"技術サポートで変わること",[20,1530,1528],{},[17,1532,1533,1534,1537],{},"ReoGridの技術サポートでは、ReoGridの利用に関するあらゆる技術的な課題に対応します。問い合わせ内容に応じて調査・検証を行い、具体的な解決策をご提案します。また状況によっては、",[20,1535,1536],{},"ReoGrid本体への改修・機能追加","を実施することもあります。",[17,1539,1540],{},"「使えるかどうかわからないから導入に踏み切れない」という状況を、「使いこなせるまでサポートしてもらえる」という確信に変える。それがこのサポートの本質です。",[44,1542,1544],{"id":1543},"事例a金融システム開発プロジェクトへの導入支援神奈川県a社",[20,1545,1546],{},"事例A：金融システム開発プロジェクトへの導入支援（神奈川県・A社）",[17,1548,1549],{},"神奈川県に開発拠点を置くA社は、金融システムのソフトウェア開発にReoGridの採用を検討していました。",[17,1551,1552],{},"金融領域特有の複雑な表示要件があり、「ReoGridで実現できるのか」「どう実装すれば最適か」という点が導入前の懸念でした。",[17,1554,1555,1556,1559],{},"私たちはA社のプロジェクト要件を詳しくヒアリングした後、技術サポートを通じて要件に沿ったReoGridの使い方を丁寧に案内するとともに、標準機能では対応が難しい部分については",[20,1557,1558],{},"ReoGrid本体への改修","も実施しました（有償開発での対応となるケースもあります）。",[17,1561,1562],{},"結果として、A社は高い満足度のもとでソフトウェア開発を完遂しています。金融システムという精度が求められる領域で、ReoGridを最大限に活用することができました。",[44,1564,1566],{"id":1565},"事例b開発中の技術的障壁を突破愛知県b社",[20,1567,1568],{},"事例B：開発中の技術的障壁を突破（愛知県・B社）",[17,1570,1571],{},"愛知県に開発拠点を置くB社は、ReoGridを購入し、社内システムの開発を進めていました。しかし開発が進む中で、いくつかの技術的な問題が発生。自社で調査を行っても解決策が見つからず、開発がストップする状態になりました。",[17,1573,1574],{},"問い合わせを受けたReoGridのサポートチームは、問題の詳細をヒアリングし、迅速に調査・検証を実施したのち、適切な改善策をB社に提示しました。",[17,1576,1577],{},"問題は短期間で解決し、B社は開発を再開。プロジェクトが行き詰まることなく、無事に開発を完遂することができました。",[44,1579,1581],{"id":1580},"製品の価値は性能だけではない",[20,1582,1583],{},"製品の価値は、性能だけではない",[17,1585,1586,1587,1590],{},"両社の事例に共通しているのは、ReoGrid本体の購入と技術サポートを組み合わせることで、",[20,1588,1589],{},"プロジェクトをスムーズに完遂できた","という点です。",[17,1592,1593],{},"開発における本当のリスクは、「良い製品を選べなかったこと」よりも、「良い製品を選んだのに使いこなせなかったこと」にあります。",[17,1595,1596,1597,1600],{},"ReoGridの価値は、コンポーネントそのものの高い性能に加えて、",[20,1598,1599],{},"信頼できる技術サポート","によって構成されています。プロジェクトの成功とは、優れた技術を選ぶことだけでなく、その技術を適切な方法で実装し、コストを抑えながら高い効率で目標を達成することです。",[17,1602,1603],{},"ReoGridは、その両方を提供しています。",[24,1605],{},[17,1607,1608],{},[20,1609,1610],{},"ReoGridについて",[17,1612,1613],{},"ReoGrid（レオグリッド）は、.NETアプリケーションに高度なスプレッドシート機能を統合するための、強力なExcel互換スプレッドシートコンポーネントです。",[17,1615,1616],{},[20,1617,1618],{},"技術サポートについて",[17,1620,1621],{},"ReoGridでは、導入から開発までをスムーズに進めていただけるよう、技術サポートを提供しております。各エディションをご購入いただくと、以下の期間のサポートが標準で含まれています。",[167,1623,1624,1630],{},[170,1625,1626,1629],{},[20,1627,1628],{},"エンタープライズ版："," ご購入時から3ヶ月間",[170,1631,1632,1635],{},[20,1633,1634],{},"プロフェッショナル版："," ご購入時から1ヶ月間",[17,1637,1638],{},"なお、上記の標準サポート期間が終了した後も、必要に応じて別途「月単位」で技術サポートをご購入いただくことが可能です。継続的な開発や保守にぜひご活用ください。",[24,1640],{},[17,1642,1643],{},[20,1644,1645],{},"ReoGrid 製品詳細",[17,1647,1648,1649],{},"👉 ",[235,1650,1651],{"href":1651,"rel":1652},"https://reogrid.net/jp",[239],{"title":329,"searchDepth":330,"depth":330,"links":1654},[1655,1656,1657,1658,1659],{"id":1485,"depth":330,"text":1485},{"id":1528,"depth":330,"text":1528},{"id":1543,"depth":330,"text":1546},{"id":1565,"depth":330,"text":1568},{"id":1580,"depth":330,"text":1583},"2026-03-05",{},"/blog/reogrid-support",{"title":1664,"description":1665},"Reogrid-support file","ReoGridの技術サポートは、.NETスプレッドシートコンポーネント導入時の不安を解消します。エンタープライズ版なら3ヶ月間、プロフェッショナル版なら1ヶ月間の標準サポート付きで、実装から運用まで安心。","blog/reogrid-support",[1357,1359,1461,1668,1669,1670],"visualstudio","excel","c#","/images/articles/2f6524b5fd1fe3569480aac63ab4714e.webp","c_0rPQMivJVOiiV71Uq096qCpM2vdVhYWPhluDyQLAI",{"id":1674,"title":1675,"author":7,"body":1676,"date":2175,"description":2176,"extension":352,"meta":2177,"navigation":354,"path":2178,"seo":2179,"stem":2181,"tags":2182,"thumbnail":2185,"__hash__":2186},"blog/blog/reogrid-large-data-lazy-loading.md","ReoGridを使って大規模データを超高速に表示する方法",{"type":9,"value":1677,"toc":2168},[1678,1681,1684,1691,1696,1699,1704,1707,1713,1719,1725,1730,1733,1736,1854,1866,1872,1878,2117,2125,2130,2139,2145,2151,2157,2160,2165],[17,1679,1680],{},"ReoGridは、.NETアプリ用のスプレッドシートコンポーネントです。Excelを依存せず、DLLひとつでアプリにExcel同様の機能をもたせることができます。",[17,1682,1683],{},"今回は、ReoGridを使って、数十万行規模の大規模データを超高速に画面に読み込み、表示する方法を紹介します。",[17,1685,1686,1687],{},"動画デモ 👉 ",[235,1688,1689],{"href":1689,"rel":1690},"https://youtu.be/PospG1jddFw",[239],[44,1692,1694],{"id":1693},"なぜ超高速表示が可能なのか",[20,1695,1693],{},[17,1697,1698],{},"ReoGridの新バージョン4には、「遅延ロード（Lazy Loading）」という新しい技術を採用しています。",[17,1700,1701],{},[20,1702,1703],{},"遅延ロードは、最初から全てのデータを一気に読み込むのではなく、必要に応じて最小限の一部分ずつを読み込んでいきます。",[17,1705,1706],{},"従来の方法では、すべてのデータを最初に一括で読み込むため、メモリ負荷が高く、表示までに時間がかかっていました。これに対し遅延ロードでは、必要になった部分のみを都度読み込むため、初期表示が圧倒的に高速になります。",[17,1708,1709,1710,1712],{},"他のグリッドコンポーネントにも、仮想モードなど類似の手法がありますが、開発者自身がその制御を実装し、管理しなければなりません。",[568,1711],{},"しかしReoGridでは、セルがいつ読み込まれるかを内部でスマートに管理しています。スクロールやズームをしたり、ワークシートの表示領域が変化した場合に、ReoGridは自動的に必要なセルを読み込みます。",[17,1714,1715,1716,1718],{},"さらに、数式で参照されたセル、アプリで引用するセルも含めて、あらゆるパターンでセルを管理し、必要に応じて読み込み処理を行います。",[568,1717],{},"この高度な技術によって、ReoGrid のバージョン4では大規模なデータでもストレスなく、超高速に読み込み、表示することができます。",[17,1720,1721],{},[692,1722],{"alt":1723,"src":1724},"1760961789-kbTGt4CYq8vwIiSW63AumlDQ.png","/images/articles/1760961789-kbTGt4CYq8vwIiSW63AumlDQ.png.webp",[44,1726,1728],{"id":1727},"実現方法も実はシンプル",[20,1729,1727],{},[17,1731,1732],{},"上述のように、セルの状態管理はReoGrid バージョン4が自動的に行うため、アプリ側はデータの準備を行うだけです。",[17,1734,1735],{},"まずReoGridのデータ読み込みインターフェイス、DataSourceを作成し、ご自身のデータをそのインターフェイスを通してReoGridに渡すように実装します。",[786,1737,1741],{"className":1738,"code":1739,"language":1740,"meta":329,"style":329},"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",[727,1742,1743,1757,1762,1767,1778,1782,1787,1797,1825,1836,1842,1848],{"__ignoreMap":329},[794,1744,1745,1748,1751,1754],{"class":796,"line":797},[794,1746,1747],{"class":810},"private ",[794,1749,1750],{"class":806},"void",[794,1752,1753],{"class":839}," button1_Click",[794,1755,1756],{"class":810},"(object sender, EventArgs e)\n",[794,1758,1759],{"class":796,"line":330},[794,1760,1761],{"class":810},"{\n",[794,1763,1764],{"class":796,"line":336},[794,1765,1766],{"class":800},"    // ワークシートの行数を変更\n",[794,1768,1769,1772,1775],{"class":796,"line":829},[794,1770,1771],{"class":810},"    worksheet.",[794,1773,1774],{"class":839},"SetRows",[794,1776,1777],{"class":810},"(logs.Count);\n",[794,1779,1780],{"class":796,"line":909},[794,1781,826],{"emptyLinePlaceholder":354},[794,1783,1784],{"class":796,"line":914},[794,1785,1786],{"class":800},"    // データソースを遅延読み込みモードで設定\n",[794,1788,1789,1791,1794],{"class":796,"line":924},[794,1790,1771],{"class":810},[794,1792,1793],{"class":839},"AddDataSource",[794,1795,1796],{"class":810},"(\n",[794,1798,1799,1802,1805,1808,1811,1814,1816,1819,1822],{"class":796,"line":942},[794,1800,1801],{"class":806},"        new",[794,1803,1804],{"class":839}," RangePosition",[794,1806,1807],{"class":810},"(",[794,1809,1810],{"class":835},"0",[794,1812,1813],{"class":810},", ",[794,1815,1810],{"class":835},[794,1817,1818],{"class":810},", logs.Count, ",[794,1820,1821],{"class":835},"COLUMN_COUNT",[794,1823,1824],{"class":810},"),\n",[794,1826,1828,1830,1833],{"class":796,"line":1827},9,[794,1829,1801],{"class":806},[794,1831,1832],{"class":839}," FlightLogDataSource",[794,1834,1835],{"class":810},"(logs),\n",[794,1837,1839],{"class":796,"line":1838},10,[794,1840,1841],{"class":800},"        // 遅延ロードを有効化\n",[794,1843,1845],{"class":796,"line":1844},11,[794,1846,1847],{"class":810},"        DataSourceLoadMode.LazyLoading);\n",[794,1849,1851],{"class":796,"line":1850},12,[794,1852,1853],{"class":810},"}\n",[17,1855,1856,1859,1865],{},[794,1857],{"style":1858},"background-repeat: no-repeat; box-sizing: inherit; padding: 0px; margin: 0px; border: 0px solid;",[794,1860,1864],{"style":1861,"className":1862},"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);",[1863],"visually-hidden","opy/"," このように、データソースの読み込み方式を遅延ロード（DataSourceLoadMode.LazyLoading）に指定するだけで完成です。",[44,1867,1869],{"id":1868},"罫線やセル書式セルスタイルにも対応可能",[20,1870,1871],{},"罫線やセル書式、セルスタイルにも対応可能",[17,1873,1874,1875,1877],{},"データだけではなく、DataSourceのインターフェイスの中では、罫線やセル書式などの適用も実装できます。これにより、ワークシートの初期化がさらに高速化でき、よりスムーズなアプリの体験を実装できます。",[568,1876],{},"以下のサンプルコードでは、すべてのセルの罫線を設定する例です。",[786,1879,1881],{"className":1738,"code":1880,"language":1740,"meta":329,"style":329},"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",[727,1882,1883,1906,1911,1916,1920,1925,1948,1953,1963,1967,1983,1988,2009,2020,2025,2031,2053,2071,2077,2082,2088,2096,2102,2107,2112],{"__ignoreMap":329},[794,1884,1885,1888,1891,1893,1896,1899,1901,1904],{"class":796,"line":797},[794,1886,1887],{"class":810},"public ",[794,1889,1890],{"class":806},"class",[794,1892,1832],{"class":839},[794,1894,1895],{"class":810}," : ",[794,1897,1898],{"class":839},"IDataSource",[794,1900,832],{"class":810},[794,1902,1903],{"class":839},"FlightlogDataRecord",[794,1905,884],{"class":810},[794,1907,1908],{"class":796,"line":330},[794,1909,1910],{"class":810},"{    \n",[794,1912,1913],{"class":796,"line":336},[794,1914,1915],{"class":806},"    ...\n",[794,1917,1918],{"class":796,"line":829},[794,1919,826],{"emptyLinePlaceholder":354},[794,1921,1922],{"class":796,"line":909},[794,1923,1924],{"class":800},"    // GetRecord の部分を以下のように変更\n",[794,1926,1927,1930,1933,1936,1938,1942,1945],{"class":796,"line":914},[794,1928,1929],{"class":806},"    public",[794,1931,1932],{"class":810}," FlightlogDataRecord ",[794,1934,1935],{"class":839},"GetRecord",[794,1937,1807],{"class":810},[794,1939,1941],{"class":1940},"s4XuR","int",[794,1943,1944],{"class":1940}," row",[794,1946,1947],{"class":810},")\n",[794,1949,1950],{"class":796,"line":924},[794,1951,1952],{"class":810},"    {\n",[794,1954,1955,1958,1960],{"class":796,"line":942},[794,1956,1957],{"class":810},"        FlightlogDataRecord record ",[794,1959,843],{"class":806},[794,1961,1962],{"class":810}," initedRecords[row];\n",[794,1964,1965],{"class":796,"line":1827},[794,1966,826],{"emptyLinePlaceholder":354},[794,1968,1969,1972,1975,1978,1981],{"class":796,"line":1838},[794,1970,1971],{"class":806},"        if",[794,1973,1974],{"class":810}," (record ",[794,1976,1977],{"class":806},"==",[794,1979,1980],{"class":835}," null",[794,1982,1947],{"class":810},[794,1984,1985],{"class":796,"line":1844},[794,1986,1987],{"class":810},"        {\n",[794,1989,1990,1993,1995,1998,2001,2003,2006],{"class":796,"line":1850},[794,1991,1992],{"class":810},"          record ",[794,1994,843],{"class":806},[794,1996,1997],{"class":806}," new",[794,1999,2000],{"class":839}," FlightlogDataRecord",[794,2002,1807],{"class":810},[794,2004,2005],{"class":835},"this",[794,2007,2008],{"class":810},", row, Logs[row]);\n",[794,2010,2012,2015,2017],{"class":796,"line":2011},13,[794,2013,2014],{"class":810},"          initedRecords[row] ",[794,2016,843],{"class":806},[794,2018,2019],{"class":810}," record;\n",[794,2021,2023],{"class":796,"line":2022},14,[794,2024,826],{"emptyLinePlaceholder":354},[794,2026,2028],{"class":796,"line":2027},15,[794,2029,2030],{"class":800},"          // 行が初めてアクセスされたときに、行の罫線を設定\n",[794,2032,2034,2037,2040,2043,2045,2047,2050],{"class":796,"line":2033},16,[794,2035,2036],{"class":810},"          Worksheet.",[794,2038,2039],{"class":839},"SetRangeBorders",[794,2041,2042],{"class":810},"(row, ",[794,2044,1810],{"class":835},[794,2046,1813],{"class":810},[794,2048,2049],{"class":835},"1",[794,2051,2052],{"class":810},", ColumnCount, BorderPositions.Outside, RangeBorderStyle.BlackSolid);\n",[794,2054,2056,2058,2060,2062,2064,2066,2068],{"class":796,"line":2055},17,[794,2057,2036],{"class":810},[794,2059,2039],{"class":839},[794,2061,2042],{"class":810},[794,2063,1810],{"class":835},[794,2065,1813],{"class":810},[794,2067,2049],{"class":835},[794,2069,2070],{"class":810},", ColumnCount, BorderPositions.InsideVertical, RangeBorderStyle.GrayDotted);\n",[794,2072,2074],{"class":796,"line":2073},18,[794,2075,2076],{"class":810},"        }\n",[794,2078,2080],{"class":796,"line":2079},19,[794,2081,826],{"emptyLinePlaceholder":354},[794,2083,2085],{"class":796,"line":2084},20,[794,2086,2087],{"class":800},"        // 行データを返却\n",[794,2089,2091,2094],{"class":796,"line":2090},21,[794,2092,2093],{"class":806},"        return",[794,2095,2019],{"class":810},[794,2097,2099],{"class":796,"line":2098},22,[794,2100,2101],{"class":810},"    }\n",[794,2103,2105],{"class":796,"line":2104},23,[794,2106,826],{"emptyLinePlaceholder":354},[794,2108,2110],{"class":796,"line":2109},24,[794,2111,1915],{"class":806},[794,2113,2115],{"class":796,"line":2114},25,[794,2116,1853],{"class":810},[17,2118,2119,2121],{},[794,2120],{"style":1858},[794,2122,2124],{"style":1861,"className":2123},[1863],"copy",[44,2126,2128],{"id":2127},"より詳しく",[20,2129,2127],{},[17,2131,2132,2133,2138],{},"ReoGridの公式サイトでは、より詳しいドキュメントとサンプルコードを掲載しています。詳しくはド",[235,2134,2137],{"href":2135,"rel":2136},"https://reogrid.net/jp/document/how-to/fast-load-large-data-with-lazy-load-mode/",[239],"キュメントページ","をご参照ください。",[44,2140,2142],{"id":2141},"reogrid-バージョン4-について",[20,2143,2144],{},"ReoGrid バージョン4 について",[17,2146,2147,2148,2150],{},"ReoGridはこれまで、国内・海外の企業の様々なシステムで採用されています。特に金融システムや製造業、公共インフラシステムといった、日常的に大量のデータを取り扱うシステムへの導入実績が数多くあります。",[568,2149],{},"ReoGrid バージョン4は、これら分野への導入・運用で得られた経験に加えてユーザー様からの声を反映した、性能・機能ともに大幅に進化した最新バージョンです。",[17,2152,2153,2154,2156],{},"ReoGrid バージョン4のリリース以降、すでに複数の企業に導入していただき、高速化、安定性、使いやすさの面で高い評価をいただいています。",[568,2155],{},"今後もさらなる高性能化を目指し継続的な改善を続けるとともに、信頼性の高いサポートを提供してまいります。",[17,2158,2159],{},"▼ReoGridの詳細・ご購入",[17,2161,2162],{},[235,2163,1651],{"href":1651,"rel":2164},[239],[1327,2166,2167],{},"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":329,"searchDepth":330,"depth":330,"links":2169},[2170,2171,2172,2173,2174],{"id":1693,"depth":330,"text":1693},{"id":1727,"depth":330,"text":1727},{"id":1868,"depth":330,"text":1871},{"id":2127,"depth":330,"text":2127},{"id":2141,"depth":330,"text":2144},"2025-10-21","ReoGridの「遅延ロード（Lazy Loading）」機能を使えば、数十万行規模の大規模データも超高速に表示できます。その仕組みと実装方法を解説します。",{},"/blog/reogrid-large-data-lazy-loading",{"title":1675,"description":2180},".NET向けスプレッドシートコンポーネント ReoGrid の遅延ロード機能により、数十万行のデータをミリ秒単位で表示できます。大規模データの高速表示を実現する仕組みを解説。","blog/reogrid-large-data-lazy-loading",[1357,1359,1461,1669,2183,2184,1670],"performance","lazy-loading","/images/articles/a5ed9da817f9b19571529b7e62d7248c.webp","gzB02dGpKRg26S5ST5idMkSNJa8He88V78aNllteXQU",{"id":2188,"title":2189,"author":7,"body":2190,"date":2332,"description":2333,"extension":352,"meta":2334,"navigation":354,"path":2335,"seo":2336,"stem":2338,"tags":2339,"thumbnail":2342,"__hash__":2343},"blog/blog/reogrid-excel-like-library.md","Excelをアプリに組み込む？.NET開発者向けの\"Excelライク\"ライブラリ ReoGrid",{"type":9,"value":2191,"toc":2326},[2192,2198,2203,2206,2212,2218,2221,2235,2238,2244,2247,2250,2253,2267,2270,2276,2279,2296,2299,2304,2307,2310],[2193,2194,2195],"blockquote",{},[17,2196,2197],{},"「このデータ、Excelっぽい画面で見せられたら使いやすいのに」",[2193,2199,2200],{},[17,2201,2202],{},"「Excelファイルを直接アプリで開いて、編集できたら便利なのに」",[17,2204,2205],{},"そんな開発者のニーズに応えるのが「Excelライクライブラリ」です。",[17,2207,2208],{},[692,2209],{"alt":2210,"src":2211},"reogrid-snapshots","/images/reogrid-snapshots.png",[44,2213,2215],{"id":2214},"excelライクライブラリとは",[20,2216,2217],{},"Excelライクライブラリとは？",[17,2219,2220],{},"Excelのような表計算画面をアプリの中に組み込めるコンポーネントです。Excelをインストールしていなくても、アプリ単体で表計算機能を実現できます。",[167,2222,2223,2226,2229,2232],{},[170,2224,2225],{},"セルに値を入力できる",[170,2227,2228],{},"関数で計算できる",[170,2230,2231],{},"罫線やセル結合、セル書式設定もできる",[170,2233,2234],{},"Excelファイルを読み書きできる",[17,2236,2237],{},"つまり、ユーザーから見れば「アプリの中にExcelが入っている」ように使えるわけです。",[44,2239,2241],{"id":2240},"reogridとは",[20,2242,2243],{},"ReoGridとは？",[17,2245,2246],{},"ReoGrid（レオグリッド）は、.NETアプリケーション向けのExcelライクライブラリです。2014年の登場以来、国内外のさまざまな企業や研究プロジェクトに導入されてきました。",[17,2248,2249],{},"特徴はシンプルでわかりやすい構成。DLLひとつを追加するだけで、すぐにフォーム上にスプレッドシートを置けます。",[17,2251,2252],{},"そして最大の強みは「軽快さ」です。",[167,2254,2255,2258,2261,2264],{},[170,2256,2257],{},"数百万行のデータでも高速にスクロール＆描画",[170,2259,2260],{},"不要な依存関係がないので軽量",[170,2262,2263],{},"Excelファイル（.xlsx）の読み込み・編集に対応",[170,2265,2266],{},"WinFormsとWPFに対応",[17,2268,2269],{},"「他のExcelライクのライブラリより動作が速い」ことが多くの現場で評価されています。",[44,2271,2273],{"id":2272},"どんな場面で使えるの",[20,2274,2275],{},"どんな場面で使えるの？",[17,2277,2278],{},"ReoGridが活躍するのは、こんなシーンです。",[167,2280,2281,2284,2287,2290,2293],{},[170,2282,2283],{},"社内システムで、データをExcelっぽく入力・表示させたいとき",[170,2285,2286],{},"複雑な帳票を表示、印刷したいとき",[170,2288,2289],{},"Excelのファイルを出力、読み込みたいとき",[170,2291,2292],{},"Excelで作っていたツールを、専用アプリとして配布したいとき",[170,2294,2295],{},"ExcelファイルがそのままアプリのUIにしたいとき",[17,2297,2298],{},"例えば製造業の工程管理や、金融システムのデータ閲覧、自治体システムでの業務帳票など、さまざまな分野で活用されています。",[44,2300,2302],{"id":2301},"まとめ",[20,2303,2301],{},[17,2305,2306],{},"ReoGridは、そんなニーズに応える国内有数のライブラリとして、軽快で扱いやすい実装を提供しています。",[17,2308,2309],{},"もし「アプリの中でExcelファイルを開きたい」「Excelっぽい操作感を持たせたい」と思ったら、一度ReoGridを試してみてください。",[17,2311,2312,2313,2318,2322],{},"👉 詳しくはこちらから: ",[794,2314,2317],{"className":2315},[2316],"Apple-converted-space","  ",[235,2319,2321],{"href":1651,"rel":2320},[239],"https://reogrid.net/",[235,2323,2325],{"href":1651,"rel":2324},[239],"jp",{"title":329,"searchDepth":330,"depth":330,"links":2327},[2328,2329,2330,2331],{"id":2214,"depth":330,"text":2217},{"id":2240,"depth":330,"text":2243},{"id":2272,"depth":330,"text":2275},{"id":2301,"depth":330,"text":2301},"2025-08-25","「このデータ、Excelっぽい画面で見せられたら使いやすいのに」というニーズに応えるExcelライクライブラリ ReoGrid を紹介します。",{},"/blog/reogrid-excel-like-library",{"title":2189,"description":2337},".NETアプリにスプレッドシート機能を組み込むためのコンポーネント ReoGrid を紹介。Excelのインストール不要で、セル入力・数式・書式設定・Excelファイルの読み書きを実現します。","blog/reogrid-excel-like-library",[1357,1359,1461,1669,1670,2340,2341],"winforms","wpf","/images/articles/b85a74e058888008a2fa5c40a1eab4fe.webp","qkzmfc45ZDJSnGxICoJPESx20YmED6in7aDfh-URe-Q",1775790822199]