Raycastでランチャーアプリに入門してみた

## これは何

[Raycast](https://www.raycast.com/)なるランチャーアプリが便利そうということで、そもそもMac標準のSpotlightすらまともに使ってなかったので完全なる初心者目線でどんなことができるか調べて入門してみました。

## そもそもランチャーアプリとは

ランチャーアプリとは、キーボードショートカットなどを使ってさまざまな操作をスムーズに行えるアプリみたいです。

MacOS標準の「Spotlight」や今回試してみる「Raycast」の他にも色々なものがあるようですが、自分はRaycastの記事を読んで気になって導入をしてみたので特に比較等はして無いです :pray: 

自分が「Raycast」を使い始めてからよく使っている機能は、「計算機」「クリップボード」「アプリの立ち上げ」「スニペット」「ウィンドウのリサイズ」などです。
この辺りは、 [Raycastでできること](#Raycastでできること) で紹介します！

## Raycastを使ってみる

### インストール

サイトからダウンロードできます

https://www.raycast.com/

![](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/577501/ff4f91b9-2006-d9dd-62b6-c4772c563765.png)

### Raycastを起動する

デフォルトでは`Option + Sapce`で起動できます。
立ち上げのコマンドを変更できるので、自分は`Command + space`にしています。

コマンドの変更は`Command + ,`で設定画面に移動し、「Raycast Hotekey」から行えます。

![Raycastの設定画面のスクリーンショット。ジェネラルのタブ内に「Raycast Hoteke」の項目がある](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/577501/ecc13ce2-8376-5a4c-0ef8-3422c16b3839.png)

「Extentions」で、他の機能にもショートカットコマンドを設定できます。
自分はよく使うClipboard Historyにコマンドを設定しています。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/577501/5d232371-6297-4893-a55e-560d2d710c9c.png)

## Raycastでできること

個人的に便利そう、すぐ使えそうと感じたものをピックアップしてます。

### クリップボード

コーディングをしているとたまに同じ指定を何度も書かないといけないことがあります。

例えばまさに今自分は

```tsx
  alignItems: 'center',
  display: 'flex',
  gap: getSpace(1 / 2),
```

と10回くらい書いて指が腱鞘炎になりそうになってます。

コピーしておいてペーストすればいいのですが、他のテキストをコピーすると上書きされちゃうのでいちいちコピーし直すのが面倒で「じゃあ書いたほうが早いか」って思っちゃいます
（クリップボードを拡張できる機能などがあるのは知っていたけどそこまでするに至ってませんでした）

これをRaycastを開いて「Clipboard History」を選択するとこんな感じでクリップボードの履歴が出てきます

![](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/577501/0ab55e59-e12d-f5fb-3662-11484aab3ee8.png)

ペーストしたい要素を選択して「Enter」を押すと、選択している内容がペーストされます。
他のものをコピーしてからRaycastを開いてもさっき選択した内容が選択されているので繰り返し作業に便利です。

わざわざ個別にアプリをインストールや立ち上げせずとも利用できるのが便利で重宝しています。

### Snipet

一時的に使い回すものはクリップボードで十分ですが、定期的に使い回すものは呼び出せるようにして置けると便利です。

メモアプリやSlackなどにメモしておいてもそれを探して引っ張り出してくるのはなかなか面倒です。
以前はユーザー辞書を魔改造していましたが、英数入力だと変換が使えなかったり、何を入力すればどれを呼び出せるのかパッと思い出せなくて結局手打ちしたりしていました。

こうした使い回すコードなどをRaycastでスニペットを登録しておけば、設定したキーワードを打てば即座に変換できます。

スニペットを作成するには、Raycastを起動し、 「Create snippet」を選択します。

![](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/577501/9842d51a-d1ca-acc1-5281-3a39f1a0ccc4.png)|![](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/577501/ae06a483-5a03-2f2f-4504-5ec49d662448.png)
-|-

`Name`はそのままスニペットの名前、`Snippet`には呼び出したい内容、`Keyword`にはスニペットに変換されるテキストを入力します。

![Raycastのスクリーンショット。スニペットを作成している。](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/577501/a0a39846-147c-7941-80e5-312b49480171.png)

あとは、スニペットの内容を挿入したい場所でKeywordを入力すると、自動でスニペットに変換されます！

![](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/577501/91d62b13-37d8-c44f-92cf-ca5bb4b0a823.gif)

作成したスニペットの一覧は「Search Snippets」から確認できます。

### 画面の分割

「Window Management」で、選択しているウィンドウのサイズや配置を設定できます。
自分はよく使う「左半分（Left Half）」「右半分（Right Half）」「全体表示（Maximize）」にショートカットコマンドを設定しています。
左側にエディタ、右側にFigmaなどを表示したいときに便利です。

![](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/577501/17b8f3b9-0949-b387-de11-f3853297b94c.png)

### アプリケーションの起動

Spotlightと同様に、アプリケーション名を入力するとアプリケーションの起動ができます。

![Raycastのスクリーンショット。Figmaと入力した結果、Figmaのアプリケーションが表示されている。](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/577501/ba62cea2-9420-bbe7-a523-ffdfe34ea0dc.png)

自分はTouchbarにLaunchpadを追加して使っていたのでアプリケーションの起動に不便は感じていなかったのですが、Touchbarをタップするには一度キーボードから手を離すことになるので地味に動作がスムーズになります。

意外に『「〇〇」をするから「△△」からやる』をせずに「とりあえずRaycastを開いて検索」なのはスイッチングコストを削減してくれる気がします。

### 計算

こちらもSpotlightと同様に、計算式を入力すると、計算結果を表示してくれます。
「Enter」で計算結果をコピーすることもできます。

![Raycastの計算のスクリーンショット。入力した計算式と計算結果が表示されている。](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/577501/6d7e7c16-3ed6-4c52-f2ad-db570e873972.png)

### 絵文字の検索

地味にめちゃめちゃ便利です。
「Search Emoji」で絵文字を検索できます。プレビューも大きめで見やすいです。

![Raycastのスクリーンショット。Search Emojiを利用中で、「happy」と検索した結果笑顔の絵文字や虹の絵文字が出てきている。](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/577501/9c38b327-a36f-ea66-983d-339baf1081db.png)

ちなみに「⌘+K」のアクションメニューからUnicodeをコピーすることもできます。

![](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/577501/34955a07-f245-2a74-ee5c-96f7d6ca4c32.png)

## 終わりに

自分がRaycastを導入した感想は、「サクサク動いて使いやすい」「便利機能が一箇所にまとまっていてアクセスしやすい」「痒い所に手が届く細やかさ」という感じです。便利！

他にも、カスタムスクリプトを作成したり、SlackやGoogle driveなどのサービスと連携したり、チーム向けの機能があったり、便利そうな機能がたくさんあるので気になる方は公式サイトを見てみてください 🔽

https://www.raycast.com/