Electron

Source: https://github.com/sindresorhus/awesome-electron at 8a8126103752
License: CC0-1.0
Read the English original

This edition is an AI-assisted translation.

Awesome Electron

Electron アプリの作成に役立つリソース

Electron は、Web 技術でデスクトップアプリを作成するためのオープンソースフレームワークです。Chromium のレンダリングエンジンと Node.js ランタイムを組み合わせています。

---

_{私の macOS アプリをご覧ください}

Text Lens
^{画面上で選択できないテキストをコピー}

---

目次

• アプリ
• ボイラープレート
• ツール
• コンポーネント
• ドキュメント
• 記事
• 書籍
• 動画
• ポッドキャスト
• コミュニティ
• 関連

アプリ

Electron で作成。

オープンソース

おすすめ

• WebTorrent - ストリーミング対応Torrentクライアント
• Min - ミニマルなウェブブラウザー
• Hyper - ターミナル
• Visual Studio Code - クロスプラットフォームIDE

その他

• Git-it - Git と GitHub を学べる
• Caprine - 非公式 Facebook Messenger アプリ
• Simplenote - メモアプリ
• Abricotine - インラインプレビュー付きMarkdownエディター
• Kap - GIF 対応の画面録画ツール
• Medis - Redis データベース管理
• SmartMirror - 音声操作のスマートミラー
• Beaker - P2P ウェブプロトコル対応ブラウザー
• KeeWeb - 非公式 KeePass アプリ
• Gitify - メニューバーで GitHub 通知を確認
• SpaceRadar - ディスク容量とメモリのインタラクティブな可視化
• Leanote - クラウドメモ帳
• Loop Drop - 電子音楽のライブ演奏向け MIDI ルーパー兼シンセサイザー
• Pomodoro - ポモドーロ・テクニックに基づくタイマー
• Sia-UI - 暗号資産技術を基盤とする分散型ファイルストレージシステム
• MarkRight - ライブプレビュー付き GitHub 風 Markdown エディター
• Sqlectron - SQL クライアント
• Light Table - 即時フィードバック付きコードエディター
• Google Play Music Desktop Player - 非公式 Google Play Music アプリ
• Chrome DevTools - アプリとしてパッケージ化された Chrome DevTools
• Proton - ライブプレビュー付き Markdown エディター
• Hawkpass - パスワード生成ツール
• Boostnote - 開発者向け Markdown ノート・コードスニペットアプリ
• Before Dawn - スクリーンセーバーツール
• Catify - Spotify 用ユーティリティ
• Ansel - 画像整理ツール
• Tockler - 時間を記録
• Mattermost - Mattermost クライアント
• Crypter - 安全な暗号化クライアント
• YakYak - 非公式 Google Hangouts アプリ
• Museeks - 音楽プレーヤー
• Sabaki - 囲碁（碁・ウェイチー）盤
• Wire - メッセージ・通話アプリ
• Extraterm - ターミナル
• Stacer - Ubuntu 用システム最適化ツール
• Inpad - GitHub 風 Markdown 対応のノートアプリ
• Cerebro - インラインプレビュー付きランチャー
• LosslessCut - 動画の無劣化トリミングとカット
• Buka - 電子書籍管理
• Insomnia - HTTP リクエストの作成と管理
• Tusk - 非公式 Evernote アプリ
• Buttercup Desktop - パスワードマネージャー
• Mailspring - 拡張可能なメールクライアント。（Nylas Mail のフォーク）
• Headset - YouTube の音楽を見つけて集め、再生
• Nuclear - 無料ソースからストリーミング再生する音楽プレーヤー
• Mark Text - リアルタイムプレビュー付き Markdown エディター
• Pomotroid - ポモドーロタイマー
• Netron - 深層学習・機械学習モデルの可視化ツール
• Etcher - OS イメージを SD カードや USB ドライブに書き込み
• Notable - Markdown ベースのノート作成
• Unsplash Wallpapers - Unsplash の画像をデスクトップ壁紙に設定
• Motrix - ダウンロードマネージャー
• Franz - Skype、Slack、Hangouts、WhatsApp、Grape、Telegram、FB Messenger、Hipchat を1つのアプリで
• Gmail Desktop - 非公式 Gmail アプリ
• Upcount - 請求書作成
• ExifCleaner - ドラッグ＆ドロップで画像のメタデータを削除
• massCode - 開発者向けコードスニペット管理ツール
• Swifty - パスワードマネージャー
• MQTTX - 軽量メッセージングプロトコル MQTT のクライアント
• LightProxy - ウェブデバッグ用プロキシ
• Beekeeper Studio - クロスプラットフォームの SQL エディター兼データベース管理ツール
• Mouseless - キーボードショートカットの練習と検索
• Glyphfinder - Unicode 文字検索
• Graviton Editor - クロスプラットフォームのコードエディター
• Yana - リッチテキスト、階層整理、全体検索に対応したノートアプリ
• SpaceEye - デスクトップ背景用のリアルタイム衛星画像
• Heroic Games Launcher - Epic Games ランチャーの代替
• VIR - 自動計画機能付きのスマートな時間管理ツール
• Browserosaurus - macOS 向けブラウザー選択ツール
• linked - 日記
• shadowsocks-electron - クロスプラットフォームの Shadowsocks クライアント
• Sigma File Manager - モダンなファイルマネージャー
• Ostara - Actuator 経由で Spring Boot アプリを監視・操作
• PikaTorrent - BitTorrent クライアント
• Wave Terminal - AI 統合型のオープンソースターミナル
• Signal Desktop - Signal モバイルアプリ用のデスクトップ連携アプリ

