Electron – キーボードショートカットを設定する方法
- 2024.01.29
- Electron
- Electron, Javascript
Electron でキーボードショートカットを設定する方法について、解説します。
Electron でキーボードショートカットを設定する方法について、解説します。
Electron でアプリを作成する際、アプリケーションの設定を外部のファイルに記述し、実行時に読み込んで使用する方法について解説します。
高速なフロントエンド開発ビルドツール Vite を使用して、React プロジェクトを作成する方法について解説します。
React を使用して作成したページを Electron で使用する方法について解説します。本記事で紹介するコードは以下を参照ください。electron-examples/09_electron-use-react/react-electron
これまでは electron コマンドを使用して、Electron アプリを起動してきました。 今回は、Electron がインストールされていない環境でも Electron アプリを実行できるように、electron-builder を使用して、バイナリ化する方法について解説します。本記事で紹介するコードの全体は、以下を参照ください。electron-examples/08_electron-use-electron-builder
これまでのチュートリアルでは単一の画面を持つ Electron アプリでしたが、本記事では、子ウィンドウを作成するための方法を解説します。本記事で紹介するコードは以下を参照ください。electron-examples/07_electron-create-child-dialog
Electron において、プロセス間通信 (IPC) を使用して、メインプロセスとレンダラープロセスでデータをやり取りする方法について解説します。本記事で紹介するコード全体は以下を参照ください。electron-examples/06_electron-ipc-renderer-to-main-async at main
Electron アプリ開発における、プレロードスクリプトの使い方について解説します。
前回作成した Electron のサンプルコードでは、main.cjs や index.html を変更した場合、一度アプリを終了し、再度起動する必要がありました。これでは、開発中は不便です。 今回は、ファイルの変更を監視し、変更を検知した場合に自動で再起動を行うライブラリ electron-reload について紹介します。自動で再起動を行うことをホットリロード (hot reload) といいます。
Electron のウィンドウを表すクラス BrowserWindow() のコンストラクタ引数に指定できるオプションについて解説します。