ExcelライクなWebアプリを実現するJavaScriptライブラリ「SpreadJS」のはじめ方と主な機能
ASP.NET MVCとSpreadJSで業務Webアプリケーションモダン化計画 第2回
ダウンロード サンプルファイル (30.1 KB)
WebアプリケーションでExcelライクなUIを実現できる「SpreadJS 9J」のはじめ方と基本的な使い方を紹介します。SpreadJSはJavaScriptのライブラリです。本稿では、サーバーサイドの要素は登場せず、フロントサイドのみ登場します。
はじめに
前回は、ASP.NETの現状を確認し、帳票機能の開発に便利なSpreadJSライブラリを紹介しました。第2回はSpreadJSのはじめ方と基本的な使い方を紹介し、SpreadJSの概念と主な機能を学びます。
本稿で紹介する機能は、次のリストの通りです。
- 日本語化
- 初期化
- 値をシートに設定する（セル・テーブル・シート・CSV）
- 数式の使用
- セル型
- 行や列の固定
- クライアントサイドのExcelインポート・エクスポート
- テーブルスライサー
対象読者
- JavaScript 開発者
- スプレッドシートの機能に興味がある方
- ExcelのようなWebアプリを作成したい方
必要な環境
本稿では、次の環境で開発・動作確認をおこなっています。
- Chrome
- Visual Studio Code
- Windows 10
SpreadJSのドキュメントは？
SpreadJSにはどのような機能があるか、実装方法を調べるにはどのドキュメントを参照したらよいでしょうか。筆者がおすすめするSpreadJSのドキュメントをいくつか紹介します。
このチュートリアルデモのサイトでは、SpreadJSの機能を俯瞰できます。また、それぞれの詳細ページでは、サンプルと共に機能の説明・実装方法が記載されており、スクリプトを実際に実行し、その場で結果を確認できます。
詳細ページ
このチュートリアルデモは製品にも付属しており、実際のコードを手元にて確認できます。
製品ヘルプでは、機能の仕様、メソッド名・引数・オプションの値などのAPIについて知ることができます。ページの左下から検索ができます。
これらのドキュメントは、SpreadJSのサイトよりアクセスできます。新着ニュースでは新しく公開された技術情報を通知しています。また不明な点があれば、サポートページにあるナレッジベースなどが活用できます。
この記事は参考になりましたか？
- 高機能JavaScriptスプレッドシート部品「SpreadJS」の活用連載記事一覧
- この記事の著者
-
矢後 比呂加（ヤゴ ヒロカ）
Microsoft MVP for Visual Studio and Development Technologies（https://mvp.microsoft.com/ja-jp/PublicProfile/5000246） シグマコンサルティング株式会社にて、Microsoft Azure・ASP...
※プロフィールは、執筆時点、または直近の記事の寄稿時点での内容です
【AD】本記事の内容は記事掲載開始時点のものです 企画・制作 株式会社翔泳社
この記事は参考になりましたか？
この記事をシェア
