今更俺が説明するまでもないが（というか、俺が説明してしまうと間違いが混入してしまう恐れがあるが（笑））、Electron というのは Node.js（JavaScript） + Web 開発技術（HTML,CSS など）でデスクトップアプリを開発するためのライブラリ集＆フレームワークである。
言葉をもう一度整理しておくと、
- JavaScript ... 開発言語
- Node.js ... 本来、ブラウザ（Chrome 等）上でしか実行できない JavaScript をローカルで実行できるようにした実行環境
- npm .... Node.js 用の部品（ライブラリ等）の管理ツール。簡単に部品のインストールなどが行える（Perl で言えば CPAN みたいなもの）
- Electron ... Node.js でデスクトップアプリを開発するためのライブラリ集＆フレームワーク（開発基盤）
である。
ついでに、
- VSCode ... テキストエディタと IDE（統合開発環境）を組み合わせたソースコードエディタ（実は Electron で作られている）
も。なんか、以前に比べるとひとつひとつのソフトウェアの役割が明確に分けられてなくて、説明が難しくなってるよね、最近は。
では、早速、npm で Electron をインストールする。
~ % npm install electron --save-devadded 13 packages in 2s1 package is looking for fundingrun `npm fund` for detailsnpm noticenpm notice New major version of npm available! 11.19.1 -> 12.2.1npm notice Changelog: https://github.com/npm/cli/releases/tag/v12.2.1npm notice To update run: npm install -g npm@12.2.1npm notice
あっという間にインストール終了。
なんか、notice（通知）がたくさん出ている。
ただ、これは Electron のインストールが失敗をしたわけではなく、「npm のバージョンが 11.19.1 だけど、最新バージョンは 12.2.1 よ。 install コマンドで最新版が入るで」と言ってる。
今朝、Node.js を最新版にしたとき 11.19.1 に上がったんだけど、ああ、もしかして安定版が 11系で、開発版（不安定）が 12系なん？
よく知らないけど、最新版にする。
~ % sudo npm install -g npm@12.2.1Password:XXXXXXXX＜実際には表示されない＞removed 8 packages, and changed 77 packages in 3s15 packages are looking for fundingrun `npm fund` for details~ % npm -v12.2.1
さあ、これでばっちり。macOS 上で動く Electron アプリを作ってみよう。
コメントする