macOS での Electron のｲﾝｽﾄｰﾙ[Mac]
(2026-10-24 17:49:56) by shinoda
今更俺が説明するまでもないが(というか､俺が説明してしまうと間違いが混入してしまう恐れがあるが(笑))､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-dev
added 13 packages in 2s
1 package is looking for funding
run `npm fund` for details
npm notice
npm notice New major version of npm available! 11.19.1 -> 12.2.1
npm notice Changelog: https://github.com/npm/cli/releases/tag/v12.2.1
npm notice To update run: npm install -g npm@12.2.1
npm 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.1
Password:XXXXXXXX＜実際には表示されない＞
removed 8 packages, and changed 77 packages in 3s
15 packages are looking for funding
run `npm fund` for details
~ % npm -v
12.2.1
さあ､これでばっちり｡macOS 上で動く Electron ｱﾌﾟﾘを作ってみよう｡
ｺﾒﾝﾄ投稿
次の記事へ >
< 前の記事へ
TOPへ戻る
Powered by
MT4i 3.0.8