Electron（エレクトロン） とは？

OSごとに用意された言語や道具で作る方法もあるよ。Electronは別のやり方で、JavaScript・HTML・CSSで書いた1つのコードから、Windows・macOS・Linux向けのアプリを作れるようにしたフレームワークなんだ

ElectronはChromium（ブラウザーの中身）とNode.jsをアプリの中に組み込んでいるんだ。画面はWebページと同じ仕組みで表示する「レンダラープロセス」が担当し、ウィンドウの作成やOSの機能を使う処理はNode.jsが動く「メインプロセス」が担当する。この役割分担はChromiumの作りを受け継いだものだよ

既定ではできないよ。レンダラープロセスは、安全のためにNode.jsのAPIを直接は使えない設定になっているんだ。必要な機能だけを「プリロードスクリプト」とcontextBridgeという仕組みで画面側に渡す作りにする。外から読み込んだWebコンテンツに、パソコンを自由に操作させないための工夫だね

アプリごとにChromiumを同梱するから、配布サイズが大きくなりやすいんだ。公式ドキュメントは、zip圧縮したElectronアプリはふつう80〜100MBほどと説明していて、サイズを小さくしたい用途には別の方法を勧めているよ。たとえばTauriは、OSに入っているWebViewを使うことでサイズを小さくする方針のフレームワークなんだ

どのOSでも同じブラウザーエンジンで動かすためだよ。OSに入っているWebViewを使う方式だと、サポートする一番古いOSに入っているバージョンに合わせる必要が出てくる。同梱すれば、アプリ側でバージョンを決められるんだ。そのかわり更新は自分で追う必要があって、Electronは8週間ごとに新しいメジャーバージョンを出し、最新の3つをサポート対象にしているよ