maxogden/menubarを触ってみた
何?
メニューバーデスクトップアプリケーションを簡単に作れるブツ。
Electron製なのでクロスプラットフォームなデスクトップアプリが作れる!
早速動かしてみる
git clone git@github.com:maxogden/menubar.git cd menubar/example npm i npm start
動いた!
メニューバーに黒猫のアイコンが表示され、「hello world」と表示されました。
なお、アプリとしてちゃんとビルドする場合は、npm run build
です。
オリジナルで使う場合に注意する点は?
特に。package.jsonとindex.htmlとmain.jsと、アイコンの画像があれば動きそうな感じです。
{ "name": "example-menubar-app", "version": "1.0.0", "description": "example menubar electron app", "dependencies": { "menubar": "*" }, "devDependencies": { "electron-packager": "^4.0.2", "electron-prebuilt": "0.26.1" }, "main": "main.js", "scripts": { "build": "electron-packager . Example --platform=darwin --arch=x64 --version=0.26.0 --ignore=node_modules/electron --icon=Icon.icns", "start": "electron ." } }
electron-packager
とelectron-prebuilt
が重要みたいですね。
何に使えそう?
会社のサイボウズのスケジュール取るやつとか作りたいなぁ。コツコツ作るか。
参考
昨日見つけた文字入力ツールで興味を持ちました。