こんにちは。
AMDlabの松原です。
先日、とあるアプリケーションを作ろうと画策していたのですが、Macを使うひともいればWindowsを使う人もいるという環境だったもので、これは何かクロスプラットフォームな仕組みで開発しなければと、まだ触ったことのなかった「Electron」に挑戦してみました。
普段、アプリケーション開発にAtomを使うことが多いのですが(最近はVS Codeの方が多いかも)、このAtomもVS CodeもElectronで開発されたものです。
Electronは、html、javasctipt、cssといったWebアプリケーションの仕組みを用いて、デスクトップアプリケーションを作れるといった代物で、Webアプリケーションの開発をしてきた人も、簡単にデスクトップアプリケーションを作ることができます。
Electronはnmpをいれておけば、すぐに開発を行えます。
コンソールで、
1 |
npm install electron --save-dev --save-exact |
と入力するだけでインストールが完了です。
次に以下のコマンドですぐにアプリ開発を行えるのですが、
1 2 3 4 |
git clone https://github.com/electron/electron-quick-start cd electron-quick-start npm install npm start |
せっかくならReactの勉強もしたいと思っていたので(普段はvue.js扱ってます)今回は以下のリポジトリを使わせて貰いました。
https://github.com/chentsulin/electron-react-boilerplate
こうして、
1 |
git clone --depth=1 https://github.com/chentsulin/electron-react-boilerplate.git your-project-name |
こう。
1 2 |
cd your-project-name yarn |
そしてこうすれば
1 |
npm run dev |
アプリケーションの初期画面が表示されます。
後は、htmlやらcssやらjsやらをいじるだけ。
是非、お試しあれ。
COMMENTS