クローズドソース

おすすめ

• Rosefinch - SQL クエリの保存と実行
• Nota - ローカルの Markdown ファイル向けプロ仕様ライティングアプリ

その他

• GitKraken - Git クライアント
• 1Clipboard - ユニバーサルクリップボード管理ツール
• Postman - HTTP リクエストの作成と送信
• Slack - デスクトップ版
• Avocode - デザインを共有して共同作業
• Prepros - ほぼすべてのプリプロセッサ言語をコンパイルし、ブラウザーを即時更新
• Stremio - メディアセンター
• Typetalk - インスタントメッセージでチームとアイデアを共有・議論
• Pingendo - Bootstrap のプロトタイピング
• Spreaker Studio - 音声の録音と配信
• MockingBot - アプリ設計用プロトタイピングツール
• Caret - Markdown エディター
• Remember - 名刺管理。（韓国語）*
• MongoDB Compass - MongoDB 公式アプリ
• Freeter - フリーランスやクリエイター向けの整理ツール
• WhatsApp - WhatsApp 公式アプリ
• CatLight - ビルド状態通知ツール
• Discord - 音声・テキストチャット
• Cocos Creator - Cocos2D-x 向けの Web・ネイティブゲーム作成エディター
• Inkdrop - ハッカー向け Markdown ノートブック
• Exodus - Bitcoin や Ethereum などのブロックチェーン資産を安全に管理・交換
• Hackolade - NoSQL・マルチモデルデータベース向けデータモデリング
• CashNotify - メニューバーから Stripe アカウントを監視
• Mockoon - 数秒でモックサーバーを作成
• Twitch - Twitch 公式アプリ
• Fenêtre - Mac 向けピクチャ・イン・ピクチャ
• Cleavr - サーバーの構成と Web アプリのデプロイ
• Brandy - メニューバーのブランド素材管理ツール
• Cacher - Gist 同期対応のクラウド型・チーム向けコードスニペット管理ツール
• MusicPlus - macOS と Windows 向けの無料音楽アプリ
• Mingo - MongoDB GUI
• Moon Modeler - MongoDB、Mongoose、MariaDB 用スキーマ設計ツール
• Notion - ノート、タスク、Wiki、データベースをまとめたワークスペース
• FATpick - 演奏に合わせて演奏を採点するギタータブ譜ビューアー
• Taskade - タスク、ノート、チャットを備えた分散チーム向けリアルタイム整理・共同作業ツール
• Coloban - チャット、カンバン、ガント、通話、画面共有などを備えた総合プロジェクト管理ツール
• Dynobase - AWS DynamoDB GUI
• Lotus - ストレスなく GitHub 通知を確認
• RunJS - JavaScript と TypeScript のプレイグラウンド
• OpenSFTP - SSH・SFTP 統合ワークスペースクライアント
• Obsidian - 拡張可能な Markdown ノート・ナレッジ管理

サンプル

• Electron API usage - Electron API の使用例を示すサンプルアプリ
• Screen Recorder - WebRTC 画面録画ツール
• Activity Monitor - CPU のシステム・ユーザー・アイドル時間をドーナツグラフで表示
• Hash - 入力テキストのハッシュ値を複数のアルゴリズムで表示
• Prices - Yahoo Finance API を使って石油・金・銀の現在価格を表示

ボイラープレート

• electron-boilerplate - アプリ作成を始めるためのボイラープレート — 作者：sindresorhus。
• generator-electron - アプリのボイラープレートを生成
• electron-boilerplate - インストーラーも生成する包括的なボイラープレート — 作者：szwacz。
• electron-react-boilerplate - React と webpack ベースのボイラープレート
• electron-quick-start - リポジトリをクローンして簡単なアプリを試す
• bozon - アプリの雛形作成、実行、テスト、パッケージ化
• secure-electron-template - React、Redux、Webpack、i18next でアプリを作るためのセキュリティ重視ボイラープレート
• angular-electron - Angular、Electron、TypeScript、SASS、ホットリロードで素早く環境構築
• vite-electron-builder - Vite ベースの安全な Electron アプリ用ボイラープレート。TypeScript + Vue/React/Angular/Svelte/Vanilla。

ツール

Electron 向け

• electron-builder - インストーラーを作成
• electron-packager - アプリをパッケージ化して配布
• electron-debug - 便利なデバッグ機能を追加
• electron-is-dev - Electron が開発モードで実行中か確認
• electron-localshortcut - ウィンドウにローカルなキーボードショートカットを追加
• fix-path - GUI アプリから実行した際の macOS の $PATH を修正。子プロセス起動時に便利
• electron-dl - 簡単なファイルダウンロード
• electron-release-server - フロントエンドと自動更新に対応したセルフホスト型リリースサーバー
• electron-rebuild - 現在インストールされている Electron に合わせてネイティブ Node.js モジュールを再ビルド
• debug-menu - Chrome 風の「要素を検証」コンテキストメニュー
• electron-installer-debian - Debian パッケージを作成
• electron-installer-redhat - Red Hat パッケージを作成
• electron-installer-windows - Windows パッケージを作成
• electron-download - GitHub から Electron リリース ZIP をダウンロード
• electron-osx-sign - macOS アプリのコード署名
• ember-electron - Ember アプリのビルド、テスト、パッケージ化
• electron-store - ユーザー設定、アプリ状態、キャッシュなどのデータを保存・読み込み
• electron-context-menu - 拡張可能なコンテキストメニュー
• NeDB - 組み込み型の永続・インメモリデータベース
• RxDB - リアルタイム NoSQL データベース
• electron-devtools-installer - Chrome ウェブストアから DevTools 拡張機能をインストール
• electron-log - シンプルなログ記録
• electron-about-window - 「このアプリについて」ウィンドウ
• elemon - 開発中にアプリをライブリロード
• electron-is-accelerator - 文字列が有効なアクセラレーターか確認
• electron-pdf-window - ブラウザーウィンドウで PDF ファイルを表示
• got - 簡単な HTTP リクエスト
• electron-unhandled - 未処理のエラーと Promise の拒否を捕捉
• electron-util - アプリやモジュールの開発に便利なユーティリティ
• electron-reloader - 開発中のシンプルな自動リロード
• electron-serve - 静的ファイル配信（react-router のようなルーティングに便利）
• electron-timber - 見やすいロガー
• chromium-net-errors - Chromium のネットワークエラーをカスタムエラークラスとして提供
• run-electron - 余計なターミナル出力なしで Electron を実行
• debugtron - 本番環境の Electron アプリをデバッグ
• electron-better-ipc - 簡単な IPC 通信
• electron-chrome-extension - Chrome 拡張機能のサポートを追加
• trilogy - ネイティブ C++ と純粋な JavaScript の両バックエンドに対応する TypeScript SQLite データベース層
• adblocker-electron - 広告とトラッカーをブロック
• electronmon - 開発中に別プロセスからアプリを監視・再読み込み
• electronegativity - 設定ミスとセキュリティ上のアンチパターンを特定
• UpdateRocks! - 自動更新サービス。オープンソースプロジェクトは無料
• electron-vite - Vite と統合された高速で使いやすいビルドツール
• pluggable-electron - プラグインで拡張できるアプリを構築
• Hydraulic Conveyor - 専用更新サーバー、マルチプラットフォーム CI、コード変更なしでアプリをデプロイする CLI ツール
• Aptabase - アプリ分析。オープンソースで、プライバシーに配慮しシンプル
• electron-webauthn-mac - Apple の AuthenticationServices フレームワークを介した macOS アプリ向けネイティブ WebAuthn/Passkey 対応

