JavaScript、HTML、CSS でクロスプラットフォームなデスクトップアプリを構築
ドキュメントWeb テクノロジー
ElectronはChromiumとNode.jsを組み込み、Web開発者がデスクトップアプリケーションを作成できるようにします。
クロスプラットフォーム
macOS、Windows、Linuxに対応しており、Electronアプリはサポートされているすべてのアーキテクチャで3つのプラットフォームで実行できます。
オープンソース
Electronは、によって管理されているオープンソースプロジェクトです。 OpenJS Foundationと貢献者の活発なコミュニティ。
デスクトップ開発が簡単に
Electronが難しい部分を処理するので、アプリケーションのコアに集中できます。
ネイティブなグラフィカルユーザーインターフェース
ElectronのメインプロセスAPIを使用して、オペレーティングシステムのインターフェースと対話します。カスタマイズ アプリケーションウィンドウ 外観、アプリケーションを制御 メニュー、またはダイアログや 通知.
自動ソフトウェアアップデート
Electronのを使用して、新しいバージョンをリリースするたびにmacOSとWindowsのユーザーにソフトウェアアップデートを送信します。 autoUpdaterモジュール、によって提供される Squirrel.
アプリケーションインストーラー
使用 コミュニティサポートツール macOSのApple Disk Image（.dmg）、WindowsのWindows Installer（.msi）、LinuxのRPM Package Manager（.rpm）などのプラットフォーム固有のツールを生成します。
アプリストア配信
より多くのユーザーにアプリケーションを配信します。Electronは、 Mac App Store (macOS)、 Microsoft Store (Windows)、または Snap Store (Linux)を第一級でサポートしています。
クラッシュレポート
を使用して、ユーザーからJavaScriptおよびネイティブのクラッシュデータを自動的に収集します。 crashReporter モジュール。このデータを収集するためにサードパーティサービスを使用するか、独自のオンプレミスCrashpadサーバーをセットアップします。
好きなツールを使用
最新のChromiumの力を備えたElectronは、アプリを構築するための先入観のない空白のキャンバスを提供します。フロントエンドエコシステムからお気に入りのライブラリやフレームワークを統合するか、カスタムHTMLコードで独自の道を開くかを選択できます。
Electron Forge
Electron Forgeは、Electronアプリを構築および公開するためのバッテリー付属のツールキットです。JavaScriptバンドルの第一級のサポートと拡張可能なモジュールエコシステムを利用して、Electronアプリを適切に開始してください。
$ npm init electron-app@latest my-app
✔ Locating custom template: "base"
✔ Initializing directory
✔ Preparing template
✔ Initializing template
✔ Installing template dependenciesインストール
自分で問題を解決したい場合は、npmレジストリからElectronパッケージを直接インストールできます。
本番環境に対応したエクスペリエンスを実現するには、最新の安定版をインストールしてください。もう少し実験的なものが欲しい場合は、プレリリース版またはナイトリー版を試してください。
- 安定版
- プレリリース版
- ナイトリー版
$ npm install --save-dev electron@latest
# Electron 33.0.0
# Node 20.18.0
# Chromium 130.0.6723.44Electron Fiddle
Electron Fiddleを使用すると、小さなElectron実験を作成して試すことができます。開くとすぐにクイックスタートテンプレートが表示されます。いくつかの変更を行い、実行するElectronのバージョンを選択して、試してください。
FiddleをGitHub Gistまたはローカルフォルダーに保存します。GitHubにプッシュすると、誰でもアドレスバーに入力するだけでFiddleをすばやく試すことができます。
