Javascript

Javascript

VSCodeで、Electronアプリのデバッグでメインプロセスが立ち上がらない場合の対処

Electronアプリを開発中、VSCodeでメインプロセスをデバッグしようとした際に、なぜかメインプロセスが立ち上がらずに苦戦したことはありませんか?実は、Node.js v22.6以降では、ある実験的なオプションが影響して、Electronアプリの起動時にエラーが発生するケースがあります。
Javascript

Pinia × Vue Router:アクションからrouter.push()を使うとエラーが出た場合の対処

Piniaを使った状態管理で、アクションからVue Routerのrouter.push()を呼び出そうとしてエラーに悩まされることはありませんか?この記事では、「PiniaのアクションでVue Routerを正しく使う方法」をテーマに、TypeScriptの型拡張や設定の具体例を交えて解説します。
Javascript

Imasup バージョン1.5.0 リリース | 画像を簡単にPDFに変換

Imasup バージョン1.5.0のリリース情報。複数の画像を簡単にPDFにまとめる機能や、画質調整機能の追加を詳しく解説します。
Javascript

Vue-i18nでCSP headerにunsafe_evalが原因のエラーへの対処

IMASUPのViteへの移行で、少しずついじっているのです。今日はVue-i18nを設定していて、エラーが出てしまったので、その対処を記載いたします。
Javascript

Imasupバージョン1.3.1リリース: 画像をPDFに変換する新機能

Imasupの最新アップデートで、画像をPDFに変換する新機能が追加されました。設定画面の改善や画像ファイルの取り込み方法について詳しく解説します。
Javascript

Electronで、Vue Devtoolsが使えなくなった時の対処

Electronで開発するアプリIMASUPで、Vue Devtoolsが利用できない状況が発生し困っていました。chromeの拡張機能のIDが問題で、うまく解決できたので記事にしました。同じようにお困りの方の助けになれば幸いでございます。
Javascript

Electron-Storeを導入したら、起動が遅くなった時の対処

electronアプリで、設定を保存するためにelectron-storeを導入したところ、アプリの起動に時間がかかるようになってしまいました。electronアプリはchromiumがある分ただでさえ起動に時間が掛かるため、すぐに対処しました。その時の対処を記事にします。
Javascript

Vueで、絵文字の国旗をドロップダウンリストに入れたい時の対処

Vue + electronでアプリを作ったときに多言語化対応をしたのですが、セレクトボックスに言語名と国旗を併記したときの対処を記事にします。WindowsとMacで国旗に対する考え方が違うことがわかり、非常に興味深かったです。参考にしていただければと思います。
Javascript

Vue + electronで通知をするときの対処(Windows)

Microsoft Storeで配布するWindows用のVue + electronアプリで、通知(Notification)を実装したときの対処を記事にいたします。
Javascript

【Vue CLI】Stateにpackage.jsonのversionを入れたい時の対処

Vue CLIを使っていて、VuexのStateにpackage.jsonのversionを入れたい時の対処を記事にします。
Javascript

Vue-Cliでelectronのアプリをappxでビルドする

--にも意味があるらしい。で、次は--win。最後にappxと入力する。最後のappxの部分を--appxとしてしまうことが多々あったので、記事にしておきます。
Javascript

Microsoft Storeにアプリを申請したらリジェクト!

やっとアプリが完成して、Microsoftに申請してみて1日くらい経ったら進捗が更新されていましたが、残念ながら「Inaccurate Representation - Icon」との返答で、承認ならずでした。ICONファイルの格納先が適切でなかったため、正しい格納先について紹介しています。
Javascript

Vue i18nでデフォルトの言語をユーザー環境の言語にしたいときの対応

Vue 3とvue-i18nを使用して、ユーザーのブラウザ設定に基づき自動的に言語を切り替える方法を解説。navigator.languageを活用し、localeとfallbackLocaleの設定手順を具体的に紹介。多言語対応の基本を押さえたい方に最適なガイドです。
Javascript

electron + vue cliでビルドした時に、fontsourceのフォントが反映されない時の対処

electronとvue cliで、アプリにfontsourceのフォントを適用したいなというとき、run serveではフォントが適用されるのですが、buildするとフォントが適用されない時の対処を記事にします。
Javascript

M1Macで、`Exit code: ENOENT. spawn /usr/bin/python ENOENT`

起きたことM1以前のMacなら/usr/bin/pythonでpython2が動いていたようだが、どうやら、M1Macでは、python2インストールされていないことで、起きたエラーらしい。electron-builderの23.0.2では...
Javascript

electron + vueでビルドしたらPDFKITが組み込まれていなかった時の対処

vue.jsとelectronの組み合わせでアプリを開発していて、躓いたので備忘として記事にします。
Javascript

HTMLのtable要素をCSVで出力する

HTMLのtable要素をJavaScriptでCSVファイルとして出力する方法を解説。Bootstrapを用いたテーブル構造から、エスケープ処理やBOM付きBlobの生成、ダウンロードリンクの設定まで、実用的なコード例とともに詳しく紹介します。
Javascript

Vuexで、複製したオブジェクトを配列に詰め込んで、それぞれのオブジェクトを変更しようとしてハマった話

複製したオブジェクトを配列に詰め込んで、後からそれぞれのオブジェクトを変更したかったのですが、ハマってしまいました。どのような事象が起きて、どう解決したか、記事にいたしました。
Javascript

JavascriptでIntl.DateTimeFormatを利用して和暦を取得する

Javascriptで日付の処理をする際、moment.jsというライブラリを利用しています。ライブラリを追加できない制約の中、元号を含めた日付の取得する必要があり、その方法を調べたので、紹介します。
Javascript

Javascript で数値を0埋めして文字列を作る

JavaScriptで数値を指定した桁数に0埋め(ゼロパディング)する方法を解説。padStart()メソッドを使って、数値を文字列に変換し、先頭に0を追加する手順を紹介します。日付や連番の整形など、実用的なコード例も掲載。
スポンサーリンク