Electron (ソフトウェア)とは？わかりやすく解説

Electron
作者	GitHub
開発元	OpenJS Foundation
初版	2013年7月15日 (11年前)
最新版	33.0.0 / 2024年10月14日 (6か月前)
最新評価版	26.0.0-beta.3 / 2023年6月7日 (22か月前)
リポジトリ	github.com/electron/electron;
プログラミング; 言語	C++、JavaScript、Objective-C++、PythonおよびObjective-C
対応OS	Linux、macOSおよびWindows
プラットフォーム	IA-32, x86-64, ARM
ライセンス	MIT License
公式サイト	www.electronjs.org
	テンプレートを表示

Electron（旧称はAtom Shell^[5]）とはGitHubが開発と管理をしている、フリーでオープンソースなソフトウェアフレームワークである^[6]。Electronにより、Chromium レンダリングエンジンとランタイムのNode.jsとを組み合わせたWeb技術を用いたデスクトップGUI アプリケーションの開発が可能となる^[7]。Electronは、Atom、GitHub Desktop、Light Table、Visual Studio Code、Evernote^[8]、およびWordPress Desktop^[9]などのオープンソースプロジェクトの基盤となる中心的GUIフレームワークである。

アーキテクチャ

Electronアプリケーションは複数プロセスで構成されており、1つの「メイン」プロセスと複数の「レンダラー」プロセスが存在する。メインプロセスがアプリケーションロジックを実行すると、レンダラープロセスを複数起動できるようになる。レンダラープロセスはユーザー画面に表示されるウインドウへ、HTMLやCSSをレンダリングする。

可能ならば、メインプロセスとレンダラープロセスは共にNode.jsと統合して起動できる。

ElectronのAPIは、ほとんどC++かObjective-Cで書かれており、JavaScriptバインディングを通じてアプリケーションコードに直接公開される^[10]。

セキュリティ

ElectronアプリケーションはChromiumエンジンで起動するウェブアプリケーションである。そのため古いバージョンのElectronを使用してしまうと、ブラウザ（Chromiumなど）や他の内部コンポーネント (Node.js) と同じ攻撃ベクトルによるクロスサイトスクリプティングなどのウェブ関連攻撃に対して脆弱となる^[11]。前述の脆弱性は、Electronの1.7.13、1.8.4、および2.0.0-beta.5で修正されている^[12]。

批判

Electronアプリケーションは、類似した機能のネイティブ（英語版）アプリケーションよりも巨大なオーバーヘッド（英語版）が発生してしまうことを批判されている。Electronでビルドされたアプリケーションは、オペレーティングシステムネイティブな技術でビルドされた類似のアプリケーションよりも大量のストレージとRAMを消費してしまうため、動作が遅くなる可能性が高い^[13]^[14]^[15]。代替案として、Chromiumをバンドルするのではなく、オペレーティングシステムに内蔵されたブラウザを使用する方法が記述されている^[16]。

バージョン

リリース	状態	リリース日付	Chromiumのバージョン	Node.jsのバージョン
将来のリリース：v33.0.x	ナイトリービルド	TBD	127	20.14
最新プレビュー版：v32.0.x	アルファ版	TBD	127	20.14
現行バージョン：v31.0.x	最新版	2024-06-10	126	20.14
サポート中：v30.1.x	サポート中	2024-04-16	124	20.11
サポート中：v29.4.x	サポート中	2024-02-20	122	20.9
サポート終了：v28.3.x	サポート終了	2023-12-05	120	18.18
サポート終了：v27.3.x	サポート終了	2023-10-10	118	18.17
サポート終了：v26.6.x	サポート終了	2023-08-15	114	18.15
サポート終了：v25.9.x	サポート終了	2023-05-30	114	18.15
サポート終了：v24.8.x	サポート終了	2023-04-04	112	18.14
サポート終了：v23.3.x	サポート終了	2023-01-07	110	18.12
サポート終了：v22.3.x	サポート終了	2022-11-29	108	16.17
サポート終了：v21.4.x	サポート終了	2022-09-27	106	16.16
サポート終了：v20.3.x	サポート終了	2022-08-01	104	16.15
サポート終了：v19.1.x	サポート終了	2022-05-23	102	16.14
サポート終了：v18.3.x	サポート終了	2022-03-29	100	16.13
サポート終了：v17.4.x	サポート終了	2022-02-01	98	16.13
サポート終了：v16.2.x	サポート終了	2021-11-16	96	16.9
サポート終了：v15.5.x	サポート終了	2021-09-21	94	16.5
サポート終了：v14.2.x	サポート終了	2021-08-30	93	14.17
サポート終了：v13.0.x	サポート中	2021-05-25	91	14.16
サポート終了：v12.2.x	サポート中	2021-03-02	89	14.16
サポート終了：v11.5.x	サポート終了	2020-11-16	87	12.18
サポート終了：v10.4.x	サポート終了	2020-08-25	85	12.16
サポート終了：v9.4.x	サポート終了	2020-05-18	83	12.14
サポート終了：v8.3.x	サポート終了	2020-02-04	80	12.13
サポート終了：v7.3.x	サポート終了	2019-10-22	78	12.8
サポート終了：v6.1.x	サポート終了	2019-07-29	76	12.4
サポート終了：v5.1.x	サポート終了	2019-04-24	73	12.0
サポート終了：v4.2.x	サポート終了	2018-12-20	69	10.11
サポート終了：v3.1.x	サポート終了	2018-09-18	66	10.2
サポート終了：v2.0.x	サポート終了	2018-05-01	61	8.9
サポート終了：v1.8.x	サポート終了	2017-12-12	59	8.2

Electronを利用したソフトウェア

以下のソフトウェアを含む、数多くのデスクトップアプリケーションがElectronで作られている^[17]。

1Password（英語版）
Atom^[5]
Basecamp 3^[17]
Beaker（英語版）
Bitwarden
CrashPlan（英語版）^[18]
Cryptocat（英語版）^[17]（開発終了）
Discord
balenaEtcher^[19]
GitHub Desktop^[20]
Keybase（英語版）
GitKraken
Lbry（英語版）
Light Table
Mattermost^[17]
Microsoft Teams^[21]
MongoDB Compass^[17]
Notion^[17]
Joplin^[22]
Quasar Framework
Shift^[17]
ShogiHome
Signal
Skype^[17]
Slack^[23]
Symphony Chat^[24]
Terminus
TIDAL^[17]
Twitch^[17]
Visual Studio Code^[25]^[26]
VOICEVOX^[27]^[28]
WebTorrent（英語版）^[17]
WhatsApp
Wire^[29]
Yammer

脚注

^ “electron/electron”. GitHub. 2018年5月8日閲覧。
^ "Release 33.0.0"; 閲覧日: 2024年10月16日; 出版日: 2024年10月14日.
^ https://github.com/electron/electron/releases/tag/v26.0.0-beta.3.
^ “electron/LICENSE at master”. GitHub. 2020年7月3日閲覧。
^ ^a ^b “Atom Shell is now Electron”. Atom (2015年4月23日). 2022年11月21日閲覧。
^ “electron/electron”. GitHub. 2018年5月8日閲覧。
^ “Electron Internals: Using Node as a Library”. electronjs.org. 2020年7月3日閲覧。
^ Small, Ian (2020年10月7日). “Introducing the New Evernote for Windows and Mac”. I Programmer 2020年11月3日閲覧。
^ “GitHub Repository”. 2019年6月16日閲覧。
^ “From native to JavaScript in Electron | Electron Blog”. electronjs.org. 2019年4月26日閲覧。
^ “Electron nodeIntegration Bypass” (2018年5月10日). 2021年9月12日閲覧。
^ “Webview Vulnerability Fix” (2018年3月21日). 2021年9月12日閲覧。
^ “Electron considered harmful”. Drew DeVault's Blog. 2019年10月2日閲覧。
^ “Electron is Cancer”. Commit Log. Medium. 2019年10月2日閲覧。
^ “Electron is flash for the desktop”. 2021年6月12日閲覧。
^ “electron-alternatives: Few Cross platform desktop GUI App development options are listed here”. GitHub (2020年10月8日). 2021年9月12日閲覧。
^ ^a ^b ^c ^d ^e ^f ^g ^h ⁱ ^j ^k “Apps”. Electron. 2020年6月13日閲覧。
^ “CrashPlan for Small Business version 6.7”. Code42 CrashPlan Release Notes. 2018年4月25日閲覧。
^ “Etcher on GitHub”. 2020年7月7日閲覧。
^ “Announcing Git Integration for Atom and GitHub Desktop Beta”. The GitHub Blog (2017年5月16日). 2017年7月15日閲覧。
^ “Electron Helper and branding”. techcommunity.microsoft.com (2017年5月20日). 2018年5月8日閲覧。
^ “Joplin - Apps - Electron”. 2021年9月12日閲覧。
^ “Building hybrid applications with Electron”. Several People Are Coding. 2017年8月12日閲覧。
^ “symphonyoss/SymphonyElectron”. GitHub. 2018年9月27日閲覧。
^ “Microsoft's new Code editor is built on Google's Chromium”. Ars Technica (2015年4月29日). 2015年11月18日閲覧。
^ “Open Source project”. 2021年9月12日閲覧。
^ “VOICEVOX”. 公式サイト. 2022年6月18日閲覧。
^ “商用可・無料の音声読み上げツール「VOICEVOX」が公開～素人でも手軽に満足のいく品質が得られる丁度よさが魅力【8月6日追記】”. 窓の杜 (2021年8月2日). 2022年6月18日閲覧。
^ “wireapp/wire-desktop”. GitHub. 2018年5月8日閲覧。

