Programing/Tool/Electron のバックアップ差分(No.6)


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

* インストール [#iba57f87]
** with 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
}}
** too easy for windwos [#p03403e6]
- electronのダウンロード
[[公式サイト/安定版>https://www.electronjs.org/releases/stable]]から安定版のelectron-v*-win32-x64.zipをダウンロードする

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

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