Hatena Blog Tags
はてなブログ トップ
Electron
このタグでブログを書く
言葉の解説
ネットで話題
関連ブログ

Electron

このタグの解説についてこの解説文は、すでに終了したサービス「はてなキーワード」内で有志のユーザーが作成・編集した内容に基づいています。その正確性や網羅性をはてなが保証するものではありません。問題のある記述を発見した場合には、お問い合わせフォームよりご連絡ください。
ぬじろぐ•7ヶ月前

HTMLとCSSしか分からんけどElectronでMarkdownエディタを作った

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

#Electron#MarkdownEditor

関連ブログ

covelline blog•10ヶ月前

electron-forge で Mac App Store に申請できる macOS アプリのパッケージを作る

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

#electron-forge#Mac App Store
covelline blog•10ヶ月前

Electron アプリで Firebase Auth を実装し、AppStore のリジェクトを乗り越えた話

Web アプリのデスクトップ版を Electron を使って開発していました。この Web アプリは Firebase Auth を使ったログイン機能を持つので、デスクトップ版でも同等の機能を実装したかったのですが、技術的な制約があり色々と難しかったです。そしていざ実現しても AppStore に申請すると何度もリジェクトされてしまいました。今回はどのように実装したか、どうリジェクト対策したかについて共有します。

#TypeScript#Firebase#Electron#Swift
素肌にサスペンダー•1年前

【Mac】Mac OS用デスクトップアプリのicnsファイル作成方法

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

#デスクトップアプリ#Electron
素肌にサスペンダー•1年前

【Electron】デフォルトのメニューからHELPを消す方法

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も同様に非表示にすることも可能。

#Electron#JavaScript
日々ブログ•1年前

【プログラミングのお話】viteでbuffer をインポートできないときの対処法

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

#browserlify#webpack
covelline blog•1年前

Electron の app.requestSingleInstanceLock は Mac App Store (MAS) 向けビルドで動かない

Electron にはアプリの多重起動を防止するための requestSingleInstanceLock が用意されていますが、Mac App Store (MAS) ビルドではアプリが起動していなくても false を返すという問題が有りました。false だった場合に閉じる処理を書いているアプリでは、起動直後にすぐウィンドウが閉じて終了してしまう現象が起こります。

#Electron
covelline blog•1年前

Electron のポップアップウィンドウでコピペできるようにする

あったかくなって気持ちいいですね。先日新しいテレビを買ったらHDMI端子が多くてちょっと嬉しかった亀山です。 Electron で作っているアプリではメニューをカスタマイズしているのですが、ログイン用のポップアップウィンドウでコピペができなくなって困ったという話です。そこで macOS 向けにウィンドウごとにメニューを切り替えることでコピペできるようにする方法について説明します。

#Electron#JavaScript#TypeScript
日々ブログ•1年前

【プログラミングのお話】 ReactElectronboilerplateを使ってexeアプリを作ってみる

デスクトップアプリケーションを作る必要があったので、そのときの開発環境構築メモです。 boilerplateをつかってみたのですが、reactを使ってexe化するまで、10分とかからず非常に便利でしたので、その内容をまとめておこうかと思います。 boilerplate とは boiler plateは小さな変更を加えるだけで作れるものですね。 テンプレート（template）とほとんど同じですが、テンプレートは中身をいじることを想定しているけど、boilerplateは中身はいじらず外側だけをいじればいいというニュアンスがあるらしい。 設定をいじらずに使い回せるというくらいに理解しました。 e…

#Electron#開発環境構築#ipc通信