Electron

インターネット小話

Google KeepをMacアプリとして使うなら?【Chromeのショートカット作成】

ブラウザに(Safariではなく)Chromeを利用しているなら、「その他のツール」にある「ショートカット作成」から、Macアプリのように扱うことができます。
ニッチな話題

Electronでレンダラープロセスからメインプロセスに処理を渡して、また戻る【async/await】

レンダラープロセスから、メインプロセスで処理を移した後、レンダラープロセスに処理を戻すには、どうすればよいかハマったのでメモをしておきます。 結果としては、IPC通信とasync, awaitという非同期の関数を利用することで、解決しました。 プロセス間通信と処理の流れ やりたいことは、・UIの実行ボタンが押して、・端末のファイル操作を行い、・終わってからUIに貯めた入力データをクリアする、という...
ニッチな話題

Electronで自作したツールを修正できた【Collup】

先日、修正しようと思っていた、自作ツールがなんとか動作するようになりました。 こんなツール プログラムのドラッグ領域にファイルをドラッグ&ドロップすると、リストに追加されます(複数のファイルをまとめてドラッグすることもできる)。 フォルダ名を入力すると、一つ上位のフォルダ内に新しくフォルダを作って、リストのファイルをすべて移動します(このとき、すでにフォルダがあれば、そのフォルダ内に移動する)。 ...
ニッチな話題

Electronでrequireができない?【プロセスとコンテクストとプリロードスクリプト】

Electronでスクリプトを書いていたところ、Node.jsのAPIとDOM要素を結びつけるのに迷いました。 main.jsではDOM要素にアクセスできず、HTMLから読み込んだスクリプト(renderer.js)ではNode.jsのAPIにアクセスできないからです。 「プロセスモデル | Electron」をもとに、それぞれの役割の違いを見てみましょう。 ポイント main.jsは、メインプロ...
ニッチな話題

「Electronクイックスタート」をMacでたどってみた【Electron Forgeのビルド】

前回は、Electronの環境を作ったのですが、既存のソースからのビルドはうまくいきませんでした。 というのも、設定が中途半端で fsやpathのライブラリがうまく読み込めないようです。 そこで、原点に帰って、改めてElectronのひな形をビルドしてみました。 Electronクイックスタート Electronの公式ドキュメント「クイックスタート」に沿って、アプリを作成します。 クイック スター...
ニッチな話題

久しぶりにMacでElectronを使えるようにした【node.jsでアプリ自作】

Macで動く自作ツールをJavaScriptでプログラムするために、Electronを使っていました。 久しぶりにプログラムを修正しようとしたら、electronコマンドが通りません。 改めて環境を構築しました。 ポイント electronのインストールで「sudo npm install -g electron --unsafe-perm=true --allow-root」でオプションを付加し...
とりあえずのメモ

Javascriptでmac用のツールを作ってみる【Electron】

簡単なファイル整理用のMacツールを作ってみたので、メモをしておきます。 ElectronとAtomとクロスプラットフォーム Electronというアプリ開発環境があります。もともとAtomというエディタソフトを開発するときに生まれました。 ちょうどGIMPを作るときに生まれたGTKみたいですね。 Atomエディタは、WindowsだけでなくMac, Linuxそれぞれで動くエディタです。クロスプ...