社名変更のお知らせ

この利用ガイドでは、SpreadJSを導入したばかりの方や、トライアル期間中の方向けに、SpreadJSの概要や導入方法、基本的な使い方を紹介しています。製品の解説動画やデモアプリケーション、ブログで紹介したチュートリアル記事を使ってSpreadJSを手軽に学習できます。

SpreadJSを知る

SpreadJS(スプレッドJS)は、Webシステムのフロントエンドで高度なスプレッドシート機能を簡単に実現できるJavaScriptライブラリです。このライブラリを利用すれば、わずかなコード実装のみで馴染みのあるExcelライクなUIと機能をシステム上に実現することができます。

この動画ではSpreadJSの概要や基本的な使い方、デザイナを活用した便利な設定方法などをご紹介します。

ダウンロードする(PDF形式)

SpreadJSをはじめる

SpreadJSの概要を把握したら、以下のドキュメントを参考にSpreadJSの利用を開始しましょう。

ローカル参照で開始する

SpreadJSのもっとも基本的な利用方法は、アプリケーション内のフォルダに配置したライブラリファイルを参照して使うやり方です。

利用方法を見る

ローカル参照で開始する

npmで開始する

SpreadJSライブラリはnpm上に公開されており、npmの各種コマンドを利用してお使いのプロジェクトにインストールすることが可能です。

利用方法を見る

npmで開始する

JavaScriptフレームワーク上で使う

SpreadJSはフロントエンド開発で利用頻度の高い様々なJavaScriptフレームワークでの利用に対応しています。以下のドキュメントやデモを参考にお好きなフレームワーク上でSpreadJSの使用を開始してみましょう。

Webアプリケーションをつくる

Webアプリケーション開発では、フロントエンドだけでなくバックエンドの開発も重要です。SpreadJSに加え、Visual Studioとそのプロジェクトテンプレートを活用することで簡単にリッチなSPA(シングルページアプリケーション)を開発することができます。以下のチュートリアルを参考に開発を開始しましょう。

基本機能編

Angular+ASP.NET Coreでつくる

フロントエンドにSpreadJSとAngular、バックエンドにASP.NET Coreを使ったWebアプリケーション開発をテーマとするCodeZineのチュートリアル記事です。

チュートリアルを見る

「SpreadJS」のスプレッドシートをReact+ASP.NET Coreで活用してデータ集計するWebページを作ろう

React+ASP.NET Coreでつくる

フロントエンドにSpreadJSとReact、バックエンドにASP.NET Coreを使ったWebアプリケーション開発をテーマとするCodeZineのチュートリアル記事です。

チュートリアルを見る

「SpreadJS」のスプレッドシートをVue.js+ASP.NET Coreで活用してデータ集計するWebページを作ろう

Vue.js+ASP.NET Coreでつくる

フロントエンドにSpreadJSとVue.js、バックエンドにASP.NET Coreを使ったWebアプリケーション開発をテーマとするCodeZineのチュートリアル記事です。

チュートリアルを見る

SpreadJSの機能を使う

このセクションはSpreadJSを使いこなすためのガイドです。基本的なUIの表示方法から代表的な各種機能の用法までを網羅的に学習できます。

数式

数式・関数

SpreadJSにおける数式・関数機能の利用方法を解説します。

利用方法を見る

書式設定

書式設定

セル値の表示書式などを設定する方法について解説します

利用方法を見る

ステータスバー

ステータスバー

集計機能などを備えるステータスバーの設定について解説します

利用方法を見る

グループ化

グループ化

シートの行や列を折りたたみ展開できるグループ化について解説します

利用方法を見る

フィルタ

フィルタ

Excelライクな使用感でデータを絞り込みできるフィルタについて解説します

利用方法を見る

インポート

インポート

ExcelファイルをSpreadJSにインポートする方法について解説します

利用方法を見る

条件付き書式

条件付き書式

セル値などに応じて書式を変更できる条件付き書式について解説します

利用方法を見る

スタイル

スタイル

セルの罫線や塗りつぶしなどをはじめとするスタイル設定について解説します

利用方法を見る

リボンコンテナ

リボンコンテナ

リボンメニューやステータスバー付きのスプレッドシート表示について解説します

利用方法を見る

さらに学ぶ

オンラインデモ

多彩な製品機能やパフォーマンス、デザイナ機能をオンラインデモでご確認いただけます。

デモを試す

製品ヘルプ

SpreadJSの用法を網羅的に学べるヘルプです。

製品ヘルプを見る

ナレッジベース

蓄積された情報からSpreadJS利用のノウハウを検索できます。

ナレッジベースを見る

技術サポート(E-mailサポート)

SpreadJS サブスクリプションライセンスをご契約中の方はメールによるテクニカルサポートサービスをご利用いただけます(回数無制限)。
ご利用中に発生した技術的な不明点をこちらのフォーム(要ログイン)よりお知らせください。