Slide 1
Slide 1 text
TypeScript x Raycast x
AIで変える開発者体験
M Yano
Date 2024.10.02
Slide 2
Slide 2 text
アジェンダ
Raycastについて
Raycast x AIを活用したTipsの紹介
TypeScript x Raycast x AIを活用したTipsの紹介
※注意事項
発表内容にはRaycastのProプランで使えるを含みます。
※本発表の内容にある情報で再現は可能です！
Slide 3
Slide 3 text
自己紹介
Michitoshi Yano（@nagauta_jp)
TypeScript歴：1年 くらい
Raycast 歴：2年 くらい(最近Raycast Community Japanを始めました)
所属：株式会社 All Ads（2023/03 に 株式会社 Macbee Planet にM&A）
開発：広告トラッキングシステムなど
Intro
Slide 4
Slide 4 text
Raycastについて
Slide 5
Slide 5 text
Raycastとは
Slide 6
Slide 6 text
Raycastとは
Slide 7
Slide 7 text
Raycastとは
Slide 8
Slide 8 text
Raycast Extensionの紹介
Slide 9
Slide 9 text
Raycast AI(Pro only)
Slide 10
Slide 10 text
Raycast AI (Pro only)
色々なアプリを開きながらAIが使える
画像生成もできる
ファイルを渡して抽出や分析もできる
Slide 11
Slide 11 text
Raycast AI (Pro only)
Slide 12
Slide 12 text
Raycast AI (Pro only)
Slide 13
Slide 13 text
Raycast AI Command(Pro only)
Fix Spelling and Grammer
選択したテキストのスペルや文法を修正してくれる
Slide 14
Slide 14 text
Raycast AI Command(Pro only)
Translator
Raycastが外国語を翻訳してくれる
Quicklinksとdeeplinkを組み合わせると
キーボードで呼び出せる
”raycast://extensions/raycast/translator/translate?
fallbackText={selection | raw}”
Slide 15
Slide 15 text
Raycast AI Command(Pro only)
オリジナルのAIコマンド
Chrome extensionと連動し
Websiteの情報を扱うことできる
”{browser-tab}の内容をわかりやすく
要約してください”
Slide 16
Slide 16 text
TypeScript x AIでRaycastを拡張する
Slide 17
Slide 17 text
TypeScript x AIでRaycastを拡張する
TypeScriptで自作するAIコマンド
今開いているページの情報を要約させる
Slide 18
Slide 18 text
TypeScript x AIでRaycastを拡張する
TypeScriptで自作するAIコマンド
Script Commandという機能で
好きな言語をRaycastで実行できる
ちょっとVS Codeに切り替えて補足します...
Slide 19
Slide 19 text
TypeScript x AIでRaycastを拡張する
TypeScriptで自作するAIコマンド
Apple Scriptで開いているページを取得する
Playwriteでページのコンテンツを取得する
OpenAI APIでChatGPTに要約させる
Slide 20
Slide 20 text
TypeScript x AIでRaycastを拡張する(Pro only)
TypeScriptで自作する拡張機能
対象のRepositoryのPRコマンドを提案してもらう
Slide 21
Slide 21 text
TypeScript x AIでRaycastを拡張する(Pro only)
TypeScriptで自作する拡張機能
Pro plan向けの公式APIが提供されている
開発者はこのAPIを使うだけでAIの機能を実装できる
Slide 22
Slide 22 text
TypeScript x AIでRaycastを拡張する(Pro only)
Slide 23
Slide 23 text
宣伝: 2024/11/23 中島聡さんとAI x Raycastイベント
Slide 24
Slide 24 text
宣伝: 2024/11/23 中島聡さんとAI x Raycastイベント
募集中です
A スポンサ8
A 登壇7
A 参加者
X(Twitter)
Slide 25
Slide 25 text
ありがとうございまし
た！
Slide 26
Slide 26 text
Appendix
今回紹介したウェブサイト要約コマンド/拡張機能 Repos
https://github.com/raycast-jp/typescript-raycast-ai-tips
今回紹介したAIを活用したPR要約拡張機能 Repos
https://github.com/raycast/extensions/blob/main/extensions/ai-
git-assistant/src/generate-pr-description.tsx#L3-L5
Raycast日本コミュニティのconnpass
https://raycast.connpass.com/
Raycast日本コミュニティのウェブサイト
https://devx.jp/
Raycast日本コミュニティのX(Twitter)
https://x.com/Raycast0731