Electron:序/frog_house_LT_02

第2回 Frog House Lightning Talkで発表した内容です。
https://www.facebook.com/events/1571001563194893/

Transcript

1. Electron:ং @chan_gami
2. What is Electron?
3. What is Electron? If you can build a website, you can build a desktop app.
 Electron is a framework for creating native applications with web technologies like JavaScript, HTML, and CSS.
 It takes care of the hard parts 
 so you can focus on the core of your application. (ݪจϚϚ) http://electron.atom.io/
4. What is Electron? http://electron.atom.io/#get-started
5. What is Electron?
6. Looks good to me.
7. Let’s create the own app!
8. Let’s create the own app! create the minimal files. • index.html • main.js • package.json https://github.com/changami/froghouse-lightning-talk-electron/tree/ 0d8975aeea728387325f96aa2ea58b4a82d39b66
9. Let’s create the own app!
10. I did it! … but, How to build it?
11. How to build it? http://electron.atom.io/docs/
12. Umm… I want to package easier.
13. How to build it? https://www.google.ca/
14. How to build it? I decided to use this. https://github.com/electron-userland/electron-packager https://github.com/electron-userland/electron-packager/blob/master/docs/api.md
15. How to build it? According to the description, 
 we have two choices.
 
 Using: • JavaScript file which requires ‘electron-packager’. • The command line I chose to use JavaScript file.
16. How to build it? Finally, I got my app! https://github.com/changami/froghouse-lightning-talk-electron/tree/ ae8a59e19937eb71c2e98613b36bacd230ba3a0d
17. !Build Error for Windows!
18. !Build Error for Windows! The error occurred on OS X El Capitan(10.11.6)
19. !Build Error for Windows! Please look at the README.md https://github.com/electron-userland/electron-packager/ blob/master/readme.md#building-windows-apps-from- non-windows-platforms
20. Reference Links
21. Reference Links • electronica
 https://github.com/yosuke-furukawa/electronica • Electron App ͷ࡞Γํ
 https://speakerdeck.com/yosuke_furukawa/electron-app- falsezuo-rifang • learnyounode (for Node.js Beginner)
 https://github.com/workshopper/learnyounode