すべてのカテゴリ

Electronアプリのカスタムメニューの設定Electron フレームワークを使って、デスクトップアプリを作る方法についてお届けしています。 前回までに、基本的な Electron アプリの作成方法を、シンプルな方法から、Vue/React などのフレームワークを利用して作るやり方や、Windows/Mac/Linux 向けの配布パッケージを作る方法をお届けしてきました。今回は、カスタムでメニューを作るやり方について解説します。何も設定しないと標準設定のメニュが自動で設定されます。これまで紹介した Electron のアプリは、シンプルなもので特にメニューの設定はしていません。 何も設定しないと、File／Edit/View/Window/Help のメニューがメインウインドウに挿入されます。しかし、実際にアプリを開発する場合、メニューの内容や処理方法が違うのでカスタマイズしたい部分です。ここでは、メインウインドウのメニューバーのカスタマイズを例にそのやり方を説明して行きます！シンプルなアプリの場合、エントリーポイントになるコードでメニューの設定をします。 まずは、メニューのテンプレートを作ります。簡単のためにファイル（File）メニューの下に、アプリを終了する「Quit」だけを入れることにします。const menuTemplate: Menu = Menu.buildFromTemplate([  {    label: "File",    submenu: [      {        label: "Quit",        accelerator: "Cont