技術書同人誌博覧会
ElectronとHTML5で作るGUIアプリ入門
同人誌・28ページ・30部頒布・電子・300円
チェックする

 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章 おわりに

立ち読み電子版を購入
ホーム
サークル
頒布物
マイページ