メインコンテンツに移動
ホーム

古松

メインナビゲーション

  • ホーム
  • ビデオ
  • ご連絡

パンくず

  • ホーム
  • Electron

Electron

Electronのレンダラープロセスのデバッグ

Electronの入門4:Electronのデバッグ設定

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

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

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

Electronの最初のアプリ

Electronの入門3:Electron開発のために最初のアプリ

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

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

Electronの入門2:デモアプリのインストールと動作確認

GitHub上のElectron公式アカウントで公開されているElectron API Demosというデモアプリは、基本的なElectron APIのを具体的にどんなことができるのかを知るのに便利だ。よく使うクラスと使い方が、デモの中で解説されているため、これを見ていけばElectronのAPIで何ができるのかが効率的に理解できる。

Electron API Demoのインストール

electronの基本情報

Electronの入門1:Winodws上でのインストールと動作確認

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

検索フォーム

カテゴリ別

  • laravel
  • drupal
  • javascript
  • windows
  • html
  • mysql
  • php
  • apache
  • css
  • SEO
  • video
  • wordpress
  • linux
  • python
  • Electron
  • Visual Studio Code

google ads