古松メインナビゲーションホームビデオご連絡パンくずホームElectronElectronの入門4:Electronのデバッグ設定Electronの入門4:Electronのデバッグ設定Electronで作成したアプリケーションはメインプロセスとレンダラープロセスから構成されています。この二つ部分のデバッグ方法が違います。Electronのレンダラープロセスがブラウザ(Chrome)のような動きで、ブラウザの開発ツールでHTML、css、javascriptを参照しながら、jsファイルのデバッグを行います。Electronのメインプロセスがサーバーサイトのようなプログラム(node.js)なので、ネーティブアプリ開発のデバックツールが必要となり、その開発ツールの上でデバッグを行います。クリックするとChromeの開発ツールのようなウィンドが起動されます簡単で、直感的ですね。APIのを具体的にどんなことができるのかを知るのに便利だ。使うクラスと使い方が、デモの中で解説されているため、これを見ていけばElectronのAPIで何ができるのかが効率的に理解できる。Process】Electronのプロジェクトのフォルダにあるpackage.jsonの中身でmainで定義されているファイルを実行するプロセスがメインプロセスで、このメインプロセスが起動=アプリケーションの起動。このメインプロセスが終了=アプリケーションの終了ということです。Process】いわゆる、画面ごとに作成されるプロセスの事です。メインプロセスからxxxx.htmlを読み込んで画面を表示したら、その画面自体が一つのプロセスで動作していることです。複数のレンダラープロセスを起動することが出来ます。ブラウザでたとえば、ブラウザの枠、メニューなどがメインプロセス、描画された各タブがレンダラープロセスのことです。メインプロセスが一つだけ、レンダラープロセスが最低一つ以上が存在します。package.jsonこの新規フォルダにpackage.jsonファイルを作成しますpackage.jsonファイルの作成方法がいろいろあります。initいろいろな質問に答えればよいです。任意の名前でよいです。メインプロセスのファイル名(例:main.js)です。何も入力しなければ、index.jsと自動に定義されます。});});ここで、メインプロセスの記述が大半です。