*[https://service.typea.info/blogwiki Webページ]をElectronアプリ化
[[File:electron_web_app.png|500px]]
==オブジェクト==
===app===
----
*アプリケーション本体
*起動/終了、Windowオープン/クローズなどの管理
===BrowserWindow===
----
*Electronアプリで表示されるウィンドウオブジェクト
*HTMLファイルを読み込むことでウィンドウを表示する
===WebContents===
----
*BrowserWindowに含まれ、Webコンテンツの状態管理
*Webコンテンツに関するイベント
===モーダルダイアログ===
----
<pre>
function createWindow() {
let win = new BrowserWindow({
width: 600,
height: 400,
webPreference: {
nodeIntegration: true
}
});
// win.loadURL('https://service.typea.info/blogwiki');
win.loadFile('index.html');
let child = new BrowserWindow({
width: 400,
height: 200,
parent: win,
frame: false,
modal: true,
transparent: true,
opacity: 0.5
});
child.loadFile('dialog.html');
}</pre>
[[File:electron_modal_dialog.png|400px]]
===デベロッパーツールを開く===
----
win.webContents.openDevTools();
[[File:electron_devtools.png|400px]]
==appオブジェクトのイベント==