フリーで商用利用可能なグリッドライブラリ

スポンサーリンク

こんにちは、しぐれがきです。

自作のWebアプリ作成にあたり、グリッドライブラリを導入しようと考えています。
一応、自作といっても公開も視野に入れたいので、事前に商用利用可能かを調査しました。
せっかく調査したので、本記事で備忘録としてまとめたいと思います。

目次



グラフ描画ライブラリへの要件


■商用利用
・商用利用可能なこと
■必須機能
・グリッドの入力が可能なこと
・グリッドないデータの変更ができること
・行削除ができること
■あればうれしい機能
・検索機能
・ソート機能




調査結果

グリッドライブラリ一覧


特定キーワードでググってグリッドライブラリをリストアップしました。
調査方法は調査方法を参照

ライブラリ 紹介サイト数 URL
1 ag-Grid 1 https://www.ag-grid.com/
2 DataTable 3 https://datatables.net/
3 dhtmlGrid 2 https://dhtmlx.com/docs/products/dhtmlxGrid/
4 ExtJS Grid 1 https://docs.sencha.com/extjs/6.0.2/guides/components/grids.html
5 FlexGrid 2 https://www.grapecity.com/tools/products/flexgrid
6 Gelsheet 1 http://www.gelsheet.org/
7 grrid.js 1 https://github.com/Swirrl/grrid
8 Handsontable 3 https://handsontable.com/
9 IgniteUI 1 https://jp.infragistics.com/products/ignite-ui
10 jqGrid 5 http://www.trirand.com/blog/
11 jQuery EasyUI 1 https://www.jeasyui.com/
12 jQuery quicksearch plug-in 1 https://deuxhuithuit.github.io/quicksearch/r/examples/
13 jQuery-KingTable 1 https://github.com/RobertoPrevato/jQuery-KingTable
14 jQWidgets 1 http://www.jqwidgets.com/
15 kawasima/jagrid 1 https://github.com/kawasima/jagrid
16 Knockout-Contrib/KoGrid 1 https://github.com/Knockout-Contrib/KoGrid
17 mmurph211/Grid 1 https://github.com/mmurph211/Grid
18 OmniGrid 1 Not FOUND
19 SpreadJS 1 http://jp.spread.grapecity.com/spreadjs/
20 Sensei Grid 2 https://github.com/datazenit/sensei-grid
21 Sigma Grid 2 https://ja.osdn.net/projects/freshmeat_sigmagrid/
22 SitePen/dgrid 1 http://dgrid.io/
23 SlickGrid 4 https://github.com/mleibman/SlickGrid
24 sorttable 1 https://www.kryogenix.org/code/browser/sorttable/
25 Super Tables 1 Not FOUND
26 Table Sorter 1 http://tablesorter.com/docs/
27 TOMUSS 1 https://www.amcharts.com/
28 w2ui 1 http://perso.univ-lyon1.fr/thierry.excoffier/TOMUSS/home.html
29 ZK Spreadsheet 1 https://www.zkoss.org/product/zkspreadsheet

※紹介サイト数は検索結果が重複したものはカウントしてません。




グリッドライブラリのライセンス調査結果


それぞれのWebサイトでライセンスについて調査しました。
結果は以下です。

ライブラリ 無償商用利用 ライセンス形態 補足
1 ag-Grid
×
①Single Application Developer
②Multiple Application Developer
③SaaS and OEM
ag-Grid is compatible with IE 9+, Firefox, Chrome and Safari.
①£495②£795③POA
2 DataTable
MIT License サポート契約は有料で結べる(https://datatables.net/purchase/index)
3 dhtmlGrid
①GNU GPLv2
②Commercial License
③Enterprise License
機能の制限がつくが①を選べばフリーで商用利用可能
(https://dhtmlx.com/docs/products/licenses.shtml)
4 ExtJS Grid
?
5 FlexGrid
×
ユーザーライセンス
+ランタイムライセンス
6 Gelsheet
GNU GPLv3 パッケージ内のlicense.txtに記載
日本語のサイトあり(https://ja.osdn.net/projects/sfnet_gelsheet/)
7 grrid.js
MIT License パッケージ内のMIT-LICENCEに記載
(https://github.com/Swirrl/grrid/blob/master/MIT-LICENCE)
8 Handsontable
MIT License “If you need full Excel-like interactivity in a web app, look no further”
エクセル的な感じで使えるかも
グラフライブラリを合わせて使えそう
(https://docs.handsontable.com/pro/1.11.0/tutorial-licensing.html)
有償版は高機能のものがある
9 IgniteUI
×
1ソフトウェアに付き、1 開発者ライセンス 有償ライセンス
(https://www.componentsource.co.jp/product/netadvantage-for-ignite-ui-j/licensing)
10 jqGrid
×
①FREE – NON-COMMERCIAL
②COMMERCIAL AND GOVERNMENT LICENSES
②は$199以上(http://guriddo.net/?page_id=103334)
11 jQuery EasyUI
×
①Freeware Edition
②Commercial Edition
非営利目的なら①でもOK
(https://www.jeasyui.com/license_freeware.php)
12 jQuery quicksearch plug-in
MIT License jQueryと同じライセンス
(https://jquery.org/license/)
13 jQuery-KingTable
MIT License パッケージ内のjQuery-KingTable/LICENSEに記載
(https://github.com/RobertoPrevato/jQuery-KingTable/blob/master/LICENSE)
14 jQWidgets
×
①Non-Commercial License
②Commercial License
Website Licenseは$199、Developer Licenseは$399、Team Licenseは$1499
15 kawasima/jagrid
Eclipse Public License -v 1.0 パッケージ内のjagrid/LICENSE.mdに記載
(https://github.com/kawasima/jagrid/blob/master/LICENSE.md)
16 Knockout-Contrib/KoGrid
MIT License パッケージ内のKoGrid/README.mdに記載
(https://github.com/Knockout-Contrib/KoGrid/blob/master/README.md)
17 mmurph211/Grid
MIT License パッケージ内のGrid/README.mdに記載
(https://github.com/mmurph211/Grid/blob/master/README.md)
18 OmniGrid
×
サイト見つからず
19 SpreadJS
×
①一般商用ライセンス
②特別契約ライセンス
③企業向けライセンスオプション
①~③は有償
(http://jp.spread.grapecity.com/spreadjs/purchase/license/)
20 Sensei Grid
MIT License パッケージ内のsensei-grid/LICENSE.mdに記載
(https://github.com/datazenit/sensei-grid/blob/master/LICENSE.md)
21 Sigma Grid
LGPL 2010から更新なし
(http://freecode.com/projects/sigmagrid)
22 SitePen/dgrid
BSD License ライセンスについてはトップページに記載
23 SlickGrid
MIT License パッケージ内のSlickGrid/MIT-LICENSE.txtに記載
(https://github.com/mleibman/SlickGrid/blob/master/MIT-LICENSE.txt)
24 sorttable
?
GPLライセンスみたい?
25 Super Tables
×
サイト見つからず
26 Table Sorter
MIT License
GPL Liscense
ライセンスについてはトップページに記載
27 TOMUSS
GPL ダウンロードページにライセンスの情報が記載
(http://perso.univ-lyon1.fr/thierry.excoffier/TOMUSS/home.html#n10)
28 w2ui
MIT License ライセンスについてはフッターに記載されている
Code licensed under the MIT License. Documentation licensed under CC BY 3.0.
29 ZK Spreadsheet
×
①LGPL
②ZOL or Commercial License
①はfree for open source and proprietary use




グリッドライブラリの機能調査結果


商用利用可能なグリッドライブラリについて機能要件として以下を調査しました。
【必須要件】
①グリッドの入力が可能なこと
②グリッド内データの変更ができること
③行削除ができること
【あればうれしい機能】
④検索機能
⑤ソート機能
また、GPLライセンスは商用の場合、公開義務が出てくるので対象外としました。

ライブラリ ライセンス形態 必須要件 あれば 備考
2 DataTable MIT License
×
×
×
参考:
(http://qiita.com/nissuk/items/7ac59af5de427c0585c5)
編集機能もありますが有償です。
3 dhtmlGrid ①GNU GPLv2
②Commercial License
③Enterprise License
bootstrapはうまくいっていないみたい
(https://stackoverflow.com/questions/33388564/how-to-debug-a-bootstrap-dhtmlxgrid-css-conflict)
GPLライセンスのため対象外
6 Gelsheet GNU GPLv3
?
?
エクセルな感じでいい
GPLライセンスのため対象外
7 grrid.js MIT License
×
×
×
×
?
デモページ参考
(https://codingmania.net/demo/table/0001/)
8 Handsontable MIT License
エクセルな感じでいい
12 jQuery quicksearch plug-in MIT License
×
×
×
×
使い方:http://www.sukicomi.net/2015/06/quicksearch-jquery.html
13 jQuery-KingTable MIT License
×
×
×
使い方:http://archive.fo/HCSA9
15 kawasima/jagrid Eclipse Public License -v 1.0
?
?
16 Knockout-Contrib/KoGrid MIT License
×
×
×
×
17 mmurph211/Grid MIT License
×
×
×
×
×
20 Sensei Grid MIT License
?
?
?
?
デモページが開けない
画像から判断
21 Sigma Grid LGPL
?
?
?
?
?
デモページが開けない
2010から更新なし、GPLライセンスのため
→今回は非該当
22 SitePen/dgrid BSD License
×
×
×
×
デモページにて確認
(http://dgrid.io/#demos)
23 SlickGrid MIT License
?
?
26 Table Sorter MIT License
GPL Liscense
×
×
×
×
デモページにて確認(http://tablesorter.com/docs/)
GPLライセンスのため対象外
27 TOMUSS GPL
?
?
?
?
?
複数人でドキュメントを作り上げるアプリ
デモページではよくわからない、GPLライセンスのため今回は非該当
28 w2ui MIT License
×
×
×
デモページにて確認(http://w2ui.com/web/demo/grid)




グリッドライブラリの選定


本章では要件を満たすグリッドライブラリに対して、私自身が使用するグリッドライブラリを1つ選定したので、そのときの観点を紹介したいと思います。

フリーで商用利用可能かつ機能要件も満たすグリッドライブラリは以下の4つでした。
・Handsontable
・kawasima/jagrid
・Sensei Grid
・SlickGrid

あとはこの中で一番人気なライブラリを選ぶことにします。
Google Trendsを調べてみると人気なグラフ描画ライブラリは以下の順番だと分かりました。
1.Handsontable
2.SlickGrid
3.jagrid
4.Sensei Grid


SlickGridは明らかに下がり気味です。Handsontableは2012年から2015年まで右肩上がりです。最近は横ばいですが、Handsontableが良さそうです。
これより、Handsontableに決定しました。




(補足)グリッドライブラリの調査

調査方法


以下の検索キーワードで検索をして、上位10コのWebサイトで紹介しているグリッドライブラリをピックアップします。

検索キーワード

「web グリッド ライブラリ」


ヒットしたWebサイト



1.Qiita JavaScriptのGridライブラリ決定版 – SlickGrid

JavaScriptでグリッド表示を行ってくれるライブラリは色々あるが、その中でも一番しっくりきたSlickGridをご紹介。 ※2016/3現在、SlickGridは更新が停止しています(2014/3/5より)。その代り、6pac...

<紹介されているグリッドライブラリ>
・SlickGrid
・DataTable
・jqGrid
・dhtmlGrid
・FlexGrid



2.hifive開発者ブログ 業務システムで使えるグリッドライブラリ×8選

Webベースの業務システムを作っている際に必要になるのがデータの一覧画面です。多くのデータを一覧でき、かつスク…

<紹介されているグリッドライブラリ>
・Sensei Grid
・kawasima/jagrid
・mleibman/SlickGrid
・mmurph211/Grid
・SitePen/dgrid
・Knockout-Contrib/KoGrid
・jqGrid
・Sigma Ajax Grid – Ajax editable data grid – DHTML grid control with flexibility and user API.



3.OPEN TONE 第1回 JavaScriptによるデータグリッドことはじめ

<紹介されているグリッドライブラリ>
・dhtmlxGrid
・jqGrid
・ExtJS Grid
・OmniGrid



4.NAVERまとめ Javascript グリッドの紹介

現状でのおすすめを紹介しています。>> 現時点では Handsontableがおすすめです。

<紹介されているグリッドライブラリ>
・jqgrid
・DataTables
・SlickGrid
・Handsontable



5.Build Insider 人気上昇中のJavaScriptライブラリを調べてみた【2016年版】

今、人気のJSライブラリ[ジャンル別に比較]。新しいWeb開発フレームワークも登場! 2015年中に人気が急上昇してきており、「2016年では必須の知識」となりそうなJavaScriptライブラリをランキング形式で発表する。

<紹介されているグリッドライブラリ>
なし



6.Build Insider Excelライクなグリッド表示(スプレッドシート、表計算)を簡単に作れるJavaScriptライブラリ「SpreadJS」の機能概要[PR]

SpreadJS機能概説(1)[PR]。Web上でもExcel形式の表計算型のデータ入力やデータ表示を実現したい?! それならJavaScript UIウィジットの「SpreadJS」が利用できる。そのSpreadJSの特徴と機能概要をまとめる。

<紹介されているグリッドライブラリ>
なし



7.JavaScript/参考メモ/jQueryでData Table, Grid 操作が出来るライブラリ(2015-03時点)

<紹介されているグリッドライブラリ>
・jQuery EasyUI
・IgniteUI
・jQWidgets
・DataTables
・jqGrid -> Guriddo
・w2ui
・Handsontable
・SlickGrid



8.トイロハ 業務システム開発に役立つ。テーブルによる一覧表示を高機能化するライブラリ×13選

業務システムにおいて最も良く使われているソフトウェアの一つが表計算ソフトウェアではないかと思われます。もはや職人という域に達している人たちもいて、ありとあらゆる文書をExcelで作り上げてしまったりします。 そんな中、業務システムにおいてもデータを一覧表で表示することが多々あります。その結果として担当者のニーズは一覧デ...

<紹介されているグリッドライブラリ>
・Super Tables
・Flexigrid 
・Table Sorter
・Sigma Grid
・jQuery quicksearch plug-in
・sorttable
・grrid.js
・Gelsheet
・TOMUSS
・ZK Spreadsheet
・jQuery-KingTable
・Handsontable
・Sensei Grid



9.MOONGIFT ag-Grid – 業務要件の殆どを満たせそうなグリッドライブラリ

ag-Grid - 業務要件の殆どを満たせそうなグリッドライブラリの使い方、日本語情報はMOONGIFTでチェック。業務システムなどをWebベースで作っていると求められるのがリッチなグリッド機能です。ヘッダの固定、フィルタリング、チェック、カラムの順番変更、一回あたりのデータ表示件数変更…挙げれば実にきりがありません。...

<紹介されているグリッドライブラリ>
・ag-Grid



10.エンジニア特化型Q&Aサイトteratail 商用利用が無料なJavascriptグリッドライブラリは、どのようなものが存在するでしょうか

<紹介されているグリッドライブラリ>
なし




まとめ


本記事ではグリッドライブラリの特にフリーで商用利用可能かを重点に置いて調査しました。
グリッドはWebアプリを作るときに欲しい機能だと思います。
同じように商用利用を考えている場合は、本記事を参考に検討をしてみてください。

以上!

スポンサーリンク

フォローする

スポンサーリンク

コメント

  1. js好 より:

    とても役に立つブログありがとうございます。お一つ教えて頂ければ幸いです。

    初級本一冊を読んでlaravelを触ってみたのですが、
    なかなか難しく、ララ帳などの解説サイトも辞書のような解説が多く、
    かつ自分の作りたいダウンロードマーケットのような投稿サイトを作る情報も、
    ぴったりの物が見つかりませんでした。
    まだ新しいので恐らくあまり情報がないのでしょうね。

    レンタルサーバもドメインキングなどssh非対応の物は使えないようなので、
    このフレームワークを採用してよいか心配になってきました。

    もし他にもっと今後伸びそうで簡単なものをご存知でしたら教 えていただければ幸いです。
    また、いっそ生のphpで作ってしまうという選択肢もありますが、
    圧倒的にフレームワークを使った方が生産性が高く、
    セキュリティ対策も考えると危険なのでやめたほうが良いでしょうか?
    今時なまで作るなどほぼあり得ないという話も聞きます。

    • siguregaki より:

      js好さん

      お返事遅れてしまい、申し訳ございません。

      結論から申し上げますと、フレームワークとしてはLaravelを使ったのが初めてでして、その他のフレームワークについては不明です。
      しかし、どのフレームワークを使うかの事前調査をしており、Laravelは今後伸びていきそうで将来性があったため、Laravelを使うことに決めました。

      ※以下のようなPHPフレームワークを比較しているサイトを参考にしました。
      https://www.webprofessional.jp/the-state-of-php-mvc-frameworks-in-2017/

      また、フレームワークを使わない点については、js好さんがおっしゃるとおりでセキュリティや生産性の面であまりおすすめしません。
      作りたいサイトが商用を意識したもののようですので、なおのこと一から作るのではなく、世界中の方々がアップデートしているLaravelのようなフレームワークを利用するのが良いかと思います。

Powered by YSKTEC.COM