タグ:Electron 一覧

ElectronでTray iconを使う

Extensionを作れるようになると色々作ってしまうのですがパネルばかり作ってもパネルで画面が埋め尽くされて本来のワークスペースが破壊されて返ってやりづらくなりますしそもそもパネル自体できる事に限界があります。しかしパネル上ではできないメニューからの実行やキーボードショートカットといった機能も扱えれば可能性はもっと広がるでしょう。そして今回もElectronを使用するのですがElectronはwebベースの技術でUIが作れるだけでなくキーボードショートカット、アイコン、メニューといった幅広い機能をアプリケーションを制御できます。今回Trayアイコンの実装からscriptを実行するアプリケーシ

Read more

Electronでドロップアイコンを作る。(Win版)

jsとhtmlとcssでアプリが作れるElectronによるドロップアイコンを作る、のwindows版です。アイコンにファイルをドロップしてアプリケーションにファイルの情報を渡すシステムを使用した具体的な完成されたアプリケーションはこちらの記事をご参照ください。 macの場合はwill-finish-launchingイベントとopen-fileイベントでアイコンにファイルがドラッグされるのを待ってドラッグされたらコールバックでドラッグされたファイルを受け取りました。しかしこれらのイベント、ドキュメントを見るとわかるのですがopen-fileイベントはmac OSのみでwindowsではpro

Read more

Electronでドロップアイコンを作る。(mac版)

jsとhtmlとcssでアプリケーションが作れるElectronでドロップアイコンを作ってみます。Photoshopでいうドロップレット ですね。アップルスクリプトなんかでも作れるのですがそこはアップルスクリプト覚えるのめんどくさい、やりづらいという方向けにやっていきます。入門を済ませた方なんかはお分かりですがElectronはnpmでインストールするところから始めます。今回パッケージ化も行うのでそれを見越してパッケージ用のモジュール、electron-builderもインストールします。この時devDependenciesでインストールしてください。dependenciesでインストールする

Read more

ファイル操作からエクセル操作までjsでゴリ押しするためのElectron

Adobe scriptを書く方にとってはもはや当たり前となりつつあるJavascript。しかしAdobe周辺の作業に関わらずPC周りのあらゆる作業を自動で捌きたいと思った方も多いと思います。でも別言語はよくわからない、PowerShell?WSH?VBA何それ?Apple script?それ食えるの?という方にぴったりのネイティブアプリの開発方法、フレームワークがあります。Electronです。 Electron Electronとはhtml,cssでUI周りを作って内部の動きjsで作れるフレームワークです。つまりweb siteを作る技術でそのままアプリが作れる代物です。Adobe CE

Read more