3
2

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

Alfredで複数クエリのカスタムサーチを作る

Last updated at Posted at 2019-09-30

有料のPowerpackが必要になります。

複数クエリのカスタムサーチの作り方についてです。

例として、Yahoo路線情報を使います。
最低限必要なパラメーターは、fromtoです。
乗換案内に必要なURLは、以下のようになります。

https://transit.yahoo.co.jp/search/result?from=東京&to=横浜

1. ワークフローを追加する

1.png
2.png

1-1. AlfredのPreferencesを立ち上げる
1-2. サイドバー下部の+ボタンをクリック
1-3. Blank Workflowを選ぶ
1-4. Nameをつける(ワークフローの名前)

2. keywordを追加する

3.png
4.png

2-1. 右ペイン上で右クリックし、inputs > keywordをクリック
2-2. Keywordを適当に入力(呼び出す際のキーワードになります。ここではtransitにします)
2-3. Titleを適当に入力
2-4. 保存

3. スクリプトを追加する

5.png
6.png

3-1. 右ペイン上で右クリックし、Actions > Run Scriptをクリック
3-2. 上部セレクトメニューを変更
3-2-1. /usr/bin/bash/usr/bin/osascript(JS)にする(JavaScriptで書きたいので)
3-2-2. with input as argvwith input as {query}にする
3-3. スクリプトを入力
3-4. 保存

挿入されているテンプレートを参考に編集します。
transit 東京 横浜のように入力したいので、
クエリをスペース区切りの文字列で受け取るようにします。

\sで分割、fromtoに代入します。
encodeURIComponentで日本語をエンコードします。

((encode) => {
  const query = '{query}';
  const [from, to] = query.split(/\s/);
  return `https://transit.yahoo.co.jp/search/result?from=${encode(from)}&to=${encode(to)}`;
})(encodeURIComponent);

4. ブラウザで開けるようにする

7.png
8.png

4-1. 右ペイン上で右クリックし、Actions > Open URLをクリック
4-2. 保存

5. 仕上げ

9.png

各セグメントを繋ぎ合わせます。
セグメントをクリックすると、緑色のボーダーが付きます。
右側に突起があるので、それを隣のセグメントまでドラッグして伸ばします。

使ってみる

Alfredを起動して以下のように入力します。
キーワードは、2-1. Keywordを適当に入力で入力したものになります。(ここではtransit)

transit 東京 横浜

まとめ

複数クエリのカスタムサーチの作り方でした。
もっと簡単に作れる方法をご存知の方がいましたら、ぜひコメントで教えてください。

3
2
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
3
2

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?