Programing/Tool/Electron の変更点

Top > Programing > Tool > Electron

#contents
----
* 概要 [#of1bd34a]
- マルチプラットフォーム対応のデスクトップアプリケーションを開発できるソフトウェアフレームワーク
- 内部でChromiumとNode.jsを使用している
- HTML,CSS,JavaScript などWeb技術でデスクトップアプリを開発できる

* インストール [#iba57f87]
** 最速方法(for Windows) [#p03403e6]
- electronのダウンロード
[[公式サイト/安定版>https://www.electronjs.org/releases/stable]]から安定版のelectron-v*-win32-x64.zipをダウンロードする

- resourceを書き換える
++ resource内のdefault_app.asarを削除。
++ appを作成
++ app内に[[electron-quick-start>https://github.com/electron/electron-quick-start]]を展開する

- 参考リンク
--[[electron を簡単に導入する>http://var.blog.jp/archives/48415726.html]]

** npmを使用した方法(for ubuntu) [#k84abb9b]
- nodjs/npmのインストール
#geshi(bash,number){{
sudo apt update
sudo apt install nodejs npm
}}

- electron のインストール
#geshi(bash,number){{
npm -g install electron-prebuilt
npm init -y
}}

** package.jsonの書き方 [#jbd7b735]
- [[はじめての Electron アプリ>https://www.electronjs.org/docs/tutorial/first-app]]
- [[npm package.json 日本語版 取扱説明書>http://liberty-technology.biz/PublicItems/npm/package.json.html]]


* 参考リンク [#qa78e020]
-[[UbuntuにNode.jsを導入する方法3つを目的別に紹介!(18.04LTS)>https://www.sejuku.net/blog/84238]]
-[[Electronの手習い〜Electron環境からパッケージ化まで〜>https://qiita.com/tagosaku324/items/c720499080d523bbe1d7]]