Electronについてざっくりと

Transcript

1. 2017೥ɺϞμϯͳϑϩϯτ Τϯυ؀ڥͰσεΫτοϓ ΞϓϦΛ࡞Δͧʂ
2. • Shohei Saeki • Mar. 10, 1991 • Software engineer @saekis
3. * Electron * • What’s Electron?? • About process • OS hack • Be modern
4. * Electron * • What’s Electron?? • About process • OS hack • Be modern
5. What’s Elecron?? • GitHub੡ͷϋΠϒϦουΞϓϦੜ੒πʔϧ • Mac, Windows, Linux ͍ΖΜͳ؀ڥͰಈ͘ • webͷٕज़ͰΞϓϦ͕࡞ΕΔ • HTML, CSS, JavaScript
6. * Electron * • What’s Electron?? • About process • OS hack • Be modern
7. About process • main process • renderer process
8. SFOEFSFS SFOEFSFS SFOEFSFS NBJO $ electron .
9. SFOEFSFS SFOEFSFS SFOEFSFS BrowserWindow $ electron . NBJO
10. SFOEFSFS SFOEFSFS SFOEFSFS ipcRenderer BrowserWindow $ electron . NBJO
11. SFOEFSFS SFOEFSFS SFOEFSFS ipcRenderer BrowserWindow ipcMain $ electron . NBJO
12. * Electron * • What’s Electron?? • About process • OS hack • Be modern
13. OS hack • OSϋοΫͱ͍͍ͭͭɺόΠφϦͱ͔ͷ࿩͡Ό ͳ͍ • ϑΝΠϧγεςϜͱ͔௨஌όʔͱ͔Λૢ࡞͢ ΔelectornͷAPI • JavaScriptͷίʔυͰϋοΫͰ͖Δମݧ
14. OS hack • tray • notification(node-notify) • node-auto-launch • electron-mocha
15. * Electron * • What’s Electron?? • About process • OS hack • Be modern
16. Be modern • 2017೥ͷ։ൃ؀ڥʹ͍ͨ͠ • ϑϩϯτΤϯυͷ஌ࣝͰߏஙͰ͖Δ
17. Be modern • ES6 • React • Redux • Sass • webpack
18. σϞ
19. ϞμΝϯͳ΢ΣοϓΞϓϦΛ ࡞ͬͯΔײ֮ʂʂ
20. ؾʹͳΔ • ηΩϡϦςΟ • ύϑΥʔϚϯε
21. ·ͱΊ • webϑϩϯτΤϯυͷ஌ࣝͰmacΞϓϦ͕࡞ΕΔʂ • ΞϓϦέʔγϣϯͷॲཧ͸mainϓϩηεɺviewͷॲཧ͸ rendererϓϩηε • ϓϩηεؒͷ௨৴͕Մೳ • OSΛϋοΫͰ͖ΔAPI͕ෳ਺༻ҙ͞ΕͯΔ • 2017೥ɺϞμϯʹߦ͜͏ʂ
22. ͝ਗ਼ௌ ͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