Vue.jsにおけるOSS活動

38bee248082f6071230de65e9d74a944?s=47 kazupon
November 26, 2018

 Vue.jsにおけるOSS活動

38bee248082f6071230de65e9d74a944?s=128

kazupon

November 26, 2018
Tweet

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. ΤίγεςϜ

  16. None
  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

  99. None
  100. ͝ਗ਼ௌ ͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