LoginSignup
6

More than 5 years have passed since last update.

Electron使ってみた

Last updated at Posted at 2015-07-18

開発環境

必須パッケージインストール
sudo locale-gen ja_JP.UTF-8
sudo apt-get update

sudo apt-get install -y nodejs-legacy npm git
sudo npm -g install electron-prebuilt
開発準備
mkdir electron-readus/lib; cd electron-readus
yes "" | npm init -y
  • ファイルの編集
    • package.json
    • index.html
    • main.js
    • lib/fileUtil.js
デスクトップアプリの起動
export DISPLAY=:0
electron .

起動に失敗する場合は以下修正

package.json
- "main": "index.js",
+ "main": "main.js",
globモジュールのインストール
sudo npm install glob --save
bowerモジュールと、bowerからangularjsのインストール
sudo npm install bower
yes "" | bower init
bower install angular marked --save
asar化
sudo npm install -g asar
asar pack . ~/app.asar

配布用electron実行環境をダウンロード

  • https://github.com/atom/electron/releases
    • Linux : electron-v0.30.0-win32-x64.zip
    • RasPi : electron-v0.30.0-linux-arm.zip
    • Mac : electron-v0.30.0-darwin-x64.zip
    • Win : electron-v0.30.0-win32-x64.zip
  • 解凍し、resourcesにapp.asarを置く。
    • ./electron を実行すると起動する。

a3.png

electronは最近の著名なクロスプラットフォームアプリで採用されている

  • Slack
  • Atom
  • VisualStudio Code
  • kitematic
  • kobito

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
6