外部リンク

公式ウェブサイト
Electron.NET - アプリケーションをC#で書けるようにするラッパー

[1] “electron/electron”. GitHub. 2018年5月8日閲覧。

[wikidata-28c1f85a02ee1387d55b5bbddb1799969253d509-v3-2] "Release 33.0.0"; 閲覧日: 2024年10月16日; 出版日: 2024年10月14日.

[wikidata-01f32e2658dc54afaa16b2d24509911172854a8d-v3-3] ttps://github.com/electron/electron/releases/tag/v26.0.0-beta.3.

[license-4] “electron/LICENSE at master”. GitHub. 2020年7月3日閲覧。

[atom-shell-is-now-electron-5] “Atom Shell is now Electron”. Atom (2015年4月23日). 2022年11月21日閲覧。

[6] “electron/electron”. GitHub. 2018年5月8日閲覧。

[7] “Electron Internals: Using Node as a Library”. electronjs.org. 2020年7月3日閲覧。

[8] Small, Ian (2020年10月7日). “Introducing the New Evernote for Windows and Mac”. I Programmer 2020年11月3日閲覧。

[9] “GitHub Repository”. 2019年6月16日閲覧。

[10] “From native to JavaScript in Electron | Electron Blog”. electronjs.org. 2019年4月26日閲覧。

[cve-2018-1000136-11] “Electron nodeIntegration Bypass” (2018年5月10日). 2021年9月12日閲覧。

[Webview_Vulnerability_Fix-12] “Webview Vulnerability Fix” (2018年3月21日). 2021年9月12日閲覧。

[13] “Electron considered harmful”. Drew DeVault's Blog. 2019年10月2日閲覧。

[14] “Electron is Cancer”. Commit Log. Medium. 2019年10月2日閲覧。

[15] “Electron is flash for the desktop”. 2021年6月12日閲覧。

[16] “electron-alternatives: Few Cross platform desktop GUI App development options are listed here”. GitHub (2020年10月8日). 2021年9月12日閲覧。

[AP1-17] ^ ^a ^b ^c ^d ^e ^f ^g ^h ⁱ ^j ^k “Apps”. Electron. 2020年6月13日閲覧。

[18] “CrashPlan for Small Business version 6.7”. Code42 CrashPlan Release Notes. 2018年4月25日閲覧。

[19] “Etcher on GitHub”. 2020年7月7日閲覧。

[20] “Announcing Git Integration for Atom and GitHub Desktop Beta”. The GitHub Blog (2017年5月16日). 2017年7月15日閲覧。

[ms-teams-21] “Electron Helper and branding”. techcommunity.microsoft.com (2017年5月20日). 2018年5月8日閲覧。

[22] “Joplin - Apps - Electron”. 2021年9月12日閲覧。

[slack-23] “Building hybrid applications with Electron”. Several People Are Coding. 2017年8月12日閲覧。

[SymphonyElectron-github-24] “symphonyoss/SymphonyElectron”. GitHub. 2018年9月27日閲覧。

[ars-electron-25] “Microsoft's new Code editor is built on Google's Chromium”. Ars Technica (2015年4月29日). 2015年11月18日閲覧。

[gh-source-26] “Open Source project”. 2021年9月12日閲覧。

[27] “VOICEVOX”. 公式サイト. 2022年6月18日閲覧。

[28] “商用可・無料の音声読み上げツール「VOICEVOX」が公開～素人でも手軽に満足のいく品質が得られる丁度よさが魅力【8月6日追記】”. 窓の杜 (2021年8月2日). 2022年6月18日閲覧。

[twire-github-29] “wireapp/wire-desktop”. GitHub. 2018年5月8日閲覧。

[1]

[2]

[3]

[4]

[5]

[6]

[7]

[8]

[9]

[10]

[11]

[12]

[13]

[14]

[15]

[16]

[17]

[18]

[19]

[20]

[21]

[22]

[23]

[24]

[25]

[26]

[27]

[28]

[29]

Electron (ソフトウェア)とは？わかりやすく解説