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

Slide 1

Slide 1 text

Slide 2

Slide 2 text

2 © Link and Motivation Group 小宮慎ノ介株式会社リンクアンドモチベーション ● 2019年新卒入社 ● フルサイクルエンジニア ● 初めて触ったFrontフレームワークはVue.js 自己紹介 https://github.com/ShinnosukeKomiya https://twitter.com/komishinnnn

Slide 3

Slide 3 text

3 © Link and Motivation Group リンクアンドモチベーションについて 327億円（2022年12月時点）（2022年12月時点） 11社

Slide 4

Slide 4 text

プロダクト紹介働きがいあふれる社会へ

Slide 5

Slide 5 text

モチベーションクラウド診断変革 ※ 2022年度実績 10,060 社 312 万人

Slide 6

Slide 6 text

導入企業様 ※2023年1月時点実績（https://www.motivation-cloud.com/）

Slide 7

Slide 7 text

Slide 8

Slide 8 text

8 © Link and Motivation Group 皆さんOSS活動ってどう思いますか？

Slide 9

Slide 9 text

9 © Link and Motivation Group 自分はやらない理由を探してやってませんでした本業も忙しいし、難しそうでも、何となく憧れはある

Slide 10

Slide 10 text

10 © Link and Motivation Group Vue Fes Japan Online 2022より

Slide 11

Slide 11 text

11 © Link and Motivation Group アーカイブ動画を視聴した私思ったよりウェルカム感一回やってみようかな

Slide 12

Slide 12 text

12 © Link and Motivation Group OSS活動を始めるに当たって 1 2 OSSに貢献するポイントを見つける際の観点改善に向けてのアプローチ

Slide 13

Slide 13 text

13 © Link and Motivation Group OSSに貢献するポイントを見つける際の観点

Slide 14

Slide 14 text

14 © Link and Motivation Group まずはどのOSSに貢献するかを決めましょう私が大事にした観点 ■ 現在使っている / 使ったことあるライブラリか？利用経験のある方がモチベーション面でもいざ改修する時も取り掛かりやすそう ■ 活発なライブラリか？例えば半年間issueも立ってないしcommitもないとかだとPR出しても見られなさそう ■ リポジトリオーナーが日本人か？上2つに比べると優先度は下がりますが、初めてやる場合の安心感はあります

Slide 15

Slide 15 text

15 © Link and Motivation Group 私の場合現在使っている / 使ったことあるライブラリか？活発なライブラリか？リポジトリオーナーが日本人か？ https://vue-i18n.intlify.dev

Slide 16

Slide 16 text

16 © Link and Motivation Group どんなポイントに貢献するか決めましょう私が大事にした観点 ■ 自分が困っている不具合 / 欲しい機能か？折角やるなら、自分も嬉しいことのほうが良さそう ■ issueにhelp wantedやgood first issueが付いているか？ OSSごとに色んなラベルがあるのでザッと眺めても良さそう ※ どうしても見つからない場合はtypo修正やドキュメント修正、 issueの議論への返信だけでも良いと思います！ https://github.com/vuejs/eslint-plugin-vue/issues

Slide 17

Slide 17 text

17 © Link and Motivation Group 私の場合 https://github.com/intlify/vue-i18n-next/issues/1768

Slide 18

Slide 18 text

18 © Link and Motivation Group 私の場合 https://github.com/intlify/vue-i18n-next/issues/1768 implicit fallbackを用いてen-GBやen-USをいちいち定義せずにenを参照させてるのに...

Slide 19

Slide 19 text

19 © Link and Motivation Group 私の場合 https://github.com/intlify/vue-i18n-next/issues/1768 implicit fallbackを用いてen-GBやen-USをいちいち定義せずにenを参照させてるのに...

Slide 20

Slide 20 text

20 © Link and Motivation Group 改善に向けてのアプローチ

Slide 21

Slide 21 text

21 © Link and Motivation Group ■ CHANGELOG.md / CONTRIBUTING.mdを読む最低限の礼儀として ■ ローカルに落として事象を再現させるまずは事象確認 ■ 他の人の過去PRを眺めてみるゴールイメージを固める事前準備 https://github.com/intlify/vue-i18n- next/blob/master/.github/CONTRIBUTING.md

Slide 22

Slide 22 text

Slide 23

Slide 23 text

23 © Link and Motivation Group 改修 packages/core-base/src/translate.ts packages/vue-i18n-core/test/issues.test.ts warningを吐いてる箇所に implicit fallbackかどうかの判定を入れる複数のパターンでテストコードを用意

Slide 24

Slide 24 text

Slide 25

Slide 25 text

Slide 26

Slide 26 text

Slide 27

Slide 27 text

Slide 28

Slide 28 text

Slide 29

Slide 29 text

29 © Link and Motivation Group 学び ● OSS活動を始めるに当たって必要だったのは最初の一歩踏み出す勇気だけ ● Approveされた瞬間の喜びを再認識 ○ 人生で初めてApproveされた時のことを思い出しました笑メッセージ ● Vue.jsコミュニティーは温かいコミュニティーだと思うので、最低限のお作法を抑えたら、恐れずガンガン貢献していきましょう！学びとメッセージ

Slide 30

Slide 30 text

30 © Link and Motivation Group お知らせ ● エンジニアリングマネージャー ● プロダクトマネージャー ● テックリード ● サーバーサイドエンジニア ● フロントエンドエンジニア ● SRE ● データエンジニア ● CRM ● UXデザイナー週１でテックブログを更新中！まずはカジュアルにお話しましょう！積極採用中です！