More than 5 years have passed since last update.

Electronでデスクトップに浜風ちゃんを召喚した

Last updated at 2017-12-31Posted at 2017-12-31

Electron

Electronというjs,htmlで簡単にデスクトップアプリを作れるパッケージを見つけたので使ってみた。
公式：https://electronjs.org/

※node.jsが必要なのでインストールしておいてください。

electronをインストール
$ npm -g install electron-prebuilt

アプリ用ディレクトリを作成
$ mkdir electron
$ cd electron

package.jsonを生成
$ npm init -y

まずはHelloWorldを表示してみる。

アプリのディレクトリで
$ electron .

ウィンドウを透明にするには以下の処理をかく。

mainWindow = new BrowserWindow({
width: 100, 横幅
height: 100, 縦幅
transparent: true, 透明
frame: false}); フレームを表示するか

透明になりました。

あとはhelloworldの文字を画像に置き換えるだけ。

超適当な記事ですが参考になればと思います。