Alfred workflowを簡単に作れるalfyの紹介

Alfred workflowをJavaScriptで簡単に作れる alfy を紹介します。

alfyとは何者か？

Alfred workflowを作るためのJavaScriptフレームワークです。 このalfyを使うことで、入出力やcache、データのフェッチ、workflowのインストールを簡単にできるようになります。

Alfred workflowの作り方

alfyを使ったAlfred workflowを作る手順は次のとおりです。

1. Alfred workflowの画面でブランクのworkflowを作成します。(左下のプラスボタンね)

名前とかは適当に決めれば良い。

1. Script Filterを追加する

右クリック -> Inputs -> Script Filter でScript Filterを追加し、 Language を /bin/bash に設定し、次のスクリプトを設定します。

./node_modules/.bin/run-node index.js "$1"

1. keywordには実行する際のコマンドを設定します。

2. workflowが格納されているディレクトリを開きます。

サイドバーのワークフローを右クリックをして Open in Finderを選択します。

1. Node.jsの設定をします。

$ npm init
$ npm install --save alfy

1. package.jsonにscriptsを設定してください。

scripts の postinstall と preuninstall にalfyのコマンドを記述することで、npmパッケージをインストール時に Alfred workflowに登録することができます。

{
	"name": "alfred-unicorn",
	"version": "1.0.0",
	"description": "My awesome unicorn workflow",
	"author": {
		"name": "Jane Doe",
		"email": "janedoexxxxxxxx@gmail.com",
		"url": "janedoexxxxxxxx.com"
	},
	"scripts": {
		"postinstall": "alfy-init",
		"preuninstall": "alfy-cleanup"
	},
	"dependencies": {
		"alfy": "*"
	}
}

1. index.jsにコードを書きます。

サンプルプログラム

サンプルとして qiitaのタグ取得APIを叩いて、引数にマッチングするタグを検索するサンプルプログラムです。

const alfy = require('alfy');

const data = await alfy.fetch('https://qiita.com/api/v2/tags?page=1&per_page=10&sort=count');

const items = alfy
	.inputMatches(data, 'id')
	.map(element => ({
		title: element.id,
		subtitle: element.items_count,
		arg: `https://qiita.com/tags/${element.id}`
	}));

alfy.output(items);

Tweet