Code for final

ふぁいなる向けのコード置き場です。すでにコードじゃないこともいっぱい。

Electron

Electron + Vue 3 + TypeScript + Element Plusで出たVSCodeの謎のエラーを解消する方法

作りたいアプリが思いついたのでvscodeで久々にElectronの環境を構築してみました。 いまはもうElectronはバージョン22で、Vue.js 3.0で、Vue CLIを使った構築も非推奨になってるんですね。。 とはいえ慣れた環境がしっくりくるのでVue CLIで構築しました。 …

GitHub Actionsを使ってElectron with Vue.jsアプリのWindows/MacOS/Linux向けパッケージを同時に自動リリースするやりかた

Electronアプリを作ってGitHub Actionsを使って自動でビルドしてリリースしたいと思って調べてできたやり方をまとめます。 C#アプリではAppVeyorでやっていましたが、あの頃はGitHub Actionsなんてものはなかったので、今回はGitHub Actionsを使います。 fin…

Electron with TypeScriptアプリで開発に耐えうるログの出力をする

Electronのログの出力はlog4jsを使えばできることがわかりましたが、サンプル程度に出力する記事しかなかったので実際にアプリを開発して アプリ開発に耐えうるログ出力についてまとめます。 log4jsをいれる 設定ファイルをおく ロガーの宣言をいれる ロガー…

Electron with Vue.js でのデバッグのやり方をまとめる

Electronでアプリを開発しててデバッグのやり方につまずいたのでまとめておきます。 デバッグはメインプロセスとレンダラープロセスでやり方が違うので注意してください。 メインプロセスとレンダラープロセスがわからない方は以下の記事を確認いただければ…

最低限抑えておくレベルでElectronを使ったアプリ開発のプロセス間通信を簡単に理解する

Electronを使ってアプリ開発をしていましたが、Electronの仕組みを理解できていなかったので開発に必要なレベルで簡単にまとめました。 コードの説明はvue.js + typescriptを使った例になりますが、ほかの場合も考え方はほぼ同じだと思います。 メインプロセ…

Electron + Vue.js + TypeScriptでWindowsアプリ開発環境を構築する手順(2020年版)

アプリを開発したくなり、前から気になってたElectronで作ってみようと調べてたらVue.jsが使えることがわかり、 アプリの開発環境を構築ようとしたものの、思いのほかつまづいたので対処方法をメモっときます。 たぶん時が流れると状況は変わってくると思う…