必要な環境 | Electron メインコンテンツへ飛ぶ Electron ドキュメント API ブログ ツール * Electron Forge * Electron Fiddle コミュニティ * ガバナンス * 事例紹介 * リソース リリース 日本語 * English * Deutsch * Español * Français * 日本語 * Português * Русский * 中文 検索 * はじめよう * はじめに * なぜ Electron なのか * チュートリアル * 必要な環境 * 初めてのアプリのビルド * プリロードスクリプトの利用 * 機能の追加 * アプリケーションのパッケージ * 公開と更新 * Electron のプロセス * ベストプラクティス * サンプル * 開発 * Native Node Modules * 配布方法 * テストとデバッグ * リファレンス * コントリビューション * * はじめよう * チュートリアル * 必要な環境 目次 必要な環境 チュートリアルの流れ これは Electron チュートリアルの 1 章 です。 * 必要な環境 * 初めてのアプリのビルド * プリロードスクリプトの利用 * 機能の追加 * アプリケーションのパッケージ * 公開と更新 Electron は、JavaScript、HTML、CSS によるデスクトップアプリケーションを構築するフレームワークです。 Electron は Chromium と Node.js を単一のバイナリファイルに組み込むことにより、単一の JavaScript コードベースから Windows、macOS、Linux で動くクロスプラットフォームアプリを作成できます。 このチュートリアルでは、Electron を使用してデスクトップアプリケーションを開発し、エンドユーザーに頒布するまでの流れを説明します。 目標 ​ このチュートリアルでは、まず最小限の Electron アプリケーションをゼロから作り上げてから、Electron Forge でパッケージ化し、ユーザに頒布する方法までを説明します。 単一コマンドのボイラープレートでプロジェクトを始めたい方は、Electron Forge の create-electron-app コマンドで始めることを推奨します。 前提 ​ Electron はウェブアプリケーションのネイティブラッパーレイヤーであり、Node.js 環境で動作します。 したがって、このチュートリアルは一般的な Node 及びフロントエンドのウェブ開発の基本に精通していることを前提としています。 続ける前に背景を読んでおきたい方は、以下の資料を推奨します。 * ウェブ入門 (MDN Web Docs) * Introduction to Node.js 必須ツール ​ コードエディタ ​ コードを書くには、テキストエディタが必要です。 Visual Studio Code の使用を推奨しますが、お好みのエディタをご利用ください。 コマンドライン ​ チュートリアル全体を通して、何度かコマンドラインインターフェース (CLI) を利用します。 そういった場合のコマンドは、以下のシステムのデフォルトターミナルに入力するものです。 * Windows: コマンドプロンプトまたは PowerShell * macOS: ターミナル * Linux: ディストリビューションごとに異なる (例: GNOME Terminal, Konsole) また、ほとんどのコードエディターにはターミナルが内蔵されており、そちらも利用できます。 Git と GitHub ​ Git はソースコードのバージョン管理システムとして一般的に使用されており、GitHub はそれをもって構築された共同開発プラットフォームです。 どちらも Electron アプリケーションを構築する上で厳密には不要ですが、チュートリアルの後半では GitHub の Release を利用して自動更新を設定します。 そのため、以下をご準備くだだい。 * GitHub アカウントの作成 * Git のインストール Git の仕組みに慣れていない方は、GitHub の Git ガイド を読むことを推奨します。 コマンドラインよりもビジュアルなインターフェースをお望みであれば、 GitHub Desktop アプリも利用できます。 チュートリアルを始める前にローカルの Git リポジトリを作成して GitHub に公開し、各ステップの後にコードをコミットすることを推奨します。 Git のインストールと GitHub Desktop GitHub Desktop は、まだ Git がインストールされていない場合、最新バージョンの Git をシステムにインストールします。 Node.js と npm ​ Electron アプリの開発を始めるには、 Node.js ランタイムとそれに付属する npm パッケージマネージャをシステムにインストールする必要があります。 最新の長期サポート (LTS) 版を使用することを推奨します。 ヒント お使いのプラットフォーム向けのビルド済みインストーラを使用して、Node.js をインストールするようにしてください。 さもなくば、他の開発ツールと互換性の問題が発生することがあります。 macOS をご使用の方は、ディレクトリのパーミッションの問題を避けるために Homebrew や nvm などのパッケージマネージャの利用を推奨します。 Node.js が正常にインストールされたことを確認するには、 -v フラグを使用して node や npm コマンドを実行しましょう。 これらはインストールされているバージョンを出力するはずです。 $ node -v v16.14.2 $ npm -v 8.7.0 警告 Electron のプロジェクトの土台となる Node.js はローカルにインストールする必要がありますが、Electron そのものは コードの実行にシステムの Node.js インストールを利用しません 。 代わりに、独自の Node.js ランタイムにバンドルされます。 つまり、エンドユーザーがアプリを実行するための前提条件として自ら Node.js をインストールする必要はありません。 アプリ内で実行されている Node.js のバージョンを確認するには、メインプロセスまたはプリロードスクリプトにてグローバルの process.versions 変数にアクセスすることで可能です。 https://releases.electronjs.org/releases.json もご参照ください。 このページを編集 前 なぜ Electron なのか 次 初めてのアプリのビルド * 目標 * 前提 * 必須ツール * コードエディタ * コマンドライン * Git と GitHub * Node.js と npm ドキュメント * 始めましょう * API リファレンス チェックリスト * パフォーマンス * セキュリティ ツール * Electron Forge * Electron Fiddle コミュニティ * ガバナンス * リソース * Discord * Bluesky * X * Mastodon * Stack Overflow その他 * GitHub * Open Collective * Infrastructure Dashboard Copyright OpenJS Foundation and Electron contributors. All rights reserved. The OpenJS Foundation has registered trademarks and uses trademarks. For a list of trademarks of the OpenJS Foundation , please see our Trademark Policy and Trademark List . Trademarks and logos not indicated on the list of OpenJS Foundation trademarks are trademarks™ or registered® trademarks of their respective holders. Use of them does not imply any affiliation with or endorsement by them. The OpenJS Foundation | Terms of Use | Privacy Policy | Bylaws | Code of Conduct | Trademark Policy | Trademark List | Cookie Policy Hosting and infrastructure graciously provided by