2015/07/31

[Electron] ElectronでHello,Worldアプリを書いてみる。

はじめに

ElectronっていうAtomエディタのベースを切り離してプラットフォーム化したものがある。コレを使うと、クラスプラットフォームなデスクトップアプリケーションが、HTML、CSS、Javacriptで書けるっていうんで、使っていこうかしらと思案しています。まずは、環境を作って、Hello,Worldでも。

ちなみに、環境は、

  • ubuntu 14.04 LTS(32bit)
  • node.js v0.12.6
です。

Electronのインストール

npmでインストールする。

npm i -g electron-prebuilt

プロジェクトの初期化

プロジェクトっていうか、アプリのルートディレクリを掘って、npmコマンドで初期化する。

mkdir hello-electron && cd hello-electron
npm init

コード書く

browser(main)プロセス用のjavascriptコードと、rendererプロセスによって画面に表示されるhtmlを書く。 本家にあるコードそのままを試す。

動かしてみる

electronコマンドで起動する。

electron .
すると、Developer Toolsが有効になったChromeっぽいものが起動します。
Developer Toolsを隠すと↓みたいな。

終わりに

とりあえずウチのへっぽこPCでも動いたので、いろいろ作ってみます。