なっく日報

技術やら生活やらのメモ

maxogden/menubarを触ってみた

github.com

何?

メニューバーデスクトップアプリケーションを簡単に作れるブツ。

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-packagerelectron-prebuiltが重要みたいですね。

何に使えそう?

会社のサイボウズのスケジュール取るやつとか作りたいなぁ。コツコツ作るか。

参考

昨日見つけた文字入力ツールで興味を持ちました。

github.com