JavaScript
Electron

ELECTRON quick_start_project

More than 1 year has passed since last update.


ELECTRON


Table of Contents


  1. What is ELECTRON

  2. before developping

  3. quick start guide


1.ELECTRON

ELECTRON 公式サイト


GitHub社が開発したweb技術を利用してデスクトップアプリが作成できるフレームワーク。


2.before developping


必要な環境

nodejsとnpm[ node package manager ]が必要。


2-1.node js のインストール

nodejs.png

nodejsをクリックしてインストール。

npmはnodejsのインストール後、使えるようになっております。


3.quick-start-guide

terminal

$ cd path_you_create

$ git clone https://github.com/electron/electron-quick-start
$ cd electron-quick-start
$ npm install && npm start

hello ELECTRON

electron.png


3-1.ディレクトリ構成

directory

path_you_created

|- .git
|- .gitignore
|- LICENSE.md
|- README.md
|- index.html
|- main.js
|- node_modules
|- package.json
|- render.js

main.js[ Server側のJavaScript ]

アプリケーションの起動・停止などクライアント側以外のjs( nodejs )での開発を行う場所

render.js[ client側のJavaScript ]

render.jsはindex.htmlに要求されるファイルです。

このファイルは、widowのレンダープロセスに実行される。

NodejsのAPIは全てこのプロセス中は利用可能である。

This file is required by the index.html file and will be executed in the renderer process for that window.All of the Node.js APIs are available in this process.