Electron– category –

フロントエンドに Vue.js を使った Electron アプリを作成する方法について紹介します。

Flask で画面を作成して Windows で動作する GUI アプリケーションを作成する方法について解説します。

本記事では、Electron を使用したプロジェクトを作成するための手順について解説します。 Electron を使用したプロジェクトのテンプレートを作成する CLI ツールがいくつか存在しますが、今回はディレクトリが空の状態から作成していきます。

Electron - チュートリアルその1 プロジェクトの作成では Javascript で Electron のコードを作成しましたが、今回は Electron のプロジェクトで Typescript を使用する方法について紹介します。

Electron のウィンドウを表すクラス BrowserWindow() のコンストラクタ引数に指定できるオプションについて解説します。

前回作成した Electron のサンプルコードでは、main.cjs や index.html を変更した場合、一度アプリを終了し、再度起動する必要がありました。これでは、開発中は不便です。 今回は、ファイルの変更を監視し、変更を検知した場合に自動で再起動を行うライブラリ electron-reload について紹介します。自動で再起動を行うことをホットリロード (hot reload) といいます。

Electron アプリ開発における、プレロードスクリプトの使い方について解説します。

Electron において、プロセス間通信 (IPC) を使用して、メインプロセスとレンダラープロセスでデータをやり取りする方法について解説します。本記事で紹介するコード全体は以下を参照ください。electron-examples/06_electron-ipc-renderer-to-main-async at main

これまでのチュートリアルでは単一の画面を持つ Electron アプリでしたが、本記事では、子ウィンドウを作成するための方法を解説します。本記事で紹介するコードは以下を参照ください。electron-examples/07_electron-create-child-dialog

これまでは electron コマンドを使用して、Electron アプリを起動してきました。 今回は、Electron がインストールされていない環境でも Electron アプリを実行できるように、electron-builder を使用して、バイナリ化する方法について解説します。本記事で紹介するコードの全体は、以下を参照ください。electron-examples/08_electron-use-electron-builder

React を使用して作成したページを Electron で使用する方法について解説します。本記事で紹介するコードは以下を参照ください。electron-examples/09_electron-use-react/react-electron

Electron でアプリを作成する際、アプリケーションの設定を外部のファイルに記述し、実行時に読み込んで使用する方法について解説します。