クロスプラットフォームのデスクトップアプリ実行環境 Atom Shell が Electron に改名

JavaScript で Windows/Mac/Linux デスクトップアプリを開発できる「Atom Shell」が、「Electron」に改名したとのこと（Atom Shell is now Electron）。

Electron は、Node.js のようなデスクトップの実行環境を提供し、GUI 部分は Chromium ブラウザーを利用するため、Web 技術を用いてデスクトップアプリが開発できます。

また、アプリの自動更新、Windows インストーラー、クラッシュレポート、通知機能など、ネイティブアプリの機能が JavaScript API として用意されています。

もともと、Atom Shell は、エディター「Atom」のために用意されたものですが、現在では、Slack などで使用されているようですね。

クイックスタート： Electron を試す

Electron をダウンロードして、ドキュメントのチュートリアルを試してみました。

用意するファイルは次の package.json, main.js, index.html。

https://gist.github.com/jz5/482b18923257c035ff42

https://gist.github.com/jz5/84519b134759aaa8d37f

https://gist.github.com/jz5/8bc25b2d42443a146f9b

「electron your-app」と実行します（your-app は、ファイルのあるフォルダー名）。

簡単ですね。

これだけでは、デスクトップアプリの意味がありませんが、デスクトップ環境の統合を見ると、いろいろなネイティブ API を利用できることがわかります。

次のように書き足すと、Windows のユーザータスクが利用できました。

https://gist.github.com/jz5/569aad468047bf92adf3

今回は改名ということなので、以前からの「Atom Shell」で検索すると、日本語情報もいろいろと出てきます。Web 技術でクロスプラットフォームな、デスクトップアプリを作りたくなったら Electron を試してみるのもいいかもしれません。

Atom といえば、4/22 に連載を開始した「TypeScriptってどんなもの？プロ生ちゃんと始めてみよう！」。Atom をインストールして、環境構築までしているので、こちらもチェックしてくださいね。

プロ生ちゃんの背景＋ボイスを設定できる Atom 拡張「atom-pronama-chan」もおすすめです。

Posted by jz5