electronでCSS Grid Layoutを使うサンプル

Electron v1.7系では、内部で使用しているChromiumが58系に更新されたため、CSS Grid Layout Module Level1が使えます。
https://caniuse.com/#feat=css-grid

ということで、以前↓で書いたサンプルを、最新のElectron v1.7.5環境用に書き換えました。

コードは以下のリポジトリにあげています。
https://github.com/sourcechord/electron-gridlayout-sample

electron v1.7系以降の環境では、↓のような拡張フラグの指定をしなくても普通にCSS Grid Layoutが使えます。

App.commandLine.appendSwitch("--enable-experimental-web-platform-features");

CSS Grid Layoutに対応したブラウザも増えてきましたし、各種入門記事もWeb上にだいぶ増えてきました。
これからは、CSS Grid Layoutを使う機会も徐々に増えそうですね!!