Electron の利用

• nativefier - あらゆるウェブサイトをアプリ化
• electron-stream - ストリーミングラッパー
• electron-pdf - コマンドラインで URL、HTML、Markdown ファイルから PDF を生成
• electron-mocha - Electron で Mocha テストを実行
• Reactotron - React・React Native アプリを検査
• jest-electron - ブラウザー環境で Jest の単体テストを実行・デバッグ

コンポーネント

• menubar - メニューバーアプリのフレームワーク
• React Desktop - React で構築された macOS・Windows 向け UI ツールキット
• chrome-tabs - Chrome 風のタブ
• Xel - ネイティブ風アプリを構築するためのウィジェットツールキット

ドキュメント

• Quick Start
• Official docs
• Essential Electron - 簡潔な概要

記事

• Electron Fundamentals
• Building a desktop application with Electron
• Codesigning your app for macOS
• Auto-updating apps for macOS and Windows: The complete guide
• Building a desktop app with Electron, React, and Redux
• Introducing BrowserView for Electron - バグを減らし性能を向上させて Web アプリを埋め込む新しい Electron API
• Migrating Slack’s Desktop App to BrowserView - 性能問題を解決するため、Slack は BrowserView、Redux、Rx、TypeScript で Electron アプリを書き直しました。
• Electron on the App Store - Electron アプリを制作し Mac App Store で公開するまでを紹介する全5回シリーズ
• Building a file explorer with Electron, Quasar, and Vue - 設計・コードの決定と Electron のセキュリティに焦点
• Using Google Analytics to gather usage statistics in Electron - 匿名ユーザー統計の収集方法
• Notarizing your Electron app - Apple の公証に向けたアプリのパッケージ設定方法
• Making Electron apps feel native on Mac

書籍

• Developing an Electron Edge - Preview 💲
• Electron in Action 💲
• Cross-Platform Desktop Applications 💲

動画

• Getting Started with Electron 1.x
• Packaging and Distributing Electron Desktop Apps
• Multi Window Electron Desktop Apps
• The State of Electron
• Cross-Platform Desktop Apps with Electron
• Building Native Desktop apps using Electron
• The New Desktop: Electron, React, & Pixel-Perfect Native-Feeling Experiences
• Building Desktop Apps with Node.js and Electron
• Electron Fundamentals course - Pluralsight 💲
• Electron: Building Cross Platform Desktop Apps - Lynda 💲
• Build a desktop application with Electron - Egghead 💲
• Build Cross-Platform Desktop Apps with Electron - Frontend Masters 💲
• Electron Meetup SF, November 2017 - アプリの起動時間の改善やクラッシュのデバッグなどに関する有益な講演を収録
• Make Your Electron App Feel at Home Everywhere - 独自のスタイルを損なわず、macOS・Windows・Linux でアプリをよりネイティブに感じさせるヒント

ポッドキャスト

• Hanselminutes: Creating cross-platform Electron apps with Jessica Lord
• The Changelog #216: GitHub’s Electron with Zeke Sikelianos
• Full Stack Radio #48: Jessica Lord - Building Desktop Apps with Electron

コミュニティ

• Reddit
• Stack Overflow
• @electronjs on Twitter
• electron-br (Brazilian Portuguese)
• electron-pl (Polish)
• @electron_ru on Telegram (Russian)
• electronjs on Facebook
• Product Hunt

コントリビュート

貢献を歓迎します！まず貢献ガイドラインをお読みください。

関連

• awesome-nodejs
• awesome-electronjs-hacking