<p>Electronで作成したアプリケーションはメインプロセスとレンダラープロセスから構成されています。この二つ部分のデバッグ方法が違います。</p>

<p>Electronのレンダラープロセスがブラウザ（Chrome）のような動きで、ブラウザの開発ツールでHTML、css、javascriptを参照しながら、jsファイルのデバッグを行います。</p>

<p>Electronのメインプロセスがサーバーサイトのようなプログラム（node.js）なので、ネーティブアプリ開発のデバックツールが必要となり、その開発ツールの上でデバッグを行います。</p>

<h2></h2>

<h2>ElectronアプリケーションはMain Processと Renderer Processから構成されます</h2>

<ul><li>【Main Process】Electronのプロジェクトのフォルダにあるpackage.jsonの中身でmainで定義されているファイルを実行するプロセスがメインプロセスで、このメインプロセスが起動＝アプリケーションの起動。このメインプロセスが終了＝アプリケーションの終了ということです。</li>
<li>【Renderer Process】いわゆる、画面ごとに作成されるプロセスの事です。メインプロセスからxxxx.</li></ul>

<p><a href="https://github.com/electron/electron-api-demos&quot; target="_blank">GitHub上のElectron公式アカウントで公開されている<strong>Electron API Demos</strong></a>というデモアプリは、基本的なElectron APIのを具体的にどんなことができるのかを知るのに便利だ。よく使うクラスと使い方が、デモの中で解説されているため、これを見ていけばElectronのAPIで何ができるのかが効率的に理解できる。</p>

<h2>Electron API Demoのインストール</h2>

Electronについて
Windows上でのインストール
Electronの基本情報を表示