2020/11/29 作業ログ
unsoluble_sugar電脳コイルの時代来てた
unsoluble_sugarほんこれ
unsoluble_sugarめちゃくちゃすごい
unsoluble_sugarこういうのもあるのか
unsoluble_sugarやる気が出ないのでとりあえずGitHubリポジトリ連携記事書く。
unsoluble_sugarWindows 10でElectron最初から環境構築。
node.jsもgitも入ってない環境なので入れる。
WinでHello world起動まで
- gitのインストール
- node.jsのインストール
-
npmでElectronインストール -
npx create-electron-appで新規プロジェクト作成 -
npx electron -vでElectronバージョン確認 -
npx electronでElectron起動確認 -
cdでプロジェクトフォルダへ移動 -
npm startでHello world
Winでパッケージング
-
npm run makeでビルド - 手元でexe実行確認
-
npm install -D electron-builderインストール（配布用パッケージングビルダー） -
npx electron-builder --helpでインストール確認 -
npx electron-builder --win --x64で配布用パッケージング - インストーラーによるインストール起動確認
-
npm prune --productionで不要パッケージ除外
配布用のパッケージング出来たのでインストーラ叩いて入れてみたら単なるHello worldだけで500MB近く容量食ってて笑う。
パッケージング前に最適化が必要な模様。
unsoluble_sugargitのインストール
unsoluble_sugar> git --version
git version 2.29.2.windows.2
node.jsのインストール
nvmのインストール
nvm-windowsリポジトリから最新のインストーラーをダウンロードしてインストール。
nvm lsコマンドが叩けるか確認します。
> nvm ls
No installations recognized.
Node.jsの最新バージョンをインストール。
> nvm install latest
LTS（長期の保守運用が約束されたバージョン）の確認。
> nvm list available
| CURRENT | LTS | OLD STABLE | OLD UNSTABLE |
|--------------|--------------|--------------|--------------|
| 15.3.0 | 14.15.1 | 0.12.18 | 0.11.16 |
| 15.2.1 | 14.15.0 | 0.12.17 | 0.11.15 |
| 15.2.0 | 12.20.0 | 0.12.16 | 0.11.14 |
| 15.1.0 | 12.19.1 | 0.12.15 | 0.11.13 |
| 15.0.1 | 12.19.0 | 0.12.14 | 0.11.12 |
| 15.0.0 | 12.18.4 | 0.12.13 | 0.11.11 |
| 14.14.0 | 12.18.3 | 0.12.12 | 0.11.10 |
| 14.13.1 | 12.18.2 | 0.12.11 | 0.11.9 |
| 14.13.0 | 12.18.1 | 0.12.10 | 0.11.8 |
| 14.12.0 | 12.18.0 | 0.12.9 | 0.11.7 |
| 14.11.0 | 12.17.0 | 0.12.8 | 0.11.6 |
| 14.10.1 | 12.16.3 | 0.12.7 | 0.11.5 |
| 14.10.0 | 12.16.2 | 0.12.6 | 0.11.4 |
| 14.9.0 | 12.16.1 | 0.12.5 | 0.11.3 |
| 14.8.0 | 12.16.0 | 0.12.4 | 0.11.2 |
| 14.7.0 | 12.15.0 | 0.12.3 | 0.11.1 |
| 14.6.0 | 12.14.1 | 0.12.2 | 0.11.0 |
| 14.5.0 | 12.14.0 | 0.12.1 | 0.9.12 |
| 14.4.0 | 12.13.1 | 0.12.0 | 0.9.11 |
| 14.3.0 | 12.13.0 | 0.10.48 | 0.9.10 |
This is a partial list. For a complete list, visit https://nodejs.org/download/release
最新の安定バージョンもインストール。
nvm install 14.15.1
使用するバージョンの選択
nvm use 15.3.0
インストール済みバージョン一覧でカレントバージョン確認
> nvm ls
* 15.3.0 (Currently using 64-bit executable)
14.15.1
npm（Node Package Manager）のバージョンも確認しておきます。
npm --version
7.0.14
Electronのインストール
npmコマンドを使ってElectronのインストールを行います。
Installation | Electron
> npm install electron --save-dev
バージョン確認。
> npx electron -v
v11.0.3
デフォルトのElectronアプリを起動してみます。
> npx electron
こんなアプリが立ち上がればOK。
Hello world用に新規プロジェクトを作成します。
Getting Started - Electron Forge
> npx create-electron-app my-electron-app
プロジェクトフォルダに移動してアプリを実行。
> cd my-electron-app
npm start
Hello Worldアプリのソースコード構成
unsoluble_sugar手元でexeビルド
配布用にインストーラ作成
インストール
起動確認
unsoluble_sugarあ、これが噂のStack Overrun…！
unsoluble_sugarパブリッシング前に npm prune --production コマンド実行で、package.json のdependencies に記載のパッケージだけ残して削除してくれる模様。
インストールしたアプリのフォルダ全体は500MBだったけど、exe本体自体は120MBくらいだったので、こんなもんだった。
unsoluble_sugar一旦Zennで下書き仕上げてQiitaアドベントカレンダーに持っていくか（）
unsoluble_sugarPowerShellのコマンド実行履歴、前のセッションでの実行履歴も取得する方法。
(Get-PSReadlineOption).HistorySavePath
C:\Users\unsol\AppData\Roaming\Microsoft\Windows\PowerShell\PSReadLine\ConsoleHost_history.txt
このテキストファイルに保存されてる
git -v
npx create-electron-app my-electron-app
electron -v
node_modules\.bin\electron --version
ls
cd my-electron-app
npm start
npm run make
npx electron
npx electron --version
npm install -D electron-builder
npx electron-builder --help
npx electron-builder --win --x64
npm prune --production
npx electron-builder --win --x64
(Get-PSReadlineOption).HistorySavePath