SHOEISHA iD

※旧SEメンバーシップ会員の方は、同じ登録情報(メールアドレス&パスワード)でログインいただけます

CodeZine編集部では、現場で活躍するデベロッパーをスターにするためのカンファレンス「Developers Summit」や、エンジニアの生きざまをブーストするためのイベント「Developers Boost」など、さまざまなカンファレンスを企画・運営しています。

高機能JavaScriptグリッド部品「SpreadJS」の活用(PR)

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

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

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

 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のサイトよりアクセスできます。新着ニュースでは新しく公開された技術情報を通知しています。また不明な点があれば、サポートページにあるナレッジベースなどが活用できます。

次のページ
SpreadJSのはじめ方

この記事は参考になりましたか?

  • このエントリーをはてなブックマークに追加
高機能JavaScriptグリッド部品「SpreadJS」の活用連載記事一覧

もっと読む

この記事の著者

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

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

※プロフィールは、執筆時点、または直近の記事の寄稿時点での内容です

この記事は参考になりましたか?

この記事をシェア

  • このエントリーをはてなブックマークに追加
CodeZine(コードジン)
https://codezine.jp/article/detail/9672 2016/10/03 14:00

おすすめ

アクセスランキング

アクセスランキング

イベント

CodeZine編集部では、現場で活躍するデベロッパーをスターにするためのカンファレンス「Developers Summit」や、エンジニアの生きざまをブーストするためのイベント「Developers Boost」など、さまざまなカンファレンスを企画・運営しています。

新規会員登録無料のご案内

  • ・全ての過去記事が閲覧できます
  • ・会員限定メルマガを受信できます

メールバックナンバー

アクセスランキング

アクセスランキング