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