すべてのカテゴリ

ReactでElectronアプリを作る前回は、Web 開発でよく利用される Vue のフレームワークを使って、Electron のアプリケーションを作成する方法を解説しました。 この記事では、Vue と並んで Web 開発でよく利用される「React」を使って Electron アプリを作る方法を解説します。React で Electron のアプリを作る場合は面倒です！Vue の場合は拡張機能（プラグイン）をインストールして利用することでとても簡単に Electron のアプリを作成する事ができました。React の場合、Vue の拡張機能に相当する物が今のところありません。従って、Electron アプリに必要な設定を自分で行う必要があります。面倒と言っても慣れてしまえば簡単なので、React の方が慣れているという方はやり方を覚えてください。いずれにせよ、React のアプリが必要です。最初に Vue の場合と同様に React アプリのテンプレートのプロジェクトを作成します。$ npx create-react-app [アプリの名前]　でテンプレートのアプリのプロジェクトを作成します。基本の Electron の設定を行います基本の Electron の設定は、React のプロジェクトフォルダに移動して行います。electron のパッケージのインストールElectron のアプリを作るのに必要なパッケージをインストールします。これは、Vue の場合と同じです。$ npm install --save-dev electron　electron-builder の