SpreadJSで実現するスマートな業務アプリ開発 - SpreadJS（スプレッド） | Developer Solutions〈開発支援ツール〉

Excel互換だけじゃない！業務アプリの欲しかった機能を手軽に開発

SpreadJSはExcel互換の機能だけでなく、高機能で使いやすい業務アプリをスピーディに開発できる機能が充実しています。
本ページでは業務アプリによく求められるデータグリッドや帳票など、従来のスプレッドシートライブラリでは実現が難しい機能の開発に便利なSpreadJSの機能をご紹介します。

グリッドビューとして使える「テーブルシート」

データ表示や編集に最適

スプレッドシートとグリッドビューは同じ表形式のUIですが、データ分析に最適なスプレッドシートと、データ表示に最適なグリッドビューは実現できる機能が異なります。
「テーブルシート」を使用すればExcelライクなUIはそのままに、従来のスプレッドシートコントロールとしてのSpreadJSでは難しかった、新規データ入力用の行表示、グループ化やグループ毎のデータ集計、行／列のピン留めといったグリッドビューならではの機能を実現できます。

インタラクティブなデータ分析

任意のフィールドでデータをグループ化し、それらのグループを［＋］／［ー］ボタンで展開と折り畳みすることが可能です。また、グループ化したデータを集計し、集計行や集計列として表示することもできます。
さらにグループパネルを使用すれば、列の並べ替えやグループ化、集計行や集計列の追加といった操作をGUIでエンドユーザーが自ら実行できます。

強力なデータ管理機能

テーブルシートをはじめとした用途特化型シートでは高度なデータ管理機能を提供する「データマネージャー」が利用可能です。データマネージャーを使用することで、サーバーから取得したデータでシートと連結するためのビューを作成できます。また、更新や削除などの変更の追跡も可能なので、シート上の表示とデータソースのスムーズな同期処理を行う、双方向のデータバインディングが実現可能です。

テーブルシートの使用例

取引情報集計デモ

テーブルシートを使用して、取引情報の集計とデータ分析を行う方法を確認できます。

デモを試す

売上分析デモ

テーブルシートとピボットテーブルを使用し複数のテーブルのデータからリレーションを作成しデータ分析を行う方法を確認できます。

デモを試す

テーブルシートの基本機能デモ

テーブルシートの基本的な使い方をはじめ、各種の機能やカスタマイズ方法が確認できます。

デモを試す

Webアプリにガントチャートが組み込める「ガントシート」

ExcelライクなUIでタスクを管理

「ガントシート」はプロジェクト管理や生産管理などで使用される工程管理表（ガントチャート）をExcelライクなUIで作成できる機能です。タスクの追加、編集、削除、ソートやフィルタといった操作を慣れ親しんだExcelライクなUIで実現することができます。

ガントシートは「機能限定配布ライセンス」では配布できません。

階層表示やドラッグアンドドロップでの操作も

ガントシートではExcelでは表現が難しいタスクの階層表示に標準で対応し、もちろん折りたたみや展開の操作も可能です。また、タスクバーをドラッグアンドドロップするだけでタスクの期日や先行後続タスクを変更できるので直感的にタスクの操作ができます。

ガントシートは「機能限定配布ライセンス」では配布できません。

自由自在にカスタマイズ

ガントシートのスタイルは自由にカスタマイズ可能です。タスクバーのスタイルやグリッド線、非稼働日のスタイルなど要件に合わせてお使いいただくことができます。

ガントシートは「機能限定配布ライセンス」では配布できません。

ガントシートの使用例

工程管理表デモ

ガントシートを使用して工程管理におけるプロジェクトのタイムラインや進捗状況、タスク、依存関係などを設定する方法を確認できます。

詳しく見る

ガントシートの基本機能デモ

ガントシートの基本的な使い方をはじめ、各種の機能やカスタマイズ方法が確認できます。

詳しく見る

Excel感覚で高度な帳票が作れる「レポートシート」

さまざまな形式の帳票の作成に対応

「レポートシート」を使えば見積書や請求書のような基本的な帳票はもちろん、クロス集計表やカラム形式（多段組）の帳票など、従来のSpreadJSでは作成が難しかったレイアウトの帳票も簡単に作成できます。作成した帳票はブラウザでの閲覧のほか、印刷やPDF、Excelといったファイル形式への保存にも対応します。