LoginSignup
1
2

More than 5 years have passed since last update.

ELECTRON quick_start_project

Posted at

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.

1
2
1

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
1
2