📢 Webサイト閉鎖と移転のお知らせ
このWebサイトは2026年9月に閉鎖いたします。
新しい記事は移転先で追加しております。（旧サイトでは記事を追加しておりません）
| (同じ利用者による、間の3版が非表示) | |||
| 31行目: | 31行目: | ||
http://electron.atom.io/docs<br> | http://electron.atom.io/docs<br> | ||
https://github.com/atom/electron<br> | https://github.com/atom/electron<br> | ||
<br><br> | |||
== 開発に必要なパッケージのインストール == | |||
カスタムElectronバイナリにおいて、LinuxでElectronそのものをビルドする場合は、以下に示すパッケージをインストールする。<br> | |||
<br> | |||
* 必須環境 | |||
*: Node.js | |||
*: Python 3.7以降 | |||
*: Clang 3.4以降 | |||
*: GTK 3およびlibNotifyの開発用ライブラリ | |||
*: <br> | |||
* 必要なパッケージ | |||
*: <code>sudo zypper install clang gperf gtk3-devel libnotify-devel dbus-1-devel \</code> | |||
*: <code>libgnome-keyring-devel libcap-devel alsa-devel cups-devel \</code> | |||
*: <code>libXtst-devel libXrandr-devel \</code> | |||
*: <code>mozilla-nss-devel python3-python-dbusmock</code> | |||
<br> | |||
アプリケーションのソースコードをビルド済みElectronバイナリにバンドルして頒布する場合は、[https://www.electronjs.org/ja/docs/latest/tutorial/application-distribution アプリケーション頒布のガイド]を参照すること。<br> | |||
<br><br> | <br><br> | ||
| 201行目: | 219行目: | ||
# 作業ディレクトリに移動する。 | # 作業ディレクトリに移動する。 | ||
# 以下のコマンドを実行して、electron-packagerをインスールする。 | # 以下のコマンドを実行して、electron-packagerをインスールする。 | ||
#: <code>npm install electron-packager -g</code> | #: <code>npm install electron-packager --save-dev</code>(ローカルインストール) <span style="color:#C00000">※推奨</span> | ||
#: <code>npm install electron-packager -g</code>(グローバルインストール) | |||
# パッケージングを実行する。 | # パッケージングを実行する。 | ||
#: Electronのバージョンは、<code>npm list</code>コマンドを実行することにより確認できる。 | |||
#* Linux x64 | #* Linux x64 | ||
#: <code>electron-packager ./app "hello-world" --out=dist --platform=linux --arch=x64 --version= | #: <code>electron-packager ./app "hello-world" --out=dist --platform=linux --arch=x64 --electron-version=<Electronのバージョン></code> | ||
# | #* Windows x86 | ||
#: <code>electron-packager ./app "hello-world" --out=dist --platform=win32 --arch=ia32 --version= | #: <code>electron-packager ./app "hello-world" --out=dist --platform=win32 --arch=ia32 --electron-version=<Electronのバージョン></code> | ||
# | #* Windows x64 / MacOSX | ||
#: <code>electron-packager ./app "hello-world" --out=dist --platform=darwin,win32 --arch=x64 --version= | #: <code>electron-packager ./app "hello-world" --out=dist --platform=darwin,win32 --arch=x64 --electron-version=<Electronのバージョン></code> | ||
<br> | <br> | ||
パッケージングが完了すると、以下のディレクトリが生成される。<br> | パッケージングが完了すると、以下のディレクトリが生成される。<br> | ||
| 218行目: | 238行目: | ||
<br> | <br> | ||
このディレクトリを配布することで、他の環境でも実行可能となる。<br> | このディレクトリを配布することで、他の環境でも実行可能となる。<br> | ||
<br> | |||
また、ソフトウェアのソースコードを非公開にすることもできる。 | |||
非公開にするためには、まず、プロジェクトディレクトリに作成したappディレクトリの名前をapp.asarディレクトリに変更する。<br> | |||
次に、app.asarディレクトリを、プロジェクトディレクトリ直下のresourcesディレクトリに配置する。<br> | |||
* Linux x64 | |||
*: <code>electron-packager ./<Electronのプロジェクトディレクトリ>/resources/app.asar "hello-world" --out=dist --platform=linux --arch=x64 --electron-version=<Electronのバージョン></code> | |||
* Windows x86 | |||
*: <code>electron-packager ./<Electronのプロジェクトディレクトリ>/resources/app.asar "hello-world" --out=dist --platform=win32 --arch=ia32 --electron-version=<Electronのバージョン></code> | |||
* Windows x64 / MacOSX | |||
*: <code>electron-packager ./<Electronのプロジェクトディレクトリ>/resources/app.asar "hello-world" --out=dist --platform=darwin,win32 --arch=x64 --electron-version=<Electronのバージョン></code> | |||
<br> | |||
詳細は、[https://github.com/electron/electron/blob/v1.7.6/docs/tutorial/application-packaging.md こちらのWebサイト]を参照すること。<br> | |||
<br><br> | <br><br> | ||