30分でhello electron
Post on 08-Jan-2017
188 Views
Preview:
TRANSCRIPT
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アプリケーションを起動する
感想思ったよりも簡単だった
次は以下のことに挑戦したい
配布
ライブラリの利用
top related