Electronでデスクトップアプリケーション開発

こんにちは。
AMDlabの松原です。

先日、とあるアプリケーションを作ろうと画策していたのですが、Macを使うひともいればWindowsを使う人もいるという環境だったもので、これは何かクロスプラットフォームな仕組みで開発しなければと、まだ触ったことのなかった「Electron」に挑戦してみました。

普段、アプリケーション開発にAtomを使うことが多いのですが(最近はVS Codeの方が多いかも)、このAtomもVS CodeもElectronで開発されたものです。
Electronは、html、javasctipt、cssといったWebアプリケーションの仕組みを用いて、デスクトップアプリケーションを作れるといった代物で、Webアプリケーションの開発をしてきた人も、簡単にデスクトップアプリケーションを作ることができます。

Electronはnmpをいれておけば、すぐに開発を行えます。

コンソールで、

と入力するだけでインストールが完了です。

次に以下のコマンドですぐにアプリ開発を行えるのですが、

せっかくならReactの勉強もしたいと思っていたので(普段はvue.js扱ってます)今回は以下のリポジトリを使わせて貰いました。
https://github.com/chentsulin/electron-react-boilerplate

こうして、

こう。

そしてこうすれば

アプリケーションの初期画面が表示されます。

後は、htmlやらcssやらjsやらをいじるだけ。
是非、お試しあれ。

Tech
Electron
ARTICLES