HTMLレンダリングエンジンのWebkitに、JavaScriptの実行環境node.jsが合体した『Electron』。
『Atom』や『Visual Studio Code』など、多くのソフトウェアで採用されているこの開発環境を利用すれば、HTML5の知識を利用してGUIアプリケーションを作成できます。
サンプルとしてシンプルな「マークダウンエディタ」を作りながら、『Electron』でGUIアプリケーションを作成する勘所を解説していきます。
- 目次 -
第1章 環境構築
1-1 nodistを利用したNode.jsの環境構築
1-2 Electronの環境構築
1-3 はじめの一歩
第2章 Electron特有の知識
2-1 Node.jsとElectronの機能
2-2 メインとレンダラー 2つのプロセス
2-3 IPC - プロセス間通信
2-4 メニューとショートカット
第3章 配布用パッケージの作成
3-1 ファイル構成
3-2 release.js - electron-packagerの利用
3-3 electron_pack - 配布用アプリの作成
3-4 作成される実行ファイルの注意
3-5 開発用の実行
第4章 メイン プロセス側のコード
4-1 ファイル構成
4-2 main.js
4-3 my_modules/browser.js
4-4 my_modules/menu.js
第5章 レンダラー プロセス側のコード
5-1 ファイル構成
5-2 index.html
5-3 js-my/app.main.js
5-4 js-my/app.dAndD.js
5-5 js-my/app.editor.js
5-6 js-my/app.file.js
5-7 js-my/app.fileDlg.js
5-8 js-my/app.localLoader.js
5-9 js-my/app.menu.js
第6章 おわりに