--- title: 続・Electronでファイルやフォルダの選択(保存もあるでよ) tags: Electron Node.js JavaScript Windows MacOSX author: _takwat slide: false --- # はじめに [Electronでファイルやフォルダの選択](http://qiita.com/khirose/items/6544342fd4141345bb19)の焼き直しです Electronも6月にめでたくVersion1.0になっているのですが、書き方がやや変わっていて、[前述のエントリ](http://qiita.com/khirose/items/6544342fd4141345bb19)の内容そのまんまでは動いてくれません ## 環境 Windows 10とMacOS X(El Capitan)上でNode.js v4.5.0(LTS)とElectron v1.4.1です Web画面側はbower管理下でjQueryとBootstrapを使用します ## ソース ```json:package.json { "name": "Qiita", "version": "1.0.0", "description": "Qiita Example App", "main": "app.js", "scripts": { "test": "echo \"Error: no test specified\" && exit 1", "release": "node release.js" }, "keywords": [], "author": "", "license": "NYSL", "dependencies": { }, "devDependencies": { "electron-packager": "*", "electron": "*" } } ``` ```json:bower.json { "name": "Qiita", "description": "Qiita Example Apps", "main": "app.js", "license": "NYSL", "moduleType": [], "homepage": "", "ignore": [ "**/.*", "node_modules", "bower_components", "test", "tests" ], "dependencies": { "jquery": "*", "bootstrap": "*" } } ``` ```js:app.js 'use strict'; const electron = require('electron'); const app = electron.app; const BrowserWindow = electron.BrowserWindow; let mainWindow; app.on('window-all-closed', () => { if(process.platform != 'darwin'){ app.quit(); } }); app.on('ready', () => { // お使いの画面解像度に応じて調整してください mainWindow = new BrowserWindow({width: 1600, height: 900}); mainWindow.loadURL('file://' + __dirname + '/index.html'); mainWindow.on('closed', () => { mainWindow = null; }); }); ``` ```html:index.html Example
```