10
12

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

7行で作るElectronアプリ

Last updated at Posted at 2016-01-03

はじめに

シェルで7行打ち込むだけでElectronアプリを作るネタ記事です。
なお、環境はMacを想定しています。

作業

Node.jsが必要ですので、Node.jsをインストールしていない方はインストールしておいてください。

以下の7行を実行すると、Electronアプリが起動します。

$ npm install -g electron-prebuilt gulp typescript
$ npm install -g elects
$ elects new sample_project
$ cd sample_project
$ npm install
$ gulp compile
$ gulp run

npm installにかなり時間がかかりますので、ゆっくりお茶でも飲んでお待ち下さい。

Package

もし、誰かに配布したい場合には、

$ gulp pack

とすることで、./releaseディレクトリ以下に配布用Zipファイルが作成されます。

補足

electsは、「なぜTypeScriptでElectronアプリを書いてみるのか」という記事で書いたものを、毎回同じ作業を繰り返したくないので正月三ヶ日をかけて自動化したものです。
徐々に機能を拡張していく予定ですが、ゆっくりとしか進まないかと思います。

追記(2016/1/3)

  • 最初に出力されるテンプレートプロジェクトをReact.jsを使ったものに変更しました。(version0.0.4)

参考:お手軽に React.js を試してみる

10
12
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
10
12

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?