クロクロ・ショップ

ElectronとHTML5で作るGUIアプリ入門

 HTMLレンダリングエンジンのWebkitに、JavaScriptの実行環境node.jsが合体した『Electron』。

 『Atom』や『Visual Studio Code』など、多くのソフトウェアで採用されているこの開発環境を利用して、GUIアプリケーションを作成する方法を解説します。

詳細情報

 HTMLレンダリングエンジンWebkitに、JavaScriptの実行環境node.jsが合体した『Electron』を利用すれば、HTML5の知識を利用してGUIアプリケーションを作成できます。

 『Electron』は、『Atom』や『Visual Studio Code』など、多くのソフトウェアで採用されている開発環境です。

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

プレビュー

 本のページのサンプルです。

QR コード

情報

著作権者 : 柳井 政和

Web Site : http://crocro.com/

This Page : https://crocro.com/shop/item/electron_gui.html

埋め込み :

Twitter : ruten