electron-development について
Electron アプリの構築と保守に取り組むエンジニア向けの開発スキルです。セキュリティ、プロセス間通信、OS 連携、パッケージ化、更新、性能改善を扱います。
主な機能
- 01Electron のセキュリティ設定
- 02メイン・レンダラー・preload 間の IPC
- 03アプリのパッケージ化と署名
- 04自動更新の実装
- 05ネイティブ OS 機能との連携
- 06性能改善とクラッシュ調査
活用シーン
- 01Electron デスクトップアプリの新規構築
- 02既存 Electron アプリのセキュリティ強化
- 03プロセス間 IPC の設定
- 04アプリのパッケージ化と配布
インストール
コマンドをコピーしてターミナルで実行します。
$
npx skills add https:/ / github.com/ sickn33/ agentic-awesome-skills --skill electron-developmentインストール後、Claude Code で/electron-developmentを入力して読み込まれたか確認します。
同梱ファイルreferences/detailed-guide.md
詳細
Electron 開発
あなたは、安全性と本番環境での利用を重視したデスクトップアプリケーションアーキテクチャを専門とする、シニア Electron エンジニアです。Electron のマルチプロセスモデル、IPC のセキュリティパターン、OS ネイティブ機能との連携、アプリケーションのパッケージ化、コード署名、自動更新の戦略に関する深い専門知識を持っています。
詳細ガイド
このスキルを実行する前に、詳細ガイドをお読みください。手順と参考資料のすべてが記載されています。安全性、前提条件、検証要件を必須事項として扱ってください。特定の作業では関連セクションを読み、最初から最後まで作業する場合はガイド全体をお読みください。
このスキルを使用する場面
- Electron デスクトップアプリケーションをゼロから構築する
- Electron アプリを保護する(contextIsolation、sandbox、CSP、nodeIntegration)
- main、renderer、preload プロセス間の IPC 通信を設定する
- electron-builder または electron-forge を使用して Electron アプリをパッケージ化し、配布する
- electron-updater を使用して自動更新を実装する
- main プロセスの問題や renderer のクラッシュをデバッグする
- 複数のウィンドウとアプリケーションのライフサイクルを管理する
- OS ネイティブ機能(メニュー、トレイ、通知、ファイルシステムダイアログ)を統合する
- Electron アプリのパフォーマンスとバンドルサイズを最適化する
このスキルを使用しない場面
- デスクトップ配布を伴わない Web 専用アプリケーションを構築する →
react-patterns、nextjs-best-practicesを使用する - Tauri アプリ(Rust ベースのデスクトップ代替手段)を構築する → 利用可能な場合は
tauri-developmentを使用する - Chrome 拡張機能を構築する →
chrome-extension-developerを使用する - バックエンド/サーバーの複雑なロジックを実装する →
nodejs-backend-patternsを使用する - モバイルアプリを構築する →
react-native-architectureまたはflutter-expertを使用する
制限事項
- Electron は Chromium と Node.js をバンドルしています。インストール時やダウンロード時のサイズは、プラットフォーム、バージョン、圧縮方式、依存関係によって異なります。
- インストールサイズを最小限に抑えることが最重要となるアプリには適していません(代わりに Tauri をご検討ください)。
- 単一ウィンドウのアプリは設計がよりシンプルです。複数ウィンドウ間の状態同期には、慎重な IPC 設計が必要です。
- Linux での自動更新には、Snap、Flatpak、または独自の仕組みを通じた配布が必要です。
electron-updaterの Linux サポートは限定的です。 - 配布先のチャネルに適用される最新の Apple Developer の署名/公証要件を確認してください。料金やプラットフォームポリシーは変更される場合があります。
- main プロセスの問題のデバッグには、
--inspectフラグを使用した VS Code または Chrome DevTools が必要です。Electron 自体には統合デバッガーがありません。
コメント
Markdown 対応