ParallelsでElectronで開発されたアプリの表示がおかしくなるのを回避する方法


--disable-gpuオプションを付与して起動するとうまくいく。

VSCode

open /Applications/Visual\ Studio\ Code.app --args --disable-gpu

Googole Chrome

open /Applications/Google\ Chrome.app --args --disable-gpu

.zash等にエイリアスで登録するか、Automator等でスクリプト化すると良い。

(追記:2021年3月15日)

ChromeもVSCodeもハードウエア(GPU)アクセラレーションをOFFににする機能があるのでそれをOFFにしたほうが早いかもしれません。

2021年3月15日時点で、

  • VSCodeのUI乱れは何もしなくても解消してるように見える(ParallelsおよびOSは最新)
  • ChromeはUI乱れは無いが動作が遅くて事実上使い物にならない。

VSCode

cmd + shift + pでコマンドパレットを出して[Configure Runtime Argument]を選択。

表示されるargv.jsonに

"disable-hardware-acceleration": true

と追記。VSCodeを再起動。(あまりかわらないけど)。

Chrome

詳細設定でハードウエアアクセラレーションをOFFにしてChromeを再起動。