バクラク事業部でソフトウェアエンジニアをしている @ta1m1kam です。 最近、Electronでデスクトップアプリケーションを作成する必要がありました。Electronアプリケーションを本番環境で配布する際、コード署名は避けて通れないステップです。しかし、macOSやWindowsのコード署名に関する情報は断片的で、実際の本番環境での実装例はなかなか見つかりません。 そこで本記事では、GitHub Actionsを使ったElectronアプリケーションのコード署名方法について解説します。私自身も多くの方のテックブログに助けられてリリースまで辿り着けたため、同じように課題に直面した方の助け…

うそ、HTMLとCSSもあんまり分かってない。 何で作ってんの？一回作ったら諦めつくから…たぶん (っΦωΦ)(ΦωΦ˘)

MacでElectronを使ったアプリを開発していますが、テキストボックス等でコピー&ペーストが効かないことがわかりました。 以下のサイトにあるように、Mac版のElectronアプリだとできないもんらしいです。 tech.kurojica.com 私の場合は以下のエラーが出て素直に実装できませんでした。 'selector' は型 'MenuItemConstructorOptions' に存在しません。 MenuItemConstructorOptionsにselectorというキーワードを足してやる必要があるようです。 以下のサイトではMenuItemConstructorOptions…

Electron で作ったアプリを Mac App Store に提出するために、アプリをインストールできるパッケージを作成する必要があります。パッケージを作成するツールとして electron-builder や electron-forge がありますが、今回は electron-forge を選択しました。しかし実際にやってみようとすると、ドキュメントがかなりあっさりしていてつまずきやすい点も多く、かなり大変な作業となりました。今回はその過程を飛ばし、Mac App Store に申請できる electron-forge の設定について具体的に紹介します。

いつも忘れるのでメモ icon.iconsetという名前でフォルダを作成する。 512x512サイズのアイコンをicon_512x512.png、1024x1024サイズのアイコンをicon_512x512@2x.pngという名前でicon.iconsetの中に入れる。 icon.iconsetがあるディレクトリで、iconutil --convert icns icon.iconsetを実行する。

mainプロセスのjs内のcreateWindowのイベントハンドラで内で、 以下を追記すればOK。 const menu = Menu.getApplicationMenu() const helpMenuItem = menu?.items.find((item) => item.role === 'help') if (helpMenuItem) { helpMenuItem.visible = false } Menu.setApplicationMenu(menu) 他にも、file、edit、view、windowも同様に非表示にすることも可能。

過去に、viteでelectronを使用していたときに困ったので、メモ代わりに記載しておきます。 viteではbufferをインポートできない webpackではインポートできる 拡張プラグインをインストールすることでimport エラーが解消する 失敗事例：browserlifyをかける メモ：browserlifyの使い方 viteではbufferをインポートできない javascript上では、import と書いてあるのですが、requireをサポートしていないというエラーが出ています。requireがbufferの内部で使われていることによるエラーですね。 webpackではインポー…