20240820 はじめてvue coreにコントリビュートした話

Transcript

1. はじめてvue coreに コントリビュートした話
2. 自己紹介 キムハンセ 株式会社 インゲージ 顧客管理クラウドサービスの開発 好きなvueのメソッド：defineExpose
3. 題名通り、コントリビュートしました まだマージはされておらずですので coreのコントリビューターではありません ただ、良い体験だったため共有させていただきます！
4. vue coreとは？ Vue3のソースコード composition APIのコードが入っています
5. Evan Youさんに見てもらえるかも？ Viteの開発者としても有名なEvan Youさんが常に活動している ほぼ全てのPRを見て回っているのでレビューをもらったりすることができる
6. これまでに出したPR #11478 tsxでReactのようにgenericsが書ける #11656 v-modelのバグ修正
7. コントリビュート まずは、どうやって始めればいいの？ 思ったより調べても出てこない（ものによって違うため）
8. スタート CONTRIBUTE.md, contributing.mdを探しにいく オープンソースによって様々な文化があり、把握する必要がある 開発環境構築やissue・PR作成のルールなどを確認する
9. issue探し タグを見にいきます 多くのものは初心者が始めやすいissueに 「good first issue」がついている
10. vue/coreにはなかった...
11. vueの場合
12. 最初はp2を選びました そもそもp1のものがなかった 「tsxでgenericsを使えるようにしたい」 Reactだとこれができるけどなんでvueはできないの？（意訳）
13. そもそも直すべき？ メンバーの人たちとコミュニケーションを取る
14. コード直し どこを直せばいいかわからないので とりあえず生成AIに助けを求める（Claudeを使いました）
15. vueは優れた環境 Playgroundがあって、 今開発しているバージョンですぐ動作確認することができる
16. テストを書く テストがないものは マージされない vitestを使っていますが、 ほとんどjestなどと一緒
17. しかし... 　　　　　　2週間も反応なし！
18. 気長に待つ オープンソースなので最初はレビュワーを見つけることが大変 でも、気長に待つと見にきてくれる。
19. 丁寧にレビューしてもらえます
20. 良かったところ 「これは言語の仕様か ...」で終わらない 足りないと思ったらとりあえずissueを投げてみるのもあり あまり大きな機能はみんなで決めるが、細いところは通るイメージ
21. 良かったところ 知らなかった書き方がわかる 様々な環境で書いているvueのコードに触れることができる 全部ドキュメントに書いてはいるけど、やはり網羅はできない 最近やっと「書き込み可能なcomputed」と「cssのv-bind」を 知りました。
22. しかし、疲れる 仕事終わりにまた開発か... 楽しさを感じないと続けるのは難しいかも
23. 一緒にVue作っていきましょう！！