Skip to content
 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

453 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

RST (Rymansat Satellite Tracker)

0. バイナリの保管場所

最新のバイナリはreleasesからダウンロードできます。

1. 環境構築

node環境の構築

Windows

  • nodeのバージョン管理はvoltaを使用した場合の手順を記載する。volta以外を使用する場合は適宜読み替える事。
  • PCにnode, nodistがインストールされている場合、アンインストールする。
  • 注意)nodistをアンインストールした後、$HOME.npmrc 内のnodistの記載を手動で削除する。
# voltaのインストール
winget install Volta.Volta
# nodeのインストール
volta install node@22

# ライブラリなどのインストール
npm i

Mac

  • PCにnode, nodebrewがインストールされている場合、アンインストールする
# voltaのインストール
brew install volta
# nodeのインストール
volta install node@22

# ライブラリなどのインストール
npm i

2. 実行方法

# 開発モードで起動する
npm run app:dev

# アプリをビルドし、起動する
npm run app:preview

# プロダクト向けビルド
npm run app:build
  ⇒ releaseフォルダ配下にビルドされたファイルが出力されます。

3. UT実行

# すべてのUTを実行
npm run test

# ファイル指定
npm run test -- ファイル名の一部
例) npm run test -- CommonUtil_isEmpty

# テスト名指定
npm run test -- ファイル名の一部 -t "name"
例) npm run test -- CommonUtil_isEmpty -t "empty"

4. デバッグ

VsCodeでのデバッグ実行の方法です。

メインプロセスのデバッグ

  1. npm run app:build でビルドを行う。
  2. src\electron 配下のファイルにブレークポイントを設定する。
  3. 実行とデバッグ(Run and Debug (Ctrl+Shift+D))にて、Electron: Mainを選択する。
  4. F5でデバッグを開始する。

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

  1. npm run app:devでアプリを起動する。
  2. src\renderer 配下のファイルにブレークポイントを設定する。
  3. 実行とデバッグ(Run and Debug (Ctrl+Shift+D))にて、Electron: Rendererを選択する。
  4. F5でデバッグを開始する。

Jest実行でのデバッグ

  1. 機能拡張「Jest Runner(firsttris.vscode-jest-runner)」をインストールする
  2. 適宜ブレークポイントを設定する。
  3. テストケースのファイルの各ケース(メソッド)の上部の「Debug」をクリックする

5. ビルド

WindowsでWindows向けのビルドを行う場合

  1. cmdプロンプトを管理者権限で起動する

  2. npm run app:build でビルドを行う。

    ※以下が出力された場合

    cannot execute  cause=exit status 1
                        errorOut=Fatal error: Unable to commit changes
    

    以下フォルダを削除して、再度ビルドを行う。

    C:/Users/user/AppData/Local/electron-builder
    

WindowsでLinux向けのビルドを行う場合

  1. WSL2(ubuntu)で本プロジェクトルートを開く
  2. npm run app:build-linux でビルドを行う。

6. アイコンの作成

アイコン編集

Inkscapeで編集を行う。

  • 小さいアイコン向け
    • public\assets\アイコン_24.svg
  • 大きいアイコン向け
    • public\assets\アイコン_512.svg

Windows向けのicoの作成

複数pngをicoファイルに格納するため、以下からImageMagicをダウンロード、インストールする。
https://www.imagemagick.org/script/download.php

以下をコマンドプロンプトで実行する。

cd プロジェクトルート\public\assets
magick convert rst_icon_16.png rst_icon_24.png rst_icon_32.png rst_icon_48.png rst_icon_64.png rst_icon_128.png rst_icon_256.png rst.ico

以下のWarningが出力されるが無視する。
WARNING: The convert command is deprecated in IMv7, use "magick" instead of "convert" or "magick convert"

rst.ico がWindowsのアイコンファイルとなる。

7. その他技術的な特記事項

メインプロセスのimportエイリアスについて

以下のようにエイリアスで記載するが、exe化後の実行時に "cannot find module" が発生する。 これに対処するため、tsc-aliasにて強制的に相対パスへ置換を行っている。

import AppMainLogger from "@/main/util/AppMainLogger";

package.json

"scripts": {
  "app:build": "npm run vite:build && tsc && npm run app:import-replace && electron-builder",
  "app:import-replace": "tsc-alias -p tsconfig.json -s ./src",
}

以下箇所で相対パスへ置換を行っている。

"tsc-alias -p tsconfig.json -s ./src"

ログファイル

ログは、ユーザディレクトリ配下に出力される。

例)Windowsの場合
 C:\Users\username\AppData\Roaming\rst\logs\rst.log
  • ローテーションは10MB(Constant.tsで設定)
  • ローテーションは1世代のみ保持される

Issue

バグ報告や改善要望は、GitHubのIssuesに登録ください。

License

The source code is licensed MIT.

About

Rymansat Satellite Tracker

Topics

Resources

Stars

0 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages