さりげない機能だけど、とても便利なQuicklink

とても久しぶりなQiitaへの記事投稿となります。

今年からランチャーアプリの[Raycast](https://www.raycast.com/)を使い始めました。
いろいろとご縁がありRaycastの[日本コミュニティ](https://raycastcommunityjapan.slack.com/join/shared_invite/zt-2o0futx5u-BMDYt7shHqAT2Fa82SPLfQ#/shared-invite/email)に参加させていただいています。

今回はRaycastの中でも、ちょっとした機能だけど地味にとても便利な機能である **Quicklink** という機能について紹介したいと思います。

# RaycastのQuicklinkとは
簡単に言ってしまうとURLやパソコン内のフォルダを指定して、指定のアプリで開くことができる機能です。(この説明であっているのか分かりませんが…)
もちろんDynamic Placeholderというプレースホルダを指定することもできます。

# 一発でサイトを新規タブで開く
まずは簡単にあるサイトを一発で新規タブで開くQuicklinkを作ってみましょう。
サンプルとして、RaycastのStoreというRaycastにインストールできるExtensionを検索できるページを利用したいと思います。

まずはRaycastを開きます。
検索バーに `quicklink` と入力すると、特に設定を編集していなければQuicklinkに関する結果がでてくるかと思います。
その中の `Create Quicklink` を選択します。
![スクリーンショット 2024-12-18 15.53.38.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/42363/0418b143-f878-5ba7-0f68-ac2c31cdb854.png)

すると、Quicklinkの作成画面に切り替わります。
![スクリーンショット 2024-12-18 15.54.02.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/42363/bd2ffbe8-32b2-62ed-3ca9-85f7d1e82b75.png)

`Name` フォームにはQuicklinkの名前を入力します。お好きな名前でどうぞ。
今回は、`RaycastStoreサンプル` としたいと思います。

次に `Link` です。
このLinkにサイトのURLを入力します。
今回ですと、`https://www.raycast.com/store` になります。

次に`Open With` です。
これはLinkを開くアプリケーションを選択しますが、今回はブラウザなので、このまま `Default Browser` としたいと思います。


最後に `Icon` です。
これは基本的にはLinkを入力すると、自動的にfaviconを元に取ってきれくれますが、自由に選択可能です。


最終的には次のように入力されているかと思います。
![スクリーンショット 2024-12-18 16.01.21.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/42363/b534560c-8747-f2a8-0082-1f04a8310931.png)

では、保存のために `⌘` + `Enter` を押しましょう。

早速、作成したQuicklinkを開くためにRaycastを立ち上げて検索します。
![スクリーンショット 2024-12-18 16.01.37.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/42363/7c853801-68d8-2287-9660-c92916ff03e9.png)

選択した状態でエンターキーを押すと、デフォルトブラウザーで開きます！

でも、ちょっと待ってください！！！
いちいち検索バーに `raycast store` なんて長いキーワード入力したくないですよね？
そこで、エイリアスという機能を使うことで、好きなエイリアスを指定できて、それで検索することができます。

## エイリアスの設定
Raycastを立ち上げて、`Extensions (Raycast Settings)` を検索して、選択します。
![スクリーンショット 2024-12-18 16.02.41.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/42363/b6b758b1-b3a4-7c17-f238-dd19ce001b2b.png)

すると、Extensionの一覧が表示されるので、検索バーの横にある `Quicklinks` を選択するとQuicklinksだけを絞り込むことができます。

その中から、先ほど作成したQuicklinkを探して、`Add alias` のフォームに今回は `rs` と入力しましょう。
![スクリーンショット 2024-12-18 16.03.14.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/42363/ed22c348-5795-11ce-a2b4-b51238704af0.png)

Raycastを立ち上げて、検索バーに `rs` と入力すると、、、作成したQuicklinkがヒットします！
便利ですね！
![スクリーンショット 2024-12-18 16.11.41.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/42363/5db95c34-7993-9ecc-4298-282d93fdf003.png)

## Dynamic Placeholder
つぎにAmazon.co.jpから商品を検索するQuicklinkを作成しましょう。
今回、検索の条件としては、`Amazon.co.jp販売・発送` の商品としたいと思います。(地味に愛用しています笑)
この条件で検索するにはURLに`&emi=AN1VRQENFRJN5`と追加すれば良いようです。

https://hikaku.kurashiru.com/articles/01HDMTGJBPTQQDBA5ZMXVBAQQN#hk_block_553751

`k=` のあとに検索キーワードを入力することで、検索することが可能です。
最終的にURLは `https://www.amazon.co.jp/s?&emi=AN1VRQENFRJN5&k=`となります。
そして、この`k=`の後に`Dynamic Placeholder`を使用してキーワードを埋め込んでURLを開きます！

では、Quicklinkを作成しましょう。
先ほどと同じように `Create Quicklink` を検索して、作成画面を開きます。
`Name`は`Amazon.co.jp Amazon販売・発送` とでもしましょう。


そして、`Link` です。
まずはDynamicPlaceholderを設定していないURL(`https://www.amazon.co.jp/s?&emi=AN1VRQENFRJN5&k=`) を入力します。

現時点では次のような画面になっているかと思います。
![スクリーンショット 2024-12-18 16.30.33.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/42363/ff322c56-9f9d-2d30-0fea-76869665e052.png)


そして最後の`k=` の後ろにカーソルがある状態で、波括弧`{` を入力しましょう。
すると、いろいろとでてきましたね！

![スクリーンショット 2024-12-18 16.30.41.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/42363/cca981d8-1cb5-bbb7-9edd-e76f091d7e49.png)


これがQuicklinkで提供されているDynamicPlaceholderの一覧です！
いろんなDynamicPlaceholderがあるので遊んでみてください。
Raycastの他の機能であるSnippetなどでもDynamicPlaceholderが利用できます。
こちらがRaycast公式のDynamicPlaceholder一覧のページです。

https://manual.raycast.com/dynamic-placeholders

話がそれました。
それでは今回は `Argument` を選択します。


すると自動的にカーソルの位置に入力されます。
![スクリーンショット 2024-12-18 16.30.58.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/42363/78e0b017-1747-e608-973e-55252caa0579.png)

今回はこのまま `⌘` + `Enterキー` を押して保存しましょう。

Raycastを立ち上げて`amazon`と入力すると、作成したQuicklinkがヒットします。
![スクリーンショット 2024-12-18 16.32.20.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/42363/ad65216e-ef7d-9390-30c5-21f403db41c8.png)

検索結果を選んでEnterキーを押すと、`Argument` の入力欄に移動するので、今回は `ティッシュ` と入力して検索してみたいと思います笑

![スクリーンショット 2024-12-18 16.32.45.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/42363/7c05d66e-4b08-5a42-5833-2bbb29a55a0f.png)

すると、Amazon.co.jpが開いて、ティッシュを検索することができました！
![スクリーンショット 2024-12-18 16.37.47.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/42363/22fb52de-9693-fd12-f4cf-5bc72e0eab30.png)

私はこのQuicklinkを多用してます笑
これを利用して、最近Nixに触れていてパッケージを検索することが多いので、同じような要領でQuicklinkを作成して、Raycastから検索ページを直接開いています！

---

このQuicklinkは共有機能もあります。(私はまだ共有したことないですが…)
すでに共有されているQuicklinkはこちらのRaycast公式ページから検索することができます。
見ているだけでもいろんな発見があって面白いですよ！！

https://ray.so/quicklinks/file-system


今回は簡単ではありますが、RaycastのQuicklinkという機能を紹介しました。
これ以外にもパソコン内のフォルダを開いたり、いろんな使い方があります。
ぜひ遊んでみてください！
よいRaycastライフを！！！ 😆

ぜひRaycast日本人コミュニティ、Raycast公式コミュニティにもご参加ください！
お待ちしております👍️


# Raycast公式コミュニティ(Slack)

https://join.slack.com/t/raycastcommunity/shared_invite/zt-2wk1oqpck-75kEc29rX1dlcUe4I1oXVg

# Raycast日本人コミュニティ(Slack)

https://join.slack.com/t/raycastcommunityjapan/shared_invite/zt-2whl6ywg5-A4kzodpbbPQMYHjgbhZlsA