Web技術 で デスクトップアプリ !!? 〜 Electron のすすめ〜

Transcript

1. RYOTA 〜 Electron のすすめ〜 Web技術 で デスクトップアプリ !!?
2. RYOTA 経歴 D 大手重工業 　 工場作業員（5年2 D 大手人材系企業 　 営業マン　 （3年2 D Webエンジニア　 　 　 　 　 　 　 （3年2 D フリーランスエンジニア （現在）
3. RYOTA 技術スタック
4. お話しする内容 ) Electronと% ) Electronの実行環 ) Electronのプロセスモデル
5. What' s Electron?
6. Web技術でデスクトップアプリが作れる
7. クロスプラットフォーム アプリケーション ※Linux OSにも対応
8. Electron製アプリ ※代表作
9. Runtime Node.js Chromium
10. ※Vue.js等も使用可能 Electronが起動 Chromiumが駆動 HTML/CSS/JavaScriptをロード Reactをレンダリング Node.js環境で実行
11. 実際にやってみた
12. $ yarn start
13. /index.js /index.html /package.json
14. Process Model Main Process Renderer Process
15. メインプロセス 9 アプリケーションのエンドポイントとして機& 9 アプリケーションのライフサイクルを管 9 アプリケーションウィンドウを作成し管 9 ネイティブ機能を制御
16. レンダラー プロセス レンダラー プロセス レンダラー プロセス メインプロセス IPC 通信 (InterProcess Communication)
17. まとめ Web技術でデスクトップが作れる Node.js環境で実行、内部でChromiumが駆動 ネイティブ機能 / 中枢機能をメインプロセスが担う
18. Thank you !!