キーボードランチャー「Ueli」がv9.0に ～5年ぶりのメジャーバージョンアップ／「Electron」ベースでWindows/Mac/Linux対応、拡張機能の仕組みも搭載
Electron ではネイティブ Node.js モジュールがサポートされていますが、Electron は (OpenSSL ではなく Chromium の BoringSSL を使用するなどの違いにより) 指定の Node.js バイナリと異なる アプリケーションバイナリインターフェイス (ABI) であるため、使用するネイティブモジュールを Electron 向けに再コンパイルする必要があります。 そうしなければ、以下の類のエラーが実行しようとしたときに発生します。 Error: The module '/path/to/native/module.node' was compiled against a different Node.js version using NODE_MODULE_VERSION $XYZ. This version of Node.js requires
viviONグループでは、DLsiteやcomipoなど、二次元コンテンツを世の中に届けるためのサービスを運営しています。 ともに働く仲間を募集していますので、興味のある方はこちらまで。 Electronでマルチウィンドウを制御したい 知り合いの自転車屋さんに、商品のポップを簡単にデザインできるツールを作れないか相談を受けたので、Electronを使ったデスクトップアプリで作ってみることにしました ポップのプレビュー画面が必要になるのですが、その際のマルチウィンドウ制御に少し悩まされたので、自身の備忘録も兼ねて検証内容をまとめてみました。 検証環境 Windows10 Node：20.10.0 Vue CLI：5.0.8 環境構築 ある程度これに倣えば同じように検証ができるように記載しています。 今回は、VueでElectronを利用するためにVue CLI Plugin Electron
Electronでsqliteを使いたくなった場合， github.com とか github.com とかを使うと思う．これを組み込んだ状態でアプリをビルドするときに，かなり詰まったので記録しておく． 成果物と同じプラットフォームでビルドする場合は問題なし たとえばLinuxでLinux用のビルドをするとか，WindowsでWindows用のビルドをするような場合，特になんの問題もない．上記のライブラリはどちらもnative dependencyになるのだが，同じプラットフォーム向けなのでビルドされたバイナリもそのまま動く． 問題はそうではない場合が，かなりきついという話． MacOS x64でarm64向けのビルド ここがかなり詰まった部分になる．今まで， DMG: electron-builder + electron-notarize AppStore: electron-pack
electron アプリを npm workspaces と Vite でビルドするときにやったこと - covelline blog
あるアプリの開発でいままで一つのパッケージに electron 用のコードとブラウザ用のコードを同居させていましたが、不要なパッケージが含まれたり、どっちに依存しているか分かりづらいなどの問題がありました。そこで npm workspaces でそれぞれをパッケージに分割したモノレポ構成へと変更し、また create-react-app を使った Webpack でのビルドからより高速な Vite への変更を行いました。 改善前 . ├── public │ └── index.html ├── src │ └── index.tsx ├── electron │ ├── index.ts │ ├── preload.ts │ └── tsconfig.json ├── tsconfig.json ├── package.json └── jest.config.js 改善後 . ├──
まずは前提から macOS 10.14.5 Mojave 以降では、App Store 経由ではないアプリ（いわゆる野良アプリ）であっても、コード署名に加え、Apple 社による「公証 (notary)」を受けていない場合には、以下（↓）のような警告が表示され、原則としてそのままでは実行できません。 📸 コード署名がされていない場合: 📸 公証を受けていない場合: この制限は Electron 製アプリにとっても変わりありません。これをクリアするために必要な条件が以下の 2 つです。 有効な「Developer ID Application 証明書」でコード署名する コード署名と公証に electron-builder を利用する 本稿では electron-builder を利用しますが、他のツールを利用する場合であっても同様の処理を行う必要があります。 有効な Developer
![[macOS] Electron アプリの公証に成功する方法 2023 - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/d5123962c9f133d5983f79e8c26cdf1932b0886e/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-412672c5f0600ab9a64263b751f1bc81.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9JTVCbWFjT1MlNUQlMjBFbGVjdHJvbiUyMCVFMyU4MiVBMiVFMyU4MyU5NyVFMyU4MyVBQSVFMyU4MSVBRSVFNSU4NSVBQyVFOCVBOCVCQyVFMyU4MSVBQiVFNiU4OCU5MCVFNSU4QSU5RiVFMyU4MSU5OSVFMyU4MiU4QiVFNiU5NiVCOSVFNiVCMyU5NSUyMDIwMjMmdHh0LWFsaWduPWxlZnQlMkN0b3AmdHh0LWNvbG9yPSUyMzFFMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT01NiZzPWIwODE0OTYzODk1YThkZGJkYzEwZjE2ZDE1NjVjNTdj%26mark-x%3D142%26mark-y%3D57%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDBzcHJvdXQyMDAwJnR4dC1jb2xvcj0lMjMxRTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz01ZDdhMmNkZTZkOTZkNTA2MmJkYTZkYzVlODUzNDczOA%26blend-x%3D142%26blend-y%3D486%26blend-mode%3Dnormal%26s%3Db7b483df0bda40d056f090b27657cdeb)
Expo + Electron + NativeBase で全部入りクロスプラットフォームアプリ（デスクトップ＋スマホ＋WEB）を夢見る
Expo（React Native）は、マルチプラットフォームアプリ（スマホ＋WEB）をテンポよく開発できる夢のあるフレームワークだと思う。 それをさらに欲張ってElectronを加えることで（デスクトップ＋スマホ＋WEB）という全部入りの夢を試してみたいと思った。 見栄えも良くしたいので、イケてるUIオーラ感漂わすNativeBase3も加えてみる。 具体的には「Electron with Expo for Web」でプロジェクトを作成して、WEB・スマホ・デスクトップの各アプリ起動までを確認する。 作業的にはコマンド数個を入力するだけですが、実行環境によってはひっかかるところもあるのかも・・・です。
Chrome 拡張機能サポート | Electron
Electron supports a subset of the Chrome Extensions API, primarily to support DevTools extensions and Chromium-internal extensions, but it also happens to support some other extension capabilities. 注意: Electron はストアのすべての Chrome 拡張機能はサポートしていません。Chrome の拡張機能の実装と完全に互換性を持たせることは Electron プロジェクトの 目標ではありません。 拡張機能の読み込み Electron は解凍された拡張機能のみの読み込みをサポートしています (例えば .crx ファイルは動作しません)。 拡張機能は session ごとにインストールされ
2024年のElectronとエコシステムの調査
❯ npm create vite@latest my-electron-vite-app > npx > create-vite my-electron-vite-app ✔ Select a framework: › Others ✔ Select a variant: › create-electron-vite ↗ > npx > create-electron-vite my-electron-vite-app ✔ Project template: › React Scaffolding project in /Users/kimizuy/Documents/dev/my-electron-vite-app... Done. Now run: cd my-electron-vite-app npm install npm run dev
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ネイティブ Node モジュール | Electron
Electron+Vue3でマルチウィンドウを理解したい - Qiita
Native DependencyがあるElectronアプリをビルドする - PartyIX
[macOS] Electron アプリの公証に成功する方法 2023 - Qiita