ElectronでのjsGridの使いはじめ

参考リンク

• Electron https://electronjs.org/
• Electron document Writing Your First Electron App
• jsGrid http://js-grid.com
• jsGrid Getting Started - How to start using jsGrid

Electronで空っぽのウィンドウを作成

これは上記リンク（Writing Your First Electron App）で簡単にできます。

1. ディレクトリ作成
2. npm init
3. package.jsonのscriptにstartでelectronを追加
4. index.htmlを（とりあえずは）適当に書く
5. "Writing Your First Electron App"内にあるようにJSに記述
6. npm startで起動

jsGridの埋め込み

これも上記リンク（Getting Started）の通りに進めます。
ダウンロードの場合、css2本とjs1本をindex.htmlに埋め込みます。
とりあえずはサンプルコードをまるっとコピペします。

これでindex.htmlをブラウザで表示するとグリッドを確認できます。
一方、Electronの方はそのままでは表示されません。

ElectronでjQueryを有効にする方法

jsGridのためにjQueryを読み込んでいる直後に以下を追加します。

<script>window.$ = window.jQuery = require('./jquery-3.0.0.min.js');</script>

jQueryのバージョンは適宜変えて。以上で表示されるはず、です。