Vue.jsにおけるOSS活動

Transcript

1. Vue.jsʹ͓͚Δ OSS ׆ಈ 2018.11.26 OSS Universe by dev #2 @kazupon
2. ࣗݾ঺հ
3. kazupon CTO Vue.js Core Team Vue.js japan user group organizer @kazu_pon kazupon
4. ࠓ೔࿩͢͜ͱ
5. ࠓ೔࿩͢͜ͱ • લճ͸ࣗ෼ͷ͜Ε·ͰͷOSSͷऔ૊ʹ͍ͭͯ ࿩ͨ͠
6. ࠓ೔࿩͢͜ͱ • ࠓճ͸Vue.jsͷOSS׆ಈʹ͍ͭͯ
7. Vue.js ʹ͍ͭͯ
8. Vue.js • ࡞ऀ: Evan You • Ϗϡʔ૚ͷϥΠϒϥ Ϧ • 2013೥ݸਓϓϩδΣ Ϋτͱͯ͠։࢝ • 2014೥2݄ʹv0.8ެࣜ ϦϦʔε
9. 2015.04.20 Laravel Ͱ࠾༻ܾఆ 2015.10.26 v1.0 Evangelion 2016.10.01 v2.0 Ghost in the Shell 2017.10.13 v2.5 Level E 2018.11.26 ݱࡏ ࠷৽: v2.5.17 ྺ࢙
10. Progressive Framework
11. Vue.jsຊମ Vue Router Vuex Vue CLI
12. 2018೥ͷঢ়گ https://2018.stateofjs.com/front-end-frameworks/vuejs/results-over-time
13. React Usage by Country StateOfJS 2018 https://2018.stateofjs.com/front-end-frameworks/react/tool-usage-by-country
14. Vue.js Usage by Country StateOfJS 2018 https://2018.stateofjs.com/front-end-frameworks/vuejs/tool-usage-by-country
15. ΤίγεςϜ
17. Storybook
18. Native Script
19. ಋೖاۀ
20. άϩʔόϧ
21. ࠃ಺ • Vue Fes Japan Ͱεϙϯαʔͯ͠௖͍ ͨձ༷ࣾɺଞͰ΋࢖ΘΕ͍ͯΔ
22. ૊৫ମ੍
23. 2018೥ݱࡏ ίΞνʔϜ + ίϛϡχςΟύʔτφʔ౳ؚΊΔͱ50໊+
24. ͪͳΈʹɺ2016೥ίΞνʔϜॳظ͸ 20໊ऑͩͬͨ
25. ͞ΒʹɺίΞνʔϜମ੍Ҏલ͸ 10໊ʹ΋Έͨͳ͔ͬͨ
26. • ݱࡏVue.js organaization ʹ20νʔϜ ΄Ͳଘࡏ νʔϜମ੍͕ෑ͔Ε͍ͯΔ
27. • ݱࡏ Vue.js ࡞ऀ Evan ࢯ͚ͩ • ଞίΞνʔϜϝϯόʔ΋PatreonͳͲͰ໛ࡧத ϑϧλΠϜOSSϝϯό
28. ίϛϡχςΟ
29. • ֤஍ͰMeetup͕։࠵͞Ε͍ͯΔ ੈք֤஍ͰίϛϡχςΟ͕͋Δ https://www.vuemeetups.org/find/
30. ΧϯϑΝϨϯε
31. • 2017೥ͷVueConf EU Λػʹɺ2018೥͸։࠵͕ٸ଎ ʹ૿͍͑ͯΔ ੈք֤஍Ͱ։࠵͞Ε͍ͯΔ
32. Vue.js ʹ͓͚Δ OSS ׆ಈ
33. • Vue.jsίΞνʔϜ • Vue.js ϥΠϒϥϦ։ൃऀ • Vue.jsίϛϡχςΟӡӦऀ Vue.jsͷࣗ෼ʹ͓͚ΔOSS׆ಈΛ෼͚Δͱ…
34. Vue.jsίΞνʔϜ
35. Vue.jsίΞνʔϜͷ࢓ࣄ • Issues τϦΞʔδ • όάϨϙʔτ • ػೳཁ๬ • issues ͷ੔ཧ • PR ͷϨϏϡʔ • ৽ػೳ ·ͨ͸ όάमਖ਼ • ଞͷίΞνʔϜϝϯόͷαϙʔτ • Vue.js ίϛϡχςΟͷαϙʔτ • υΩϡϝϯτͷαϙʔτ
36. Issue τϦΞʔδ
37. όάϨϙʔτ ϥϕϧ෇͠ɺ ίϝϯτ͢Δ
38. ػೳཁ๬ ٞ࿦ͯ͠ඞཁͰ͋Ε͹ϥϕϧ෇͚
39. Issues ͷ੔ཧ 5೔Ҏ্ܦա͢ ΔͱClose
40. PR ͷϨϏϡʔ
41. GitHubͷػೳͰ ϨϏϡʔ͢Δ ໰୊ͳ͚Ε͹ɺϥ ϕϧ෇͚͞ΕΔ
42. ৽ػೳ·ͨ͸ όάमਖ਼
43. ίΞνʔϜͰ΋ଞͷVue.jsϢʔβʔͱಉ༷ͷϑϩʔ
44. ଞͷίΞνʔϜϝϯόͷ αϙʔτ
45. ίϛϡχέʔγϣϯ ͷ΍ΓऔΓͰɺิ଍ ౳Ͱαϙʔτͨ͠Γ ͢Δ
46. Vue.js ίϛϡχςΟͷ αϙʔτ
47. Vue Forum: Vue.js ͷ Q & A ϑΥʔϥϜαΠτ
48. StackOverFlowͷΑ͏ʹίϛϡχςΟͰQ & A
49. Vue Land: ίϛϡχςΟͰަྲྀͰ͖ΔDiscord
50. • Vue Land ʹ͸ίΞνʔϜଞʹҎԼͷ໾ׂ͕͋Γɺ Vue.jsίϛϡχςΟΛαϙʔτ͍ͯ͠Δ • Moderators • MVP • Library Authors • Community Leaders Vue Land ͷαϙʔτ
51. υΩϡϝϯτͷ αϙʔτ
52. • ࣗ෼͸ɺओʹ೔ຊޠυΩϡϝϯτͷҎԼͷ຋༁ʹ׆ ಈ͍ͯ͠Δ • Vue.js ຊମ • Vue Router • Vuex • Vue Test Utils υΩϡϝϯτͷ຋༁
53. • Vue.js ެࣜυΩϡϝϯτͷ຋༁͸ҎԼͷମ੍ • ຋༁ϨϙδτϦ: vuejs/jp.vuejs.org • ϝΠϯϝϯςφ: kazupon • αϒϝϯςφ: re-fort, potato4d ೔ຊޠ຋ମ੍
54. ຋༁ΨΠυΛઃஔ https://github.com/vuejs/jp.vuejs.org/blob/lang-ja/CONTRIBUTING.md
55. • ຋༁ߩݙऀͷϞνϕʔγϣϯͷͨΊʹɺ೔ຊޠެࣜ υΩϡϝϯτʹߩݙऀҰཡΛܝࡌ ߩݙऀͷΫϨδοτͷઃஔ https://jp.vuejs.org/contribution/ ͜ͷϖʔδ͸ ೔ຊ޲͚ ΦϦδφϧ
56. • ຋༁ελΠϧ : 
 JTF೔ຊޠඪ४ελΠϧΨΠυ + ಠࣗΧελϚΠζ ελΠϧ • ຋༁ΏΒ͗νΣοΫπʔϧͱͯ͠textlintͰνΣοΫ • σϓϩΠ͸ Netlify ͰࣗಈԽ ຋༁ελΠϧͱπʔϧ
57. • େຊͷυΩϡϝϯτ಺༰ͷ௥ै͸ɺϘοτͰରԠ͠ ͍ͯΔ ೔ʑͷ຋༁ӡ༻ https://github.com/vuejs-jp/che-tsumi
58. • ϘοτͰGitHub Issues ʹొ࿥͞Εͨத͔Βɺ຋༁ ͍ͨ͠ਓ͕ڍखͯ͠຋༁͢Δ ೔ʑͷ຋༁ӡ༻
59. ͨͩ೔ʑͷӡ༻Ͱର Ԡ͖͠Εͳ͍େ෯ͳ ຋༁͕ඞཁͳ࣌͸ʁ
60. • Vue.js೔ຊϢʔβʔάϧʔϓͷSlack΍TwitterΛ௨͡ ͰߩݙऀΛืͬͯ຋༁ ຋༁ڠྗऀΛืΔ https://twitter.com/kazu_pon/status/779127053027160064
61. • GitHub ʹ຋༁ΨΠυͷ issues ΛཱͯΔ • GitHub Projects Ͱ຋༁ਐḿΛ؅ཧ ͦͷ࣌ͷ຋༁ମ੍
62. GitHub Issues୯ҐʹΑΔ຋༁ ڍख੍Ͱ୲౰ऀΛ ΞαΠϯ
63. ิ଍
64. Vue.jsͰ OSS׆ಈͷͨΊͷ޻෉
65. • .github ഑ԼʹҎԼͷΨΠυϥΠϯΛઃஔ • ίϛοτϝοηʔδن໿: COMMIT_CONVENTION.md • ߩݙΨΠυ: CONTRIBUTING.md • ߦಈنൣ: CODE_OF_CONDUCT.md • PRͷςϯϓϨʔτ: PULL_REQUEST_TEMPLATE.md ΨΠυϥΠϯͷઃஔ
66. • ߩݙऀˍίΞνʔϜ͕Issues ർ࿑Λ๷͙ͨΊʹɺ ϔϧύΞϓϦΛ༻ҙ Issues ϔϧύ https://new-issue.vuejs.org/
67. • Issues ϔϧύͷϑΥʔϚοτʹै͍ͬͯΔ͔Ͳ͏͔ ϘοτͰνΣοΫ Vue Issue Bot ϑΟΦʔϚοτʹै͍ͬͯͳ͚Ε͹ڧ੍Close
68. • ߩݙ͠΍͍͢Α͏ʹɺ`good first issue` Ͱϥϕϧ෇ ͚͍ͯ͠Δ Issues ϥϕϧ෇͚
69. Vue.js ϥΠϒϥϦ։ൃऀ
70. • Vue.js ޲͚ʹ i18n ޲͚ϥΠϒϥϦΛఏڙʹΑΓΤ ίγεςϜܗ੒ʹ౒Ί͍ͯΔ Vue.js޲͚ͷi18n
71. Vue.js ίϛϡχςΟӡӦऀ
72. • Slack ʹΑΔ೔ຊਓ޲͚ͷ νϟοτͷӡӦ • ConnpassʹΑΔMeetupͷӡӦ • ΧϯϑΝϨϯεʹ޲͚ͨ׆ಈ • ຋༁׆ಈͷαϙʔτ • ఆྫMTGͷ։࠵ • … etc Vue.js೔ຊϢʔβʔάϧʔϓ https://github.com/vuejs-jp https://vuejs-meetup.connpass.com/
73. • CoC (ޙͰࡌͤΔ༧ఆ) Ҏ֎ ͸ಛʹݫ֨ͳϧʔϧ͸ఆΊ ͍ͯͳ͍ • ίϛϡχςΟ͕ؾ࣋ͪΑ͍ ৔ʹ͢ΔΑ͏ʹ৺͕͔͑ͯ ͍Δ • Meetupͷ։࠵΍ɺVue.jsެ ࣜؔ࿈ϨϙδτϦͷϦϦʔ ε৘ใͳͲͷΞφ΢ϯε͠ ͨΓͳͲ SlackͷӡӦ
74. • 3ʙ4ϲ݄ʹ1ճͷස౓Ͱ։࠵ • ൃදʹΑΔVue.jsͷ৘ใ΍ɺ ࠙਌ձͰVue.jsίϛϡχςΟ ͕৘ใަ׵ɺ਌ກͰ͖Δ৔ ͷఏڙ͢Δͷ͕໨త MeetupͷӡӦ
75. • ݄ҰఆྫMTGͰΧϯϑΝϨ ϯε (Vue Fes Japan)ͷا ըɺ४උ͢Δ • ΧϯϑΝϨϯε౰೔͸ɺ Vue.js೔ຊϢʔβʔάϧʔ ϓελοϑશһͰӡӦʹ຿ ΊΔ ΧϯϑΝϨϯεʹ޲͚ͨ׆ಈ
76. • ίϛϡχςΟʹΑΔVue.jsؔ࿈υΩϡϝϯτͷ຋༁Λα ϙʔτ • ϨϏϡʔ • େن໛ͳ຋༁׆ಈͷࡍͷ؀ڥ੔උ & Ϧʔυ ຋༁׆ಈͷαϙʔτ
77. • ݄1ͰVue.js೔ຊϢʔβʔάϧʔϓελοϑ޲͚ͷMTGΛ։࠵ ͍ͯ͠Δ • MTG಺༰ͱͯ͠͸ɺҎԼͷΠϕϯτͷاը&४උ͕ओ • Meetup • ΧϯϑΝϨϯε • ελοϑ಺Ͱ਌ກΛਤΔͨΊʹɺ৽೥ձɺೲྋձΈ͍ͨͳෆ ఆظͰߦ͍ͬͯΔ ఆྫMTGͷ։࠵
78. ·ͱΊ
79. ·ͱΊ • Vue.js ࢹ఺ʹΑΔ OSS ׆ಈʹ͍ͭͯ࿩͖ͯ͠ ͨ • ࠷ॳ͸ίΞνʔϜɺVue.js޲͚ͷϥΠϒϥϦ OSS։ൃऀͱͯ͠ओʹίʔυࢹ఺Ͱ׆ಈ͢Δ ͜ͱͰߩݙ͖ͯͨ͠
80. ·ͱΊ • ೔ຊͰVue.js೔ຊϢʔβʔάϧʔϓΛ্ཱͪ͛ ͔ͯΒɺίʔυҎ֎ʹίϛϡχςΟΛӡӦ͢ Δ׆ಈ΋͖ͯͨ͠ • Vue.js Λ௨ͯ͡Ұ࿈ͷ OSS ׆ಈʹ͍ͭͯؔΘ Δ͜ͱ͕Ͱ͖ͨ
81. ͱ͍͏Θ͚Ͱ
82. Vue.jsͷ OSS׆ಈΛ ௨ͯ͠
83. OSSʹର͢Δߩݙʹ͍ͭͯ ෼͔ͬͨ͜ͱ
84. • GitHubͰPRૹͬͨΓɺIssue(Bug) ొ࿥ͨ͠ΓͳͲɺίʔυʹΑΔ΋ ͷ͚͕ͩOSS ΁ͷߩݙ͡Όͳ͍ʂ • ࣗ෼ͨͪ͸ɺ৭ʑͳܗͰߩݙͰ͖ Δʂ
85. OSSʹ͸͍ΖΜͳํ๏ͷߩݙ͕ඞཁ “Vue.js͸׬શͳOSSͰ͢ͷͰɺօ͞·ҰਓͻͱΓʹࢧ͑ΒΕͯ੒Γཱͬ ͍ͯ·͢ɻεϙϯαʔاۀ༷Λืू͍ͯ͠Δͷ͸΋ͪΖΜͰ͕͢ɺۚમ తͳαϙʔτͰ͸ͳͯ͘΋ɺGitHubʹPRΛૹͬͯ௖͍ͨΓɺϢʔβʔ ؒͰ࣭໰ʹ౴͑ͯ௖͍ͨΓͱ͍ͬͨߦಈ͕Vue.jsͷͨΊʹͳΓ·͢ɻ" https://www.youtube.com/watch?v=oWSVBwcPBIk&t=1s
86. όάใࠂ PRϨϏϡʔ όάमਖ਼ ৽ػೳ࣮૷ ॻ੶ࣥච Q & A ରԠ ϒϩά ϛʔτΞοϓ։࠵ ϛʔτΞοϓͷ͓ख఻͍ ΧϯϑΝϨϯεͷ͓ख఻͍ ϙουΩϟετ εϙϯαʔ&د෇ εϐʔΧʔొஃ ಈը υΩϡϝϯτվળ υΩϡϝϯτ຋༁ νϟοτରԠ ϥΠϒϥϦ։ൃ ɾɾɾ ܒ໤ ϫʔΫγϣοϓ ࣾ಺ษڧձ
87. OSSʹߩݙͯ͠རӹΛ෼͚߹͓͏ʂ https://twitter.com/ikeike443/status/1062893298723876864
88. Creator OSS develop Blog write
89. Developer Company Creator OSS Product Developer adopt / use develop User use teach Blog read
90. Developer Company Creator OSS Product Blog / SNS Developer Developer donate donate more use write more develop read try to use more develop Developer Developer read User more use User use feedback try to use
91. Developer Company Creator OSS Product Blog / SNS Company Product Developer Plugin Developer donate donate more develop adopt / more use develop create more develop Developer Developer User User use feedback more use and contribute feedback more use
92. Developer Company Creator OSS Product Blog / SNS Company Product Plugin Developer Developer donate donate more develop more use and contribute more develop more develop adopt / use more develop Developer Developer User more use Company Product develop User more use Blog write read Developer (OSS Plugin Creator) more use and contribute
93. Developer Company Creator OSS Product Blog / SNS Company Product Developer (OSS Plugin Creator) Plugin Developer Developer donate donate more develop more develop more develop more use more develop Developer Developer User more use Company Product more develop User more use Event Organizer Event invite more use and contribute more use and contribute more use and contribute
94. Developer Company Creator OSS Product Blog / SNS Company Product Plugin Developer Developer donate donate more use more develop more use more develop more develop more use more develop Developer Developer User more use Company Product more develop User more use Event Organizer Company Developer join as speaker Event sponsored join as attendee Slide speak attend join as speaker Developer join as staff Media report Blog Developer (OSS Plugin Creator) more use and contribute
95. ԿΒ͔ͷߩݙʹΑͬͯΤίγες Ϝ͕ܗ੒͞ΕΔ ↓ ωοτϫʔΫޮՌͰOSSͷརӹ (Ձ஋)͕ߴ·͍ͬͯ͘ ↓ OSS࡞ऀɺར༻ऀͦͯ͠ձࣾʹ΋ རӹ͕෼͚༩͑ΕΒΕΔʂ
96. ࠷ޙʹ
97. Patreon΍ͬͯ·͢ʂ • ޷͖ͳOSS׆ಈΛҡ࣋͢ΔͨΊʹɺΫϥ΢υ ϑΝϯσΟϯάΛ࢝ΊΔ͜ͱͰ໛ࡧ͍ͯ͠Δ
98. Patreonͷࢧԉ ͓଴͓ͪͯ͠Γ·͢ʂ https://www.patreon.com/kazupon
100. ͝ਗ਼ௌ ͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