Shoeisha Technology Media

CodeZine(コードジン)

記事種別から探す

ExcelライクなWebアプリを実現するJavaScriptライブラリ「SpreadJS」のはじめ方と主な機能

ASP.NET MVCとSpreadJSで業務Webアプリケーションモダン化計画 第2回

  • LINEで送る
  • このエントリーをはてなブックマークに追加
2016/10/03 14:00

 WebアプリケーションでExcelライクなUIを実現できる「SpreadJS 9J」のはじめ方と基本的な使い方を紹介します。SpreadJSはJavaScriptのライブラリです。本稿では、サーバーサイドの要素は登場せず、フロントサイドのみ登場します。

目次

はじめに

 前回は、ASP.NETの現状を確認し、帳票機能の開発に便利なSpreadJSライブラリを紹介しました。第2回はSpreadJSのはじめ方と基本的な使い方を紹介し、SpreadJSの概念と主な機能を学びます。

 本稿で紹介する機能は、次のリストの通りです。

  • 日本語化
  • 初期化
  • 値をシートに設定する(セル・テーブル・シート・CSV)
  • 数式の使用
  • セル型
  • 行や列の固定
  • クライアントサイドのExcelインポート・エクスポート
  • テーブルスライサー

対象読者

  • JavaScript 開発者
  • スプレッドシートの機能に興味がある方
  • ExcelのようなWebアプリを作成したい方

必要な環境

 SpreadJS 9Jの必要システムを参照。

 本稿では、次の環境で開発・動作確認をおこなっています。

  • Chrome
  • Visual Studio Code
  • Windows 10

SpreadJSのドキュメントは?

 SpreadJSにはどのような機能があるか、実装方法を調べるにはどのドキュメントを参照したらよいでしょうか。筆者がおすすめするSpreadJSのドキュメントをいくつか紹介します。

SpreadJS チュートリアルデモ
SpreadJS チュートリアルデモ

 このチュートリアルデモのサイトでは、SpreadJSの機能を俯瞰できます。また、それぞれの詳細ページでは、サンプルと共に機能の説明・実装方法が記載されており、スクリプトを実際に実行し、その場で結果を確認できます。

詳細ページ

詳細ページ

 このチュートリアルデモは製品にも付属しており、実際のコードを手元にて確認できます。

製品ヘルプ
製品ヘルプ

 製品ヘルプでは、機能の仕様、メソッド名・引数・オプションの値などのAPIについて知ることができます。ページの左下から検索ができます。

 これらのドキュメントは、SpreadJSのサイトよりアクセスできます。新着ニュースでは新しく公開された技術情報を通知しています。また不明な点があれば、サポートページにあるナレッジベースなどが活用できます。


  • LINEで送る
  • このエントリーをはてなブックマークに追加

著者プロフィール

  • 矢後 比呂加(ヤゴ ヒロカ)

     Microsoft MVP for Visual Studio and Development Technologies(https://mvp.microsoft.com/ja-jp/PublicProfile/5000246)  シグマコンサルティング株式会社にて、Microsoft Azu...

バックナンバー

連載:ASP.NET MVCとSpreadJSで業務Webアプリケーションモダン化計画
All contents copyright © 2005-2017 Shoeisha Co., Ltd. All rights reserved. ver.1.5