あしあと

自分自身のログ(足跡)となります。ソフトウェアエンジニアです。ブログはテック系の内容が少し多めです。

Electron

Electronで右クリックを押した時に、文字を選択させない方法

Electronから迷った人向けのブログです。 環境 Electron ... 4.2.2 状況 Electronで右クリックを押した時、マウスが重なっている文字が選択されます。 選択が不要なので、右クリックを押した時に選択しないようにする対応です。 対応 Electoronの機能ではな…

Electron起動時に"Uncaught ReferenceError: require is not defined"が表示される

現象 Electron起動時に、"Uncaught ReferenceError: require is not defined"というエラーが表示される。 原因 require文が書かれているためです。 require文は標準の機能ではなく、Node.js側で用意された機能のため、標準のJavaScriptを利用する場合、使う…

Electronで場所によって右クリックの表示を変更する方法

Electronで場所によって右クリックの表示を変更する方法です。 結論 右クリックのカスタマイズはElectronが特別ではなく、Javascriptの仕様です。 ブラウザの右クリックの挙動はContext​Menusで変更することが可能です。 developer.mozilla.org これは、Elem…

Electronで前回の位置とサイズを保持する方法

Electronで簡単なデスクトップアプリを作成しています。 前回の位置とサイズを次回起動でも維持する方法についてまとめました。 同様の記事は少なく、あったとしても、古かったり要望とは異なっていたので、今回書きました。 前提 メインプロセス(main.js)…

Vue.jsでdataの追加が反映されない時の対応

少し悩んだので、まとめておきます。 環境 Electronの開発でVue.jsを利用しています。 Vue.jsは使い始めて1週間程度です。 electron ... 4.2.2 vue.js ... 2.6.10 状況 Vue.jsで以下のようなコードを書きました。 実際のソースコードを載せることができない…

Electronで開発時だけDevToolsを出すように切り分けた

背景 Electronでアプリを作っています。正確には作り始めました。 開発時はデバッグもしたいので、DevToolsを出しています。 そのため、そのままアプリをビルドすると、ビルド後のアプリでもDevToolsが出ます。 毎度DevToolsの箇所を消したり、コメントアウ…

(2019.05.10時点)Electronの日本語翻訳が少し古かった

最近Electronでデスクトップアプリを作成しています。 Macで開発しており、実際にデスクトップアプリを*.appにして使いたいと思いました。 で、Electronの公式ドキュメントを読んでいると、日本語と英語のドキュメントで内容が異なっていました。 異なってい…