Kloud LT #2 - Contribution は難しくない、みんなできる

2023/07/02 に開催された、高等専門学校生 (高専生) 向けコミュニティ「Kloud」主催の "Kloud LT 会" #2 で発表したスライドです。
Raycast はすごいんだぞという話と、初めて Contribution をしたときの体験談を話しています。

Transcript

1. Do contribution, it's easy Kloud LT #2 茨城高専 5I / Flisan CC BY-NC 4.0 Contribute は 、 みんな 難しくない できる *
2. 自己紹介 フライさん#3050 私のアイコン (全身) です 所属校 独14構 茨城高専 学科 / 年 情報系 5 年生 専門 フロントエンドエンジニア ↑早くフルスタックになりたいです スタック フロント: TS + Next.js (React) バック: Rust (ほんの少し), Python 特記事項 何回発表練習しても 15 分を超えてしまうので
 2, 3 分超えてもバレへんやろという気持ちで挑みます
 (マジでごめんなさい) OSS 活動 最近初めて Contribute しました（raycast/extensions) 環境 メインで使ってる端末を最近 MacBook Air に変えました Kloud LT #2 | CC BY-NC-4.0 (by Flisan) Contribution は 、みんな 難しくない できる
3. 自己紹介 フライさん#3050 私のアイコン (全身) です 所属校 独14構 茨城高専 学科 / 年 情報系 5 年生 専門 フロントエンドエンジニア ↑早くフルスタックになりたいです スタック フロント: TS + Next.js (React) バック: Rust (ほんの少し), Python 特記事項 何回発表練習しても 15 分を超えてしまうので
 2, 3 分超えてもバレへんやろという気持ちで挑みます
 (マジでごめんなさい) OSS 活動 最近初めて Contribute しました（raycast/extensions) 環境 メインで使ってる端末を最近 MacBook Air に変えました Kloud LT #2 | CC BY-NC-4.0 (by Flisan) Contribution は 、みんな 難しくない できる もともとは Linux 機に住んでた
 (btw I use(d) arch)
4. 今回の発表について Contribute は難しくない、みんなできる 私のアイコン (全身) です 対象 Raycast をよく知らない人
 OSS にまだ PR を出したことがない人 喋ること Raycast は素晴らしいということと、PR を出した自慢を して「お前も Contribution をやらないか」という話を します Kloud LT #2 | CC BY-NC-4.0 (by Flisan) Contribution は 、みんな 難しくない できる
5. 最近の私の開発環境リニューアルと Raycast との出会い (Arch Linux → macOS) Kloud LT #2 | CC BY-NC-4.0 (by Flisan) Contribution は 、みんな 難しくない できる
6. macOS のエコシステム　やべえよ – Arch Linux を使っていて、Dotfiles とかのメンテナンスがしんどくなってきてしまっH – どうやら macOS の世界には、iPad をサブディスプレイとして使える最強の機能や、
 AI がコマンドを書いてくれる魔法のターミナルがあるらしい Kloud LT #2 | CC BY-NC-4.0 (by Flisan) Contribution は 、みんな 難しくない できる
7. Raycast との出会い F こいつがやべC F マジでエグすぎ2 F macOS 結構使う人 + キーボード操作大好きな人は入れて損ない Kloud LT #2 | CC BY-NC-4.0 (by Flisan) Contribution は 、みんな 難しくない できる
8. Raycast との出会い Kloud LT #2 | CC BY-NC-4.0 (by Flisan) Contribution は 、みんな 難しくない できる y 古代の「火」の発明ぐらいやべd y 偉業
9. Todoist Raycast とは? Fig1. The abstract architecture of Raycast (sorta) Kloud LT #2 | CC BY-NC-4.0 (by Flisan) Contribution は 、みんな 難しくない できる GitHub Calendar 私（全ユーザ代表）
10. Todoist Raycast がヤバい理由 Fig1. The abstract architecture of Raycast (sorta) Kloud LT #2 | CC BY-NC-4.0 (by Flisan) Contribution は 、みんな 難しくない できる GitHub Calendar 私（全ユーザ代表）
11. Todoist Raycast がヤバい理由 Kloud LT #2 | CC BY-NC-4.0 (by Flisan) Contribution は 、みんな 難しくない できる GitHub Calendar 1,043 extensions
12. Todoist Raycast がヤバい理由 Kloud LT #2 | CC BY-NC-4.0 (by Flisan) Contribution は 、みんな 難しくない できる GitHub Calendar 1,043+α extensions
13. Raycast がヤバい理由 H 自分の好きな Extension を入れて、Alias や Hotkey を設定することで天才になれます Kloud LT #2 | CC BY-NC-4.0 (by Flisan) Contribution は 、みんな 難しくない できる
14. macOS のエコシステム　やべえ 5 Raycast があまりにもやばすぎる Kloud LT #2 | CC BY-NC-4.0 (by Flisan) Contribution は 、みんな 難しくない できる
15. Friendship ended with Linux, now macOS is my best friend … 結果 Linux を手放して macOS になりましV … 結果ガチッとハマりました　Raycast と yabai 大好5 … Arch Linux 機は Proxmox VE 機になりましたが、この話は別のタイミングで Kloud L T #2 | CC BY-NC-4.0 (by Flisan) Contribution は 、みんな 難しくない できる
16. Raycast の GitHub Extension に コントリビュートした話 Raycast の GitHub Extension に コントリビュートした話 Kloud LT #2 | CC BY-NC-4.0 (by Flisan) Contribution は 、みんな 難しくない できる
17. GitHub Extension には、"Search Pull Request" 機能がある H その名の通り、PR を検索する機能です Kloud LT #2 | CC BY-NC-4.0 (by Flisan) Contribution は 、みんな 難しくない できる
18. GitHub Extension には、"Notification" 機能もある @ その名の通り、通知を見る機能です Kloud LT #2 | CC BY-NC-4.0 (by Flisan) Contribution は 、みんな 難しくない できる
19. PR の番号が書いてない… 3 Notification の方には PR の番号が書いていなかった Kloud LT #2 | CC BY-NC-4.0 (by Flisan) Contribution は 、みんな 難しくない できる
20. けっこうつらい ` 私は gh pr checkout コマンドをめちゃくちゃよく使いま0 ` PR レビューするときとか、PR の番号をサッと見してからこれでチェックアウトするとかを
 よくやる Kloud LT #2 | CC BY-NC-4.0 (by Flisan) Contribution は 、みんな 難しくない できる
21. けっこうつらい 9 PR の URL をコピーする機能はすでにあ% 9 でもその機能発火するの……めんどくさくない? Kloud LT #2 | CC BY-NC-4.0 (by Flisan) Contribution は 、みんな 難しくない できる
22. かねてから、Contribution というのは夢だった X 「これあったらいいんじゃない?」とか、「これ作ります/ました」というのをやってみたかっC X 「タダ乗り」というのにもんもんしていた Kloud LT #2 | CC BY-NC-4.0 (by Flisan) Contribution は 、みんな 難しくない できる
23. 立てた & 立てまし% & 先程喋った内容を Issue に込めて書いた Kloud LT #2 | CC BY-NC-4.0 (by Flisan) Contribution は 、みんな 難しくない できる
24. メンテナさんからの (Pre-) Go サイン T メンテナさんからだいたい 2, 3 日で返信をいただいた (他の Issue もこんな感じだった) "機能リクエストありがとう! やってみる? PR 開けられるようにいろいろ教えることもできるよ。 なにかあったらここか Slack で連絡してね" Kloud LT #2 | CC BY-NC-4.0 (by Flisan) Contribution は 、みんな 難しくない できる
25. YES  もとからやるつもりだったのでやると申しました "やべ返信遅くなったごめん、やります　それと、手助けありがとうございます! 参考程度ですが、…… という方針でやろうと思っています" Kloud LT #2 | CC BY-NC-4.0 (by Flisan) Contribution は 、みんな 難しくない できる
26. コードを書く @ このリポ規模が異常すぎ$ @ このリポ、Extensions の森羅万象が入ってるのでまあこうなってしまう、、 Kloud LT #2 | CC BY-NC-4.0 (by Flisan) Contribution は 、みんな 難しくない できる
27. Sparse Checkout というものを知りました – 指定したディレクトリだけいい感じに引っ張ってきてバージョン管理できるという機能を見つけq – めちゃくちゃ便5 – 詳細は https://leico.github.io/TechnicalNote/Git/sparse-checkout Kloud LT #2 | CC BY-NC-4.0 (by Flisan) Contribution は 、みんな 難しくない できる empty extensions Remote "origin" raycast/extensions Remote "origin" raycast/extensions core.sparsecheckout true core.sparsecheckout true core.sparsecheckout true core.sparsecheckout true Remote "origin" raycast/extensions Remote "origin" raycast/extensions Ù× package-lock.jsoÊ Ò× extensions/github Ù× package-lock.jsoÊ Ò× extensions/github extensions/ github/ src/ ... package.json README.md ... package-lock.json git pull
28. Raycast Extensions の Developer extensions のはなし ‡ Raycast には、Extension 開発用の Dev Server がついていE S 開発中の Extension の Raycast への登録や、Hot reload まで何でもできる Kloud LT #2 | CC BY-NC-4.0 (by Flisan) Contribution は 、みんな 難しくない できる
29. Raycast Extensions の Developer Experience のはなし Kloud LT #2 | CC BY-NC-4.0 (by Flisan) Contribution は 、みんな 難しくない できる p Raycast の Extensions は React で書かれてい“ p 見慣れたフックとかがいろいろ使えるようになっている
30. Raycast Extensions の Developer Experience のはなし Kloud LT #2 | CC BY-NC-4.0 (by Flisan) Contribution は 、みんな 難しくない できる n じゃあ Electron 製‘ n いや、ネイティブで‡ n 自前のレンダラを作っている
31. Raycast Extensions の Developer Experience のはなし Kloud LT #2 | CC BY-NC-4.0 (by Flisan) Contribution は 、みんな 難しくない できる d React のレンダーツリーを、ネイティブなものに変換する reconciler というものを作った (らしいx d React Native の仕組みと似ている (らしい) Extensions via React Raycast Understands OS' native Render tree
32. というわけで普段通りの TypeScript を使えます Kloud LT #2 | CC BY-NC-4.0 (by Flisan) Contribution は 、みんな 難しくない できる l 素晴らしh l Raycast は Extensions の Developer experience が最強すぎる
33. こうなった Kloud LT #2 | CC BY-NC-4.0 (by Flisan) | The code is licensed under MIT license Contribution は 、みんな 難しくない できる w JSX 書かなかった (´・ω:;.:..€ w ヘルパー関数にロジックを追加して関数分けをすることにとどまりましw w 既存の設計をそのまま残すことも考えたが、そうするとぐちゃぐちゃに
 なりそうだったので分けちゃった
34. PR を立てる Kloud LT #2 | CC BY-NC-4.0 (by Flisan) Contribution は 、みんな 難しくない できる
35. PR を立てた Kloud LT #2 | CC BY-NC-4.0 (by Flisan) Contribution は 、みんな 難しくない できる z Raycast で用意されている公開用ツールを使ったら何も書かれてない状態で PR が立ってしまっ’ z 急いで PR を編集してちゃんと fulfilv z 書いてる間にメンテナさんが Assignee 設定して焦った
36. PR を立てた Kloud LT #2 | CC BY-NC-4.0 (by Flisan) | The code is licensed under MIT license Contribution は 、みんな 難しくない できる u すぐレビューが来た（すごいv u コードスタイルについてでした "PR どうも! もうちょっとシンプルに書けそうやな"
37. わあい Kloud LT #2 | CC BY-NC-4.0 (by Flisan) Contribution は 、みんな 難しくない できる  Change を apply して type declaration 直して、すぐマージしてもらえましU  うれしい!
38. いろいろなところで私の名前が載りました Kloud LT #2 | CC BY-NC-4.0 (by Flisan) Contribution は 、みんな 難しくない できる s その後、一瞬で変更が Publish され• s Raycast Store に乗せてもらえたし、GitHub Extensions 関連の Issue が立つとメンションが
 来るようになった
39. 今や Notification に番号が表示されるようになりました Kloud LT #2 | CC BY-NC-4.0 (by Flisan) Contribution は 、みんな 難しくない できる l また最強のツールを作り上げてしまったk l メニューバーから生えるメニューにも番号がついたのが一番便利かも
40. 一番うれしかったのがほめられたこと Kloud LT #2 | CC BY-NC-4.0 (by Flisan) Contribution は 、みんな 難しくない できる m メンションが Bot 以外から飛んできてなんだと思ったら褒められが発生していw m 本当にうれしかったです（親に自慢しました） "@loxygenK の PR/Issue の番号を出すやつには激感謝やな、ただリポジトリがわからんのはしんどみが深いなあという顔になってしまった"
41. Contributions、しよう! Kloud L T #2 | CC BY-NC-4.0 (by Flisan) Contribution は 、みんな 難しくない できる
42. Contribution、しよう Kloud LT #2 | CC BY-NC-4.0 (by Flisan) Contribution は 、みんな 難しくない できる v バグを調査して Issue とか投げたりするのも立派な Contribution だと思いま v 英語も ChatGPT とかに頼ることができ‡ v 添削とかもお願いできるし 事前調査をしてなかったり、 テンプレがちゃんと埋まってない みたいな雑なのはまずいカモ
43. Contribution、しよう Kloud LT #2 | CC BY-NC-4.0 (by Flisan) Contribution は 、みんな 難しくない できる u コードを書けるなら PR も出せh u 相手が気に食わなかったら RC してくれるし (否定されるのは悪いことじゃない™j u 周辺のコードを見ればだいたいのコードスタイルとかはわかる
44. Contribution、しよう Kloud LT #2 | CC BY-NC-4.0 (by Flisan) Contribution は 、みんな 難しくない できる k チャットなのでコミュニケーションの負荷も高くないということを知りましp k ちょっとぐらい遅くなってもまあ（ケースバイケース）
45. 発展に一役買おう! それと macOS 使ってて Raycast 使ってない人は入れよう! Kloud L T #2 | CC BY-NC-4.0 (by Flisan) Contribution は 、みんな 難しくない できる
46. Do contribution, it's easy Kloud LT #2 茨城高専 5I / Flisan CC BY-NC 4.0 Contribute は 、 みんな 難しくない できる *