KimuraTakaumi/index.html

## index.html
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Hello World!</title>
    <script type="text/javascript">
        var main = require("remote").require("./main");
        function notificationMainProcess() {
            main.notificationMainProcess();
        }
    </script>
</head>
<body>
<h1>Hello World!</h1>
<button onclick="notificationMainProcess()">notification main process</button>
</body>
</html>

## main.js
'use strict';

const electron = require('electron');
const app = electron.app;
const BrowserWindow = electron.BrowserWindow;
var mainWindow;
const notifier = require('node-notifier');

function createWindow() {
    mainWindow = new BrowserWindow({width: 800, height: 600});
    mainWindow.loadURL('file://' + __dirname + '/index.html');

    // Open the DevTools.
    // mainWindow.webContents.openDevTools();

    mainWindow.on('closed', function () {
        mainWindow = null;
    });
}

app.on('ready', function () {
    createWindow();
});

app.on('window-all-closed', function () {
    if (process.platform !== 'darwin') {
        app.quit();
    }
});

exports.notificationMainProcess = function () {
    notifier.notify({
        title: 'Notification Main Process',
        message: 'Nofitificaiton Main Process Message',
        icon: 'file://' + __dirname + '/img/icon.png',
        sound: true,
        wait: true,
        contentImage: 'file://' + __dirname + '/img/icon.png'
    }, function (err, response) {
        console.log(response);
    });

    notifier.on('click', function (notifierObject, options) {
        console.log('notification click');
    });

    notifier.on('timeout', function (notifierObject, options) {
        console.log('notification timeout');
    });
};
	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="UTF-8">
	<title>Hello World!</title>
	<script type="text/javascript">
	var main = require("remote").require("./main");
	function notificationMainProcess() {
	main.notificationMainProcess();
	}
	</script>
	</head>
	<body>
	<h1>Hello World!</h1>
	<button onclick="notificationMainProcess()">notification main process</button>
	</body>
	</html>
	'use strict';

	const electron = require('electron');
	const app = electron.app;
	const BrowserWindow = electron.BrowserWindow;
	var mainWindow;
	const notifier = require('node-notifier');

	function createWindow() {
	mainWindow = new BrowserWindow({width: 800, height: 600});
	mainWindow.loadURL('file://' + __dirname + '/index.html');

	// Open the DevTools.
	// mainWindow.webContents.openDevTools();

	mainWindow.on('closed', function () {
	mainWindow = null;
	});
	}

	app.on('ready', function () {
	createWindow();
	});

	app.on('window-all-closed', function () {
	if (process.platform !== 'darwin') {
	app.quit();
	}
	});

	exports.notificationMainProcess = function () {
	notifier.notify({
	title: 'Notification Main Process',
	message: 'Nofitificaiton Main Process Message',
	icon: 'file://' + __dirname + '/img/icon.png',
	sound: true,
	wait: true,
	contentImage: 'file://' + __dirname + '/img/icon.png'
	}, function (err, response) {
	console.log(response);
	});

	notifier.on('click', function (notifierObject, options) {
	console.log('notification click');
	});

	notifier.on('timeout', function (notifierObject, options) {
	console.log('notification timeout');
	});
	};