30分でHello!!ElectronGaddict

Agenda

Electronとは

なぜElectronか

Hello Electron

感想

テキスト

Electronとは

Electronとは

“Build cross platform desktop apps with web technologies”

HTML, CSS, JavaScript - Node.js + Chromium

テキスト

なぜElectronか

なぜElectronか

Web技術学べる

クロスプラットフォーム

自分の作業効率化を助けられるかも

Node.jsだし

テキスト

Hello Electron

Hello Electron流れ

npm -g install electron-prebuilt

npm init -y

３つのファイル作成

package.json(自動生成)

main.js

index.html

electron .

HelloElectron

npm -g install electron-prebuilt

Electronをインストールする

HelloElectron

npm init -y

Electronアプリケーションを現在のフォルダーに作成する

HelloElectron

package.json(自動生成)

npm init -y すると作成される

アプリケーションに関するいろいろな情報を書いておく場所

HelloElectronpackage.json(自動生成)

HelloElectron

main.js

一番最初に呼び出されるjs

Chromiumを呼び出す処理を記述する

HelloElectronmain.js

HelloElectron

index.html

main.jsからロードされるhtml

Hello!!Electronする

HelloElectronindex.html

HelloElectron

electron .

Electronアプリケーションを起動する

感想思ったよりも簡単だった

次は以下のことに挑戦したい

配布

ライブラリの利用