slide-electron-study
1.0になったElectronを使ってみる
Themes
reveal.js comes with a few themes built in:
Black (default) - White - League - Sky - Beige - Simple Serif - Night - Moon - Solarized
Transition Styles
You can select from different transitions, like: None - Fade - Slide - Convex - Concave - Zoom
Electronって何？
クラスプラットフォームなデスクトップアプリケーションを開発できるフレームワーク
ECMAScript(JavaScript)、CSS、HTMLで開発できる
事例
- Atom
- Visual Studio Code
- Slack
使うメリット
- 1つのコードでOS X、Windows、Linux向けアプリケーションを開発可能
- Web開発のノウハウをデスクトップアプリケーションに流用可能
- npmパッケージ使い放題
基本構造
メインプロセス
- アプリケーションのboot
- ウィンドウ起動
- メニューのセットアップ
Electronならでは感のある機能はこちらに多い。
レンダラプロセス
- HTML/CSSで作ったUIをレンダリング
ほとんどWebアプリのViewそのもの
メインプロセス↔レンダラプロセス間はIPC通信
テスト
- js用のテスティングフレームワーク使い放題
- Spectron: ChromeDriverとWebdriverIOを使ったElectronテストツール
ボイラーテンプレート作ってみた
- ES2015～/coffee
- React
- Spectron
- mocha
- chai
デメリット
スクリプト言語でデスクトップのファイルにアクセス可能… → セキュリティ！！
参考
1.0になったElectronを使ってみる