📢 Webサイト閉鎖と移転のお知らせ
このWebサイトは2026年9月に閉鎖いたします。
新しい記事は移転先で追加しております。(旧サイトでは記事を追加しておりません)

144行目: 144行目:


== ソフトウェアの実行 ==
== ソフトウェアの実行 ==
ターミナルから以下のコマンドを実行して、ソフトウェアを実行する。<br>
プロジェクトのディレクトリに移動して、ターミナルまたはコマンドプロンプト(Powershell)から以下のコマンドを実行する。<br>
  electron app
* ローカルインストール時の場合
** Windows
**: .\node_modules\.bin\electron .
** Linux
**: ./node_modules/.bin/electron .
<br>
上記のコマンドを実行することが面倒な場合、操作を省略する手段として、以下のようなシェルスクリプトまたはバッチファイルを作成する。<br>
以下のファイルをプロジェクトディレクトリのルートに配置することで、1クリックでElectronソフトウェアを起動できる。<br>
<syntaxhighlight lang="sh">
# Start.shファイル(Linux)
#!/usr/bin/env bash
# ローカルインストールの場合
./node_modules/.bin/electron .
# グローバルインストールの場合
electron .
</syntaxhighlight>
<br>
<syntaxhighlight lang="powershell">
# Start.batファイル(Windows)
# ローカルインストールの場合
.\node_modules\.bin\electron .
# グローバルインストールの場合
  electron .
</syntaxhighlight>
<br>
<br>
後は通常のHTML / JavaScriptによる開発と同様である。<br>
後は通常のHTML / JavaScriptによる開発と同様である。<br>
デバッガが表示されているのは、main.jsファイルに以下の行が記述されているからである。<br>
デバッガが表示されているのは、main.jsファイルに以下の行が記述されているからである。<br>
この行をコメントアウトすることで非表示になる。<br>
この行をコメントアウトすることで非表示になる。<br>
<syntaxhighlight lang="javascript>
  main.jsファイル
  main.jsファイル
   
   
  // mainWindow.openDevTools();
  // mainWindow.openDevTools();
</syntaxhighlight>
<br><br>
<br><br>