ep.114『ランチャーアプリ Raycast はフロントエンドエンジニアこそ使いたい』

このエピソードについて

@spring-raining が、最近ランチャーアプリ Raycast を使い始めた @potato4d に Raycast の良さや Extension の開発について聞いてみました。

https://www.raycast.com/
Developer Friendly なランチャーアプリ
Alfred や Spotlight との比較
- @potato4d は元々 Spotlight 派
- Raycast は「軽い」「洗練されたUI」「高機能」が揃っている
重宝している機能・拡張
- 拡張の Authy 連携が非常に便利

実は Raycast は React + TypeScript で拡張機能が開発できる
Raycast Extension の技術スタック
- 普通の React よりは React Native のような使い心地
  - div などを自由に使えるわけではない
- React Component の部分以外は普通の TypeScript で記述可能
  - 外部の NPM パッケージや Node.js 標準のパッケージも導入可能
作ってみた Extension
- 社内の開発ドキュメント『UIT Playbook』向けの Extension を試しに開発
実装してみた結果
- 実装の書き味が良い
- JSX で Web 以外の UI が組めることによる良さは明確にある
課題点
- Markdown を使えるコンポーネントが、 CommonMark 準拠なので表現力はあまり高くない
- 非公開APIもあるのでオフィシャルにある全てのUIが表現できるわけではない
- ハイライトやスクロールがないのはちょっと残念？