メインコンテンツへスキップ

Electron で V8 と Chromium の機能を使用する

·読了時間 2 分
jlord
jlord

Electron アプリケーションを構築するということは、1つのコードベースと1つのブラウザのデザインのみを作成する必要があることを意味し、非常に便利です。しかし、Electron はリリース時にNode.js と Chromium と最新の状態を維持しているため、それらによって提供される優れた機能も利用できます。場合によっては、以前はウェブアプリに含める必要があった依存関係が不要になります。

多くの機能があり、ここではいくつかの例を紹介しますが、すべての機能について知りたい場合は、Google Chromium ブログ と Node.js 変更ログ を確認してください。Node.js、Chromium、および V8 Electron が使用しているバージョンは、electronjs.org/#electron-versions で確認できます。

V8 を通じた ES6 サポート​

Electron は Chromium のレンダリングライブラリと Node.js を組み合わせます。両者は同じ JavaScript エンジンである V8 を共有します。多くの ECMAScript 2015 (ES6) 機能はすでに V8 に組み込まれているため、コンパイラなしで Electron アプリケーションで使用できます。

以下にいくつかの例を示しますが、厳格モードでのクラス、ブロックスコープ、Promise、型付き配列なども使用できます。V8 の ES6 機能の詳細については、このリスト を参照してください。

アロー関数

findTime () => {
  console.log(new Date())
}

文字列補間

var octocat = 'Mona Lisa';
console.log(`The octocat's name is ${octocat}`);

new.target

Octocat() => {
  if (!new.target) throw "Not new";
  console.log("New Octocat");
}

// Throws
Octocat();
// Logs
new Octocat();

Array.includes()

// Returns true
[1, 2].includes(2);

レストパラメータ

// Represent indefinite number of arguments as an array
(o, c, ...args) => {
  console.log(args.length);
};

Chromium の機能​

Google とコントリビューターの懸命な努力のおかげで、Electron アプリを構築する際に、(これらに限定されませんが)次のような優れた機能も使用できます。

Google Chromium ブログ をフォローして、新バージョンのリリースに伴う機能について学びましょう。そして、Electron が使用している Chromium のバージョンはこちらで確認できます。

何が楽しみですか？​

お気に入りの V8 または Chromium の機能を @ElectronJS までツイートしてください。