ゼロから始めるVue.jsコミュニティ貢献 / first-vuejs-community-contribution-link-and-motivation

UV Study : Vue.js LT会（主催：ユニークビジョン株式会社様）

リンクアンドモチベーション登壇資料（2024/04/23）

『ゼロから始めるVue.jsコミュニティ貢献』

#vuejs #リンモチ
=============================================
【イベント情報】
■イベントページ
https://uniquevision.connpass.com/event/311383/

【株式会社リンクアンドモチベーション】
■お問い合わせ
　engineer_pr@lmi.ne.jp
■テックブログ
　https://link-and-motivation.hatenablog.com/
=============================================

Transcript

1. © Link and Motivation Group ゼロから始める Vue.jsコミュニティ貢献 クロスセル推進ユニット / コミュニケーションクラウドグループ 小宮 慎ノ介
2. 2 © Link and Motivation Group 小宮 慎ノ介 株式会社リンクアンドモチベーション • 2019年新卒入社 • フルサイクルエンジニア • 初めて触ったFrontフレームワークはVue.js 自己紹介 https://github.com/ShinnosukeKomiya https://twitter.com/komishinnnn
3. 3 © Link and Motivation Group リンクアンドモチベーションについて 327億円（2022年12月時点） （2022年12月時点） 11社
4. プロダクト紹介 働きがい あふれる社会へ
5. モチベーションクラウド 診断 変革 ※ 2022年度 実績 10,060 社 312 万人
6. 導入企業様 ※2023年1月時点実績（https://www.motivation-cloud.com/）
7. © Link and Motivation Group 7 今日お話したいこと
8. 8 © Link and Motivation Group 皆さんOSS活動ってどう思いますか？
9. 9 © Link and Motivation Group 自分はやらない理由を探してやってませんでした 本業も忙しいし、難しそう でも、何となく憧れはある
10. 10 © Link and Motivation Group Vue Fes Japan Online 2022より
11. 11 © Link and Motivation Group アーカイブ動画を視聴した私 思ったよりウェルカム感 一回やってみようかな
12. 12 © Link and Motivation Group OSS活動を始めるに当たって 1 2 OSSに貢献するポイントを見つける際の観点 改善に向けてのアプローチ
13. 13 © Link and Motivation Group OSSに貢献するポイントを 見つける際の観点
14. 14 © Link and Motivation Group まずはどのOSSに貢献するかを決めましょう 私が大事にした観点 ▪ 現在使っている / 使ったことあるライブラリか？ 利用経験のある方がモチベーション面でもいざ改修する時も取り掛かりやすそう ▪ 活発なライブラリか？ 例えば半年間issueも立ってないしcommitもないとかだとPR出しても見られなさそう ▪ リポジトリオーナーが日本人か？ 上2つに比べると優先度は下がりますが、初めてやる場合の安心感はあります
15. 15 © Link and Motivation Group 私の場合 現在使っている / 使ったことあるライブラリか？ 活発なライブラリか？ リポジトリオーナーが日本人か？ https://vue-i18n.intlify.dev
16. 16 © Link and Motivation Group どんなポイントに貢献するか決めましょう 私が大事にした観点 ▪ 自分が困っている不具合 / 欲しい機能か？ 折角やるなら、自分も嬉しいことのほうが良さそう ▪ issueにhelp wantedやgood first issueが付いているか？ OSSごとに色んなラベルがあるのでザッと眺めても良さそう ※ どうしても見つからない場合はtypo修正やドキュメント修正、 issueの議論への返信だけでも良いと思います！ https://github.com/vuejs/eslint-plugin-vue/issues
17. 17 © Link and Motivation Group 私の場合 https://github.com/intlify/vue-i18n-next/issues/1768
18. 18 © Link and Motivation Group 私の場合 https://github.com/intlify/vue-i18n-next/issues/1768 implicit fallbackを用いてen-GBやen-USをいちいち定義せずにenを参照させてるのに...
19. 19 © Link and Motivation Group 私の場合 https://github.com/intlify/vue-i18n-next/issues/1768 implicit fallbackを用いてen-GBやen-USをいちいち定義せずにenを参照させてるのに...
20. 20 © Link and Motivation Group 改善に向けてのアプローチ
21. 21 © Link and Motivation Group ▪ CHANGELOG.md / CONTRIBUTING.mdを読む 最低限の礼儀として ▪ ローカルに落として事象を再現させる まずは事象確認 ▪ 他の人の過去PRを眺めてみる ゴールイメージを固める 事前準備 https://github.com/intlify/vue-i18n- next/blob/master/.github/CONTRIBUTING.md
22. 22 © Link and Motivation Group 実際に取ったアプローチ 該当箇所付近の挙動を logで念入りに確認 コードを読む時間に9割ぐらいの時間を使う 生成AIと一緒にコードリーディング
23. 23 © Link and Motivation Group 改修 packages/core-base/src/translate.ts packages/vue-i18n-core/test/issues.test.ts warningを吐いてる箇所に implicit fallbackかどうかの 判定を入れる 複数のパターンでテストコードを用意
24. 24 © Link and Motivation Group いざPRを投げてみた https://moviewalker.jp/mv38186/gallery/4/
25. 25 © Link and Motivation Group いざPRを投げてみた https://github.com/intlify/vue-i18n-next/pull/1798
26. 26 © Link and Motivation Group いざPRを投げてみた 1.5時間！ https://github.com/intlify/vue-i18n-next/pull/1798
27. 27 © Link and Motivation Group その後無事マージ その場でガッツポーズしました笑 Githubプロフィールにも反映！
28. © Link and Motivation Group 28 さいごに
29. 29 © Link and Motivation Group 学び • OSS活動を始めるに当たって必要だったのは最初の一歩踏み出す勇気だけ • Approveされた瞬間の喜びを再認識 ◦ 人生で初めてApproveされた時のことを思い出しました笑 メッセージ • Vue.jsコミュニティーは温かいコミュニティーだと思うので、 最低限のお作法を抑えたら、恐れずガンガン貢献していきましょう！ 学びとメッセージ
30. 30 © Link and Motivation Group お知らせ • エンジニアリングマネージャー • プロダクトマネージャー • テックリード • サーバーサイドエンジニア • フロントエンドエンジニア • SRE • データエンジニア • CRM • UXデザイナー 週１でテックブログを更新中！ まずはカジュアルにお話しましょう！ 積極採用中です！